/*
Bleu: #8098C4
*/


body{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666;
padding: 0;
margin: 0;
background: #F5F5F5 url(../../Images/Design/Background.png) repeat-x;
text-align: center;
}
.spacer{
clear: both;
}
hr{
clear: both;
margin: 15px 0px;
}

ul{
padding: 0px;
margin: 0px;
margin-left: 50px;
text-align: left;
/*list-style: url(../../Images/Design/Puce.gif);*/
}


img{
border: none;
}
img.floating{
float: right;
}


/******************************************************************************/
/* Structure
/******************************************************************************/
#header{
margin: auto;
margin-top: 20px;
background: #8194B4 url(../../Images/Design/MotifBlue.jpg) repeat-x;
width: 720px;
text-align: center;
padding-top: 5px; /* Pour eviter le décalage au chargement des Nifty Corner */
}
#top-menu{
color: #FFF;
height: 50px;
}
#top-bandeau{
margin: auto;
margin-top: 10px;
margin-bottom: 5px;
width: 300px;
}

#site{
margin: auto;
width: 718px;
text-align: center;
background: #FFF;
border-right: solid 1px #8194B4;
border-left: solid 1px #8194B4;
padding-top: 5px; /* Pour eviter le décalage au chargement des Nifty Corner */
}

#footer{
margin: auto;
text-align: center;
font-size: 10px;
color: #FFF;
width: 720px;
background: url(../../Images/Design/MotifBlueReverse.jpg) 0 -35px repeat-x;
padding-bottom: 5px; /* Pour eviter le décalage au chargement des Nifty Corner */
}


#mainmenu{
margin: auto;
width: 580px;
height: 24px;
text-align: left;
}

#page-content-out{
padding-top:300px; /* hack min-height */
min-height: 1px;
}
#page-content{
margin-top: -300px; /* hack min-height */
text-align: left;
padding-bottom: 25px;
}
#page-bottom{
border-right: solid 1px #8194B4;
border-left: solid 1px #8194B4;
margin:auto;
width: 718px;
padding-bottom: 5px; /* Pour eviter le décalage au chargement des Nifty Corner */
}



.width1{
width: 560px;
}
.width2{
width: 520px;
}

#accueil{
float: right;
width: 100px;
margin: 10px 0px 0px 0px ;
color: #FFF;
display: inline; /* Bug IE avec margin+float */
}

#left-part{
float: left;
width: 125px;
padding-left: 5px;
margin-top: 28px;
text-align: center;
}
#right-part{
float: left;
width: 560px;
padding: 5px 10px;
text-align: center;
}


#news{
	clear: both;
	margin: auto;
	text-align: center;
	font-weight: bold;
	background: #EFECE0;
	padding: 5px 0px;
	width: 600px;
}

#nl-box{
	clear: both;
	margin: auto;
	margin-top: 10px;
	width: 450px;
	text-align: center;
	background: #EFECE0;
	font-weight: normal;
	font-size: 11px;
}


.img-menu{
float: left;
padding: 35px 30px;
padding-bottom: 0px
}

#box-sound{
float: left;
font-size: 10px;
font-weight: bold;
color: #0F0;
padding-left: 5px;
}



/******************************************************************************/
/* Main Menu
/******************************************************************************/
#header #mainmenu ul {
padding: 0px;
margin: 0px;
margin-left: 40px;
list-style: none;
}

#header #mainmenu ul li {
float: left;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 9px;
background: url(../../Images/Design/MainMenu/TabLeft1.gif) no-repeat left top;
}
#header #mainmenu ul li a {
display: block;
padding: 5px 23px;
color: #666;
text-align: center;
font-size: 11px;
font-weight: bold;
background: url(../../Images/Design/MainMenu/TabRight1.gif) no-repeat right top;
}

#header #mainmenu ul li.selected {
color: #FFF;
background: url(../../Images/Design/MainMenu/TabLeft2.gif) no-repeat left top;
border-bottom: solid 1px #FFF;
}
#header #mainmenu ul li.selected a {
color: rgb(33%,40%,52%);
background: url(../../Images/Design/MainMenu/TabRight2.gif) no-repeat right top;
}

#header #mainmenu ul li a:hover {
color: #000;
}
#header #mainmenu ul li.selected a:hover {
color: rgb(33%,40%,52%);
}

/******************************************************************************/
/* top-menu
/******************************************************************************/
#top-menu ul {
float: right;
margin: 0px;
list-style: none;
color: #000;
font-size: 10px;
font-weight: bold;
}

#top-menu ul li {
float: left;
text-align: left;
margin: 0px;
padding: 0px 0px;
display: inline;
}
#top-menu ul li a {
display: block;
padding: 0px 15px;
color: #FFF;
text-align: left;
}
#top-menu ul li.selected a {
color: #FFF;
padding-top: 10px;
}
#top-menu ul li a:hover, #top-menu #box-sound a:hover {
color: rgb(128,153,194);
}

