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

body {
	background-color: #336483;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a{ color:#FFFFFF;}
h1{ font-size:12px; color:#FFFFFF;}
/*----------------------------------------------------------------
						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; }


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

/*----------------------------------------------------------------
				Insertion du flash + détection 
------------------------------------------------------------------*/
#flashcontent {
	text-align: center;
	clear:both;
	/*margin-bottom: 30px;*/
}

#detectcontent {
	text-align: center;
	margin-top: 30px;
}
.detect {color: #ffffff; font-weight: bold; font-size: 10px; text-decoration:none; }	
.detect a:link, .detect a:visited {color: #ffffff; 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: #FFFFFF;
	color: #000000; font-weight: normal; font-size: 11px; text-decoration:none;
	background-color: #93adbd;
}
#mentions a:link, #mentions a:visited {
	color: #000000; font-weight: bold; font-size: 11px; text-decoration:none;
}
#mentions a:hover {
	color: #000000; font-weight: bold; font-size: 11px; text-decoration:underline;
}


/*----------------------------------------------------------------
							Signature
------------------------------------------------------------------*/


.adresse { 
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
	text-align:center;
}
.adresse a:link, #adresse a:visited {
	color: #ffffff;
	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
---------------------------------------------------------------------------------------------------------------*/

#conteneur {
    position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 0px;	
}
#menu-bd{background-color:#FFFFFF; font-size:14px; color:#33577B; font-weight:lighter; text-align:center; clear:both;}
.lienmenu{color:#33577B; font-weight:lighter; font-size:14px;}
.lienmenu:link, .lienmenu:visited{color:#33577B; text-decoration:none; font-weight:normal;}
.lienoff{color:#99abbd; font-weight:lighter; font-size:14px;}
#fondadresse{background-color:#1B3E72;}
#contenu{color:#FFFFFF; font-style:italic; font-size:13px; width:950px;text-align:center; vertical-align:middle;}
#texteagauche{color:#FFFFFF; font-style:italic; font-size:13px; width:250px;float:left; padding-top:10px; padding-right:10px;text-align:right; vertical-align:middle;}
#texteadroite{color:#FFFFFF; font-style:italic; font-size:13px; width:250px;float:left; padding-top:10px; padding-left:10px;text-align:left; vertical-align:middle;}
#foto{width:650px; float:left;}
.aumilieu{vertical-align:middle;}
#fotocotes{width:380px; float:left; vertical-align:middle;}
#fotocotes2{width:380px; float:right; vertical-align:middle;}
#textemilieu{width:155px; font-style:italic; font-size:13px;float:left; padding:10px 20px 0px 0px;text-align:left; vertical-align:middle;}
.case1{padding:3px 0px 3px 10 px; background-color:#5685a2; text-align:center; color:#FFFFFF; font-style:italic; font-size:13px;}
.case2{padding:3px 0px 3px 10 px; text-align:center; color:#FFFFFF; font-style:italic; font-size:13px;}