/*-------------------------------------------------------------------------------------------------------------
                                           CSS version haut et bas dbit
---------------------------------------------------------------------------------------------------------------*/

body {
	background-color: #096E9A;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/*----------------------------------------------------------------
						Css génériques
------------------------------------------------------------------*/
.texteagauche { text-align:left; }
.texteadroite { text-align:right; }
.texteaumilieu { text-align:center; }
.floatagauche { float:left; }
.floatadroite { float:right; }
.stopfloat { clear:both; }
.marge { margin-bottom: 15px; }


/*----------------------------------------------------------------
	Pour gérer une Zone en transparence (don't work on < ie 6)
------------------------------------------------------------------*/
#clqTransparent {
background-color: transparent!important;
background-color: #000000;
background-image: url(../img/fond_noir_transparent.png)!important;
background-image: url(../img/dot.gif);
}

/*----------------------------------------------------------------
				Insertion du flash + détection 
------------------------------------------------------------------*/
#flashcontent {
	text-align: center;
}

#detectcontent {
	text-align: center;
	margin-top: 30px;
}
.detect {color: #60EEFF; font-weight: bold; font-size: 10px; text-decoration:none; }	
.detect a:link, .detect a:visited {color: #60EEFF; font-weight: bold; font-size: 10px; text-decoration:underline; }
.detect a:hover {color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration:none; }
 

/*----------------------------------------------------------------
						Mentions légales
------------------------------------------------------------------*/
#mentions {
	width: 520px;
	margin-top: 10px;
	padding: 15px;
	text-align: justify;
	border-style: solid; border-width: 1px; border-color: #003A80;
	color: #003A80; font-weight: normal; font-size: 11px; text-decoration:none;
	background-color: #FFFFFF;
}
#mentions a:link, #mentions a:visited {
	color: #096E9A; font-weight: bold; font-size: 11px; text-decoration:none;
}
#mentions a:hover {
	color: #096E9A; font-weight: bold; font-size: 11px; text-decoration:underline;
}


/*----------------------------------------------------------------
							Signature
------------------------------------------------------------------*/
#signature {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
}

#adresse { 
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresse a:link, #adresse a:visited {
	color: #60EEFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresse a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration:underline;
}



/*-------------------------------------------------------------------------------------------------------------
                                           CSS version bas débit
---------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------
							Signature
------------------------------------------------------------------*/
#signatureHtml {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0px;
	text-align: center;
	border: 0px;
}

#adresseHtml { 
	color: #06354F;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresseHtml a:link, #adresseHtml a:visited {
	color: #06354F;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresseHtml a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}

#flashcontentHtml {
	text-align: center;
}


#conteneur {
    position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 0px;	
}