#top-menu #box-sound a {
font-size: 10px;
font-weight: bold;
color: #FFF;
}



/******************************************************************************/
/* left-part
/******************************************************************************/
#page-content #left-part ul li{
padding: 0 10px 0.5em 10px;
border-bottom: solid 2px rgb(100%,100%,100%);
line-height: 1em;
}


#page-content #left-part ul.leftmenu{
margin: 0px;
padding: 0px 0px 1.5em 0px;
list-style: none;
background: rgb(33%,40%,52%);
/*padding-bottom: 25px;*/
}

#page-content #left-part ul.leftmenu li a{
display: block;
padding: 0.25em  0.25em;
width: 100px;
text-decoration : none;
position: relative;
top: 1.25em;
background: #FFF;
font-size: 11px;
color: #666;
}
#page-content #left-part ul.leftmenu li.selected a{
color: #FFF;
background: #8099C2; 
}


#page-content #left-part ul.leftmenu li a:hover{
color: #FFF;
background: #8099C2; 
}


#page-content #left-part img{
margin-top: 10px;
}

#page-content #left-part ul.submenu{
margin: 0px;
padding: 0px 0px 1.5em 0px;
list-style: none;
font-size: 10px;
}

/******************************************************************************/
/* right-part
/******************************************************************************/
#page-content #right-part ul.legende {
margin: 0px;
padding: 0px;
margin-top: 2px;
list-style: none;
text-align: left;
font-size: 11px;
}
#page-content #right-part ul.legende li{
/*margin-left: 15px;*/
padding-bottom: 13px;
}

#page-content #right-part img{
clear: both;
margin: auto;
}


ul.button{
list-style: none;
width: 400px;
margin-top: 10px;
margin-left: 80px;
}

ul.button li{
text-align: center;
padding-bottom: 1px;
}
ul.button a:link, ul.button a:visited{
display: block;
background: #B8CAE0;
padding: 2px 5px;
color: #FFF;
font-weight: bold;
}
ul.button a:hover{
color: #000;
border-left: solid 10px #000;
border-right: solid 10px #000;
}
/******************************************************************************/
/* Page-Content
/******************************************************************************/


/******************************************************************************/
/* Ecran de remplacements
/******************************************************************************/
.subst-float{
float: left;
width: 24%;
border-right: solid 1px;
}

.subst-float ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.subst-float li{
margin-bottom: 2px;
}

#box-ref{
float: left; 
width: 27.5%;
color: #546584;
}
#box-ref ul{
margin: 0px;
padding: 0px;
margin-left: 30px;
list-style: circle;
}
.subst-marque-title{
font-weight: bold;
color: #FFF;
background: #546584;
margin-left: 5px;
}


/******************************************************************************/
/* Tableaux
/******************************************************************************/
table{
margin: auto;
text-align: center;
font-size: 11px;
color: #000;
}
table.tab-large{
width: 100%;
margin-bottom: 15px;
}
table.tab-large-mid{
width: 300px;
margin-bottom: 15px;
}
table.tabulaire{
width: 100%;
}
table.search-guided{
padding-top: 0px;
margin: 0px;
}


table.center td{
text-align: center;
}

th{
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 2px 2px;
}

td{
text-align: left;
padding: 2px 20px;
}
.tab-large td{
padding: 2px 5px;
}
.tabulaire td{
padding: 2px 0px 2px 2px;
}
.search-guided td{
padding: 2px 0px;
text-align: center;
font-weight: bold;
color: #000;
vertical-align: middle;
}

.color1, th, #box-title{
background: #B8CAE0;
}
.color2, #box-text{
background: #F0F2FA;
}

td#ligne1, td#ligne2, td#ligne3, td#ligne4, td#ligne5, td#ligne6, td#ligne7, td#ligne8{
color: #DE2110;
width: 200px;
}

/* Utilisé pour centrer le cursor et le texte */
div .cell-tab{
float: left;
height: 25px;
font: bold 11px/25px verdana;
}


/******************************************************************************/
/* Liens
/******************************************************************************/
a:link, a:visited{
color: #D64202;
text-decoration : none;
}
a:hover{
color: #8099C2;
}

#header a:link, #header a:visited{
color: #FFF;
}
#header a:hover{
color: #FFF;
}

#site-title a:link{
color: #8098C4;
}


a.websg{
color: #8194B4;
font-weight: bold;
font-size: 10px;  
}

a.websg:hover{
color: #353A40;  
}

/* Bouton général */
a.button {
margin: auto;
border: 1px solid #C2BEBD;
padding: 0px 10px;
}

a.button:link, a.button:visited{
background: #fff;
text-align: center;
color: #D64202;
font-size: 11px;
} 

a.button:hover{
color: #000;
background: #EBE1E1;
text-decoration: none;
}


/* Bouton du moteur de recherche guidée */
a.search-button {
display: block;
background: transparent;
cursor: pointer;
}

a.search-button:link, a.search-button:visited{
text-align: center;
color: #000;
font-size: 10px;
} 

