@CHARSET "ISO-8859-1";
html{
  font-size:100%; 
}

body {background-color: #ffffff; overflow-x:auto; width:100%;  font-size:13px; font-family: sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		line-height:150%;

}
.cadre {
	height: auto;  
	width:95%;
	border-style:;
	/*margin:auto;*/
	margin-left:auto;
	margin-right:auto;
	/*max-width:100;%*/
	/*box-shadow: 8px 8px 10px gray;*/
	background-color: #004E9B; /*bleu */
}
.entete{height: auto; 
width:100%; margin-top:1%; background-color:#004E9B; min-height:30px; margin-bottom:8px;
}
.entete table{background-color:#004E9B; color: white;height: auto;}
.post {
	height:auto;
	width: 70%;
	float:LEFT;
	margin-left:10%; 
	
	/*margin-right: auto;
	
	height:25px;*/
	background-color:#FFFFFF;
	/*padding-top:1em;*/
}


.mail {
	height:auto;
	width: 10%;
	float:right;
	 
	
	
	
	
	margin-right:70px;
	
	/*height:25px;*/
	background-color:#004E9B;
	padding-top:0.75em;*/
}
.mail table{margin-top:-7px;}
.mail a{color:white;font-size:1em;text-decoration: none;}
.animation{
	height: auto;
	width: 100%;
	/*border-style: solid;
	border-color:blue;*/
	float: left;
	background-color:#FFC20F;
	PADDING-bottom:4px;
}

.defilement{height:auto;
margin-bottom:1%;
margin-top:1%;
float:left;
width:95%;
background-color:#004E9B; font-size:12px; font-family: sans-serif;
}
.textedefile{color:#FFFFFF;

}
.urgent{background-color:#FFCC00;
color:#FF0000;
}
.banniere {
	height: auto;
	width: 100%;
	/*border-style: solid;
	border-color:green;*/
	float: left;
background-color:#004E9B; /*BLEU*/
}

.logo{float:left; width:0%; margin-left:%; padding-top:15px;  padding-left:AUTO; height:inherit; z-index:90; }

.slide{float:right; width:100%;   }
.menu {
	height: 50px;
	line-height:135%;
	width: 100%;
	background-color: #17294b; 
	 float:left;
 padding:0px;
 margin:0px; 
}

.recherche {
	height: auto;
	width: 30%;
	float : right;
	background-color:#17294b;
}
.contenu_info{
	height: auto;
	width: 100%;
	/*border-style: solid;*/
	/*border-color:cyan;*/
	float: left;
	/*background: url(img/bg.jpg);*/
	margin-top:1%;
	
}
.info {
	height: auto;
	width: 15%;
	/*border-style: solid;*/
	border-color:red;
	margin-top:5%;
	margin-left:0%;
	float: left;
	padding:1%;

}
#eng {font-family:times new roman; font-size:15px; font-style:bold;}
#bien {font-family:lucida calligraphy; font-size:20px; font-weight:2px;}
.photo1 {
width:100%;  margin:auto; background-color:white;


}

.photo2 {
width:96%;
background-color:#FFFFFF;
border-color:#000033;


}

.photo3 {
width:96%;
background-color:#FFFFFF;
border-color:#000033;


}

.photo4 {
width:96%;
background-color:#FFFFFF;
border-color:#000033;


}

.publication{
	float: left;
	width: 320px;
	height: auto;
	background-color: rgba(0,102,153,0.5);
	margin-left: 60px;
	border-radius: 15px;
}
.publication a{color:blue;}
.guide{
	float: left;
	width: 320px;
	height: auto;
	background-color: rgba(0,0,255,0.5);
	margin-left: 40px;
	border-radius: 15px;
	
}
.guide a{color:blue;}
#publi{background-color:#003; color:#CCC;}
#i1{margin-left:150px; margin-top:-70px; float:right; }

.contenu{
	height: auto;
	width: 65%;
	/*border-style: solid;*/
	border-color:black;
	float:LEFT;
	margin-left:1%;
	background:url(img/bghistorique.png);
	box-shadow: 12px 12px 12px gray;
	margin-top:2em;
	padding:auto;
	line-height:200%;

	}
.pubposte {
	height: AUTO;
	width: 10%;
	/*border-style: solid;
	border-color:green;*/
	FLOAT:left;
	margin-top:3%;
	MARGIN-left:3%;
		}
		
.separation{height:AUTO; float:left; width:100%; background-color:#004E9B;}	
	

.fin {
	height: AUTO;
	width: 100%;
	/*border-style: solid;
	border-color:yellow;*/
	float: left;
	background:url(img/fondfin.png) ;

	
}
.partenaires {
	height: AUTO;
	width: 20%;
	border-style: solid;
	border-radius: px;
	border-color:white;
	float: left;
	margin-top:0em;
	margin-left:0em;	
	background-color:#FFFFFF;
}

#links{color: #EEEEEE; font-size:12px; font:Georgia, "Times New Roman", Times, serif; text-decoration: none; }
.plan{color: #555555;}
.perso {
	height: AUTO;
	width: 31%;
	border-style: solid;
	border-color:olive;
	border-radius: 15px;
	margin-left:0.5%;
	margin-top:0.2em;
	float: left;
	background-color:#FFFFFF;
}
.membres{color:#CC00FF; }
.assistance {
	height: AUTO;
	width: 30%;
	border-style: solid;
	border-color:olive;
	border-radius: 15px;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-top:0.2em;
	float: left;
	background-color:#FFFFFF;
}
.foot{
margin-top:1EM;
float:right;
margin-right:6em; 
}
.loupe{
background:url(img/loupe.png) no-repeat; 
border:none;
width: 20px; /* largeur à spécifier */
height: 20px; /* longueur à spécifier */
cursor: pointer;
}

.copy{font-size:13px; color:#222222; }