.bleuC {color: #60EEFF; font-weight: normal; font-size: 11px; text-decoration:none; }
.bleuCB {color: #60EEFF; font-weight: bold; font-size: 11px; text-decoration:none; }
.bleuF {color: #096E9A; font-weight: normal; font-size: 11px; text-decoration:none; }
.bleuFB {color: #096E9A; font-weight: bold; font-size: 11px; text-decoration:none; }
.bleu13FB {color: #096E9A; font-weight: bold; font-size: 13px; text-decoration:none; }
.blanc {color: #FFFFFF; font-weight: bold; font-size: 11px; text-decoration:none; }
.noir {color: #000000; font-weight: normal; font-size: 11px; text-decoration:none; }
.noirB {color: #000000; font-weight: bold; font-size: 11px; text-decoration:none; }
.noir13 {color: #000000; font-weight: normal; font-size: 13px; text-decoration:none; }
.noir13B {color: #000000; font-weight: bold; font-size: 13px; text-decoration:none; }
.orange13B {color: #F03506; font-weight: bold; font-size: 13px; text-decoration:none; }


#print a:link, #print a:visited {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	width: 180px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #009EE0;
	font-weight: bold;
	text-decoration: none;	
	text-align: center;	
}

#print a:hover {
	width: 180px;
	height: 25px;
	line-height: 25px;
	color: #FFFFFF;
	background-color: #F9B931;
}


/*----------------------------------------------------------------
							Html
------------------------------------------------------------------*/

.bodyHtml {
	background-color: #FFFFFF;/*couleur de fond de la page*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(../img/backgroundHtml.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#logo {
text-align: center; padding-bottom:20px;
}

#menu a:link, #menu a:visited {
display: block; width: 180px; height:22px; line-height: 22px; background-color:#4BA9D2; color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration:none;
}
#menu a:hover {
display: block; width: 180px; height:22px; line-height: 22px; background-color:#1F5B78; color: #FABB00; font-weight: bold; font-size: 12px; text-decoration:none;
}
.menuOn {
display: block; width: 180px; height:22px; line-height: 22px; background-color:#1F5B78; color: #00CCFF; font-weight: bold; font-size: 12px; text-decoration:none;
}

#menu2 {
margin-top: 18px;
}
#menu2 a:link, #menu2 a:visited {
display: block; width: 180px; height:22px; line-height: 22px; background-color:#4BA9D2; color: #1F5B78; font-weight: bold; font-size: 12px; text-decoration:none;
}
#menu2 a:hover {
display: block; width: 180px; height:22px; line-height: 22px; background-color:#FABB00; color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration:none;
}
.menu2On {
display: block; width: 180px; height:22px; line-height: 22px; background-color:#FABB00; color: #1F5B78; font-weight: bold; font-size: 12px; text-decoration:none;
}



.titre { color: #FABB00; font-weight: bold; font-size: 14px; text-decoration:none; line-height: 17px; padding-left: 10px; }
.sousTitre { color: #FABB00; font-weight: regular; font-size: 13px; text-decoration:none; line-height: 16px; padding-left: 10px; }
.titre2 { color: #0090D4; font-weight: bold; font-size: 14px; text-decoration:none; line-height: 17px; padding-left: 10px; }
.titre3 { color: #FFFFFF; font-weight: bold; font-size: 14px; text-decoration:none; line-height: 17px; padding-left: 10px; }
.titre4 { color: #61CC00; font-weight: bold; font-size: 14px; text-decoration:none; line-height: 17px; padding-left: 10px; }
.texte { color: #003A80; font-weight: regular; font-size: 12px; text-decoration:none; line-height: 14px; }
.texteB { color: #003A80; font-weight: bold; font-size: 12px; text-decoration:none; line-height: 14px; }
	
.lien { color: #3399CC; font-weight: bold; font-size: 11px; text-decoration:none; line-height: 15px; }
.lien:hover { color: #564F7B; font-weight: bold; font-size: 11px; text-decoration:none; line-height: 15px; }	

.colorFondBleu {
background-image: url(../img/fondBleuTransparent.png);
background-color: transparent;
}

.colorFondBleuC {
background-image: url(../img/fondBleuCTransparent.png);
background-color: transparent;
}


#texteScroll {
padding: 10px!important;
padding: 10px;
width: 240px!important;
width: 260px;
height: 216px!important;
height: 235px;
color: #FFFFFF;
font-size: 12px;
line-height: 14px;
float: none;
overflow:auto;
scrollbar-face-color: #0090D4; /*intrieur scroll*/
scrollbar-arrow-color: #003A80; /*flche*/
scrollbar-shadow-color: #FFFFFF; /*ombre porte intrieur ( droite) de la barre de scroll*/
scrollbar-highlight-color: #FFFFFF; /*ombre porte intrieur (de gauche) + fond du scroll*/
scrollbar-3Dlight-color: #003A80; /*ombre porte (de gauche)*/
scrollbar-darkshadow-color: #003A80; /*ombre porte ( droite)*/
}

#texteScroll2 {
padding: 10px!important;
padding: 10px;
width: 240px!important;
width: 260px;
height: 216px!important;
height: 235px;
color: #096E9A;
font-size: 12px;
line-height: 14px;
float: none;
overflow:auto;
scrollbar-face-color: #0090D4; /*intrieur scroll*/
scrollbar-arrow-color: #003A80; /*flche*/
scrollbar-shadow-color: #FFFFFF; /*ombre porte intrieur ( droite) de la barre de scroll*/
scrollbar-highlight-color: #FFFFFF; /*ombre porte intrieur (de gauche) + fond du scroll*/
scrollbar-3Dlight-color: #003A80; /*ombre porte (de gauche)*/
scrollbar-darkshadow-color: #003A80; /*ombre porte ( droite)*/
}

#texteScroll3 {
padding: 10px!important;
padding: 10px;
width: 590px!important;
width: 610px;
height: 216px!important;
height: 235px;
color: #FFFFFF;
font-size: 12px;
line-height: 14px;
float: none;
overflow:auto;
scrollbar-face-color: #0090D4; /*intrieur scroll*/
scrollbar-arrow-color: #003A80; /*flche*/
scrollbar-shadow-color: #FFFFFF; /*ombre porte intrieur ( droite) de la barre de scroll*/
scrollbar-highlight-color: #FFFFFF; /*ombre porte intrieur (de gauche) + fond du scroll*/
scrollbar-3Dlight-color: #003A80; /*ombre porte (de gauche)*/
scrollbar-darkshadow-color: #003A80; /*ombre porte ( droite)*/
}



#boutPrint a:link, #boutPrint a:visited {
display:block; height:30px; line-height: 30px; float:left; margin-left: 10px; background-color:#00CCFF; padding-left: 7px; padding-right: 7px; color:#FFFFFF; font-size: 12px; font-weight: bold; text-decoration:none;
}

#boutPrint a:hover {
display:block; height:30px; line-height: 30px; float:left; margin-left: 10px; background-color:#FABB00; padding-left: 7px; padding-right: 7px; color:#FFFFFF; font-size: 12px; font-weight: bold; text-decoration:none;
}