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

body {
	background-color: #001B35;/*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;
	font-size: 11px;
	color: #000000;
}
h1{ font-size:12px;}

/*----------------------------------------------------------------
						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; }


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

#detectcontent {
	text-align: center;
}
.detect {color: #0065CB; font-size: 10px; text-decoration:none; }	
.detect a:link, .detect a:visited {color: #9D8A00; font-weight: bold; font-size: 10px; text-decoration:none; }
.detect a:hover {color: #9D8A00; font-weight: bold; font-size: 10px; text-decoration:underline; }
 

/*----------------------------------------------------------------
						Mentions légales
------------------------------------------------------------------*/

#conteneur {
	width: 540px;
}

#mentions {
	width: 520px;
	margin: 10px;
	padding: 15px;
	text-align: justify;
	border-style: solid; border-width: 1px; border-color: #0065CB;
	color: #001B35; font-weight: normal; font-size: 11px; text-decoration:none;
	background-color: #FFFFFF;
}
#mentions a:link, #mentions a:visited {
	color: #0065CB; font-weight: bold; font-size: 11px; text-decoration:none;
}
#mentions a:hover {
	color: #001B35; font-weight: bold; font-size: 11px; text-decoration:underline;
}


/*----------------------------------------------------------------
							Signature
------------------------------------------------------------------*/
#signature {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#adresse { 
	color: #7F98B2;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresse a:link, #adresse a:visited {
	color: #7F98B2;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresse a:hover {
	color: #0065CB;
	font-weight: bold;
	font-size: 10px;
	text-decoration:underline;
}


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


/* Conteneur des zones */
.conteneurHtml {
	background-image: url(../img/background-page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.bleu13C {color: #026AD2; font-weight: normal; font-size: 13px; text-decoration:none; }
.bleu13CB {color: #026AD2; font-weight: bold; font-size: 13px; text-decoration:none; }
.bleu13F {color: #003366; font-weight: normal; font-size: 13px; text-decoration:none; }
.bleu13FB {color: #003366; font-weight: bold; font-size: 13px; 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; }
.jaune13B {color: #9D8A00; font-weight: bold; font-size: 13px; text-decoration:none; }

.lienPartners {color: #026AD2; font-weight: bold; font-size: 13px; text-decoration:none; }
.lienPartners:hover {color: #9D8A00; font-weight: bold; font-size: 13px; text-decoration:none; }

.lien {color: #FFFFFF; font-weight: bold; font-size: 13px; text-decoration:none; }
.lien:hover {color: #9D8A00; font-weight: bold; font-size: 13px; text-decoration:none; }

.filet { border-top: dashed; border-width: 1px; border-color: #001B35; margin-top: 15px; }


#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: #9D8A00;
	font-weight: bold;
	text-decoration: none;	
	text-align: center;	
}

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

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

#bout a:hover {
	width: 200px;
	height: 25px;
	line-height: 25px;
	color: #FFFFFF;
	background-color: #9D8A00;
}

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


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

.bodyHtml {
	background-color: #003366;/*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: #FFFFFF;
	background-image: url(../img/backgroundHtml.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

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

#adresseHtml { 
	color: #7F98B2;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresseHtml a:link, #adresseHtml a:visited {
	color: #7F98B2;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresseHtml a:hover {
	color: #0065CB;
	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;	
}

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

.fondMarine {
background-color: #001b35;
background-color: transparent!important;

background-image: url(../img/dot.gif);
background-image: url(../img/marine-60.png)!important;
}

.fondBleu {
background-color: #003366;
background-color: transparent!important;

background-image: url(../img/dot.gif);
background-image: url(../img/bleu-60.png)!important;
}



#menu {
width: 850px; text-align: center;
}

#menu a:link, #menu a:visited {
display: inline; height:42px; line-height: 42px; color: #7F98B2; font-weight: bold; font-size: 14px; text-decoration:none; padding-left: 8px; padding-right: 8px;
}
#menu a:hover {
display: inline; height: 42px; line-height: 42px; color: #001B35;	
}
.menuOn {
display: inline; height: 42px; line-height: 42px; color: #FFFFFF; font-weight: bold; font-size: 14px;text-decoration: none; padding-left: 8px; padding-right: 8px;	
}


.texteBlanc { color: #FFFFFF; font-weight: normal; font-size: 11px; line-height: 14px; text-decoration:none; }
.texteBleuC { color: #7F98B2; font-weight: normal; font-size: 11px; text-decoration:none; }
.texteVert { color: #9D8A00; font-weight: normal; font-size: 11px; text-decoration:none; }


#Photo {
	float: none;
}

#boutPrint {
width: 168px;
}

#boutPrint a:link, #boutPrint a:visited {
display:block; height:30px; line-height: 30px; float:left; margin-left: 10px; background-color:#0263C1; 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:#9D8A00; padding-left: 7px; padding-right: 7px; color:#FFFFFF; font-size: 12px; font-weight: bold; text-decoration:none;
}

/*----------------------------------------------------------------
							VIA MICHELIN
------------------------------------------------------------------*/


#carto a:link, #carto a:visited {
display: inline; height:30px; line-height: 30px; background-color:#9D8A00; color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration:none; padding: 5px!important; padding: 0px; 
}
#carto a:hover {
display: inline; height:30px; line-height: 30px; background-color:#0263C1; color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration:none; padding: 5px!important; padding: 0px;
}

.michelinNav{ color:#E54958;}
a.michelinNav{ color:#E54958;font-size: 12px; text-decoration:none;}
a.michelinNav:hover{ color:#f3d192;font-size: 12px; text-decoration:none;}