a.search-button:hover{
color: #000;
text-decoration: none;
}


/* Lien utilisé pour les liste des écrans de remplacements */
a.subst {
padding: 0px;
margin: auto;
display: block;
width: 120px;
font-size: 11px;
text-align: center;
}


a.subst:hover{
color: #D64202;
background: #EBE1E1;
text-decoration: none;
}

a.subst-selected{
padding: 0px;
margin: auto;
display: block;
width: 120px;
font-size: 11px;
background: #EBE1E1;
text-align: center;
}
/******************************************************************************/
/* Polices
/******************************************************************************/
.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.bold{
font-weight: bold;
}
p{
padding: 0px;
margin: 15px 0px 0px 0px;
}
.orange{
color: #D64202;
}
.red{
color: #F00;
}


.pt-text{
font-size: 10px;
}

.msg-error{
font-size: 13px;
font-weight: bold;
color: #DE2110;
}

.msg-page{
margin-top: 50px;
font-size: 14px;
font-weight: bold;
color: #D64202;
text-align: center;
}

#left-part .title{
font-weight: bold;
color: #D64202;
text-align: center;
margin-top: 10px;
}


.cdm{
color: #0033FF;
font-size: 40px;
font-style: italic;
font-family: Calgary;
margin-bottom: 10px;
}


#page-content #right-part .right-part-title{
font-weight: bold;
color: rgb(84,101,132);
font-size: 14px;
}
.right-part-title2{
font-weight: bold;
color: rgb(84,101,132);
font-size: 14px;
padding-bottom: 20px;
text-align: center;
}
#page-content #right-part .right-part-title3{
font-weight: bold;
color: rgb(84,101,132);
font-size: 13px;
margin: 25px 0px 10px 0px;
}





/******************************************************************************/
/* Box
/******************************************************************************/
.box{
width: 185px;
float: left;
font-size: 10px;
}
.box-width2{
width: 275px;
}
.box-width1{
width: 550px;
}

.box img{
display: block;
}


/* Utilisé pour afficher les résultats de la rechezrche guidé */
#search-result{
clear: both;
width: 600px;
margin: auto;
padding-top: 15px;
text-align: center
}


/******************************************************************************/
/* Recharche guidée
/******************************************************************************/
.search-div{
width: 85px;
height: 25px;
font: bold 10px/25px verdana;
}
.search-div2{ /* permet de gérer le centrage vertical sur deux lignes */
width: 85px;
height: 25px;
}

#box-info{
margin: auto;
text-align: left;
}
#box-title{
padding: 4px 5px;
font-weight: bold;
height: 1em;
}
#box-text{
padding: 0px 5px;
}

#box-info ul{
padding-top: 20px;
}

#box-info ul li{
padding-bottom: 5px;
}
#box-info table td{
padding: 5px;
}
/******************************************************************************/
/* Formulaire
/******************************************************************************/
.float-left-50{
float: left;
width: 49%;
}
.float-right-50{
float: right;
width: 49%;
}
.float-left{
float: left;
width: 24%;
padding-right: 7px;
}
.float-right{
float: right;
width: 24%;
}

form{
padding: 0px;
margin: 0px;
}
fieldset{
position: relative;
top: 1em;
margin: 0px;
margin: auto;
background: #F5F5F5;
padding: 0px;
}
html>body fieldset {
padding-top:1em;
top:0;
}
legend{
font-weight: bold;
color: #D64202;
position: relative;
top: -1em;
}
.fieldset-bg{
padding: 5px 15px;
background: #F5F5F5;
}

input{
font-size: 12px;
text-align: left;
color: #666666;
background-color: #F4F1F1;
}

input .radio-btn{
font-size: 12px;
text-align: left;
background-color: #F00;
}

select{
color: #666;
background-color: #F4F1F1;
}

input.submit-sg{
border: 1px solid #C2BEBD;
background-color: transparent;
color: #000;
text-align: center;
font-size: 12px;
font-weight: bold;
}

textarea{
color: #666666;
background-color: #F4F1F1;
}


.form-row{
clear: both;
text-align: center;
height: 30px;
}

.form-etiquette {
float: left;
width: 20%;
text-align: right;
font-size: 12px;
}
.form-champs {
float: right;
width: 79%;
text-align: left;
}
.form-etiquette2 {
float: left;
width: 30%;
text-align: right;
font-size: 12px;
}
.form-champs2 {
float: right;
width: 69%;
text-align: left;
}


/****************************************************** Formulaire de contact */
dl, dt, dd{
margin: 0px;
padding: 0px;
text-align: left; /* Pb IE */
}

dl.form dt {
float: left;
clear: left;
margin: 5px;
width: 120px;
border-bottom: 1px dotted #ccc;
text-align: left;
display: inline;
}
dl.form dd {
margin: 5px;
margin-left: 130px;
text-align: left;
}
dl.form input {
width: 220px;
}

.form-error{
font-size: 12px;
color: #DE2110;
text-align: center;
}