/**********************************************
/              zone texte modifiable           /
***********************************************/

/* div de section entourant tout articles pour eviter les décalage  */
.section{
	float:left;
	width:100%;
	margin:0;
	padding: 0;
}
/*div de sujet elle comprent tous texte ou photos */
.col1 {
	width:100%;
	margin: 0; 
	padding: 0;
}	
/*div pour deux colonnes */
.col2 {
	float:left;
	width: 48%;
	margin-left:1%;
}
/*div pour trois colonnes align gauche marging pour espacement entre les div et largeur fix du a construction*/
.col3 {
	float:left;
	width:30%;
	margin-left:15px;
}
.module	{
	float:left;
	width: 100%;
}
/*******************************************************  
	Couleurs d'alternance des lignes d'une liste
*********************************************************/
.bgbody	{
	background-color: #FFF;
}
.bgclair	{
	background-color: #E7F7EE;
}
.bgfonce	{
	background-color: #D1EDF7;
}
/***********************************************  
	PHOTO 
*************************************************/
.lefttop {
	float:left;
	text-align: center;
	margin: 0 10px 5px 0;
	padding: 0;			border: 0px solid #ccc;
}
.righttop {
	float:right;
	text-align:center;
	margin: 0 10px 5px 10px;
	padding: 0;			border: 0px solid #ccc;
}
.centertop { 
	clear:both;
	text-align:center;
	margin: 0 0 5px 0;
	padding: 0;			border: 0px solid #ccc;
}
.centerbottom{
	clear:both;
	text-align:center;
	margin: 5px 0 0 0;
	padding: 0;			border: 0px solid #ccc;
}
.legende {
	margin-top: 5px;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
	line-height: 1em;

}
/***********************************************  
	NEWS 
*************************************************/
#sectionnewsletter {
	width: 500px;
	margin-left: 10px;
	padding: 0;
}
.newsletter {
	width: 500px;
	margin: 0;
	padding: 0;
}
#newsletter	{
	text-align: center;
	margin: 0;
	padding: 0;
}
/***********************************************  
	PHOTOTEQUE 
*************************************************/
.phototeque{
	float:left;
 	padding: 10px 0 0 10px;
 	margin: 0;
	text-align: center;		/*border: 1px solid;*/
}
.phototequephoto{
	float:left;
 	width:160px;
 	margin: 0 0 0 15px;
 	padding: 0;
 	background: url('../../fr/images/interieur/cadre_photo.gif') no-repeat top left;
 						border: 0px solid;
}
.phototequephotoimgage{
 	float:left;
	padding: 0;
 	margin: 0;			
 						border: 0px solid #e0e;
}
.phototequelegende {
	float:left;
	width:160px;
	margin-top: 5px;
 	padding: 0;
	text-align: center;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: bold;
}
.numPhoto {
	position: absolute;
	font-size: 0.8em;
	color: #c0a;
}
/***********************************************  
	TELECHARGEMENT
*************************************************/
.telechargement{ 
	padding-left: 5px  ; 
	margin: 0 0 0 10px;
	width:95% ;	
	/*background-image: url(../../fr/images/modules/download.gif);
	background-repeat:no-repeat;
	background-position: 10px 8px;*/
	line-height: 24px;
}
.telechargement img{
	margin-right: 10px;
	padding: 0;
	vertical-align: middle;
}
A.liensinternestelechargement {
	font-size: 1em;	
	text-decoration: underline;
}
A.liensinternestelechargement:hover {
	/*font-weight: bold;*/
}
.telechargementtexte{ 
	padding-left: 20px  ; 
	font-size: 0.9em;	

}
/********************************************************  
	LIEN
********************************************************/
P.modulelien{ 
	padding-left: 22px; 
	margin: 0 0 0 10px;
	width:90% ;
	line-height: 24px;
	background: #fff   url(../../fr/images/modules/flecheb.gif)  no-repeat 10px 10px  ;
}

P.liensavoirplus{ 
	padding-right: 25px; 
	margin: 0;
	text-align: right;
	width: 700px;
	line-height: 24px;
	background: #fff   url(../../fr/images/modules/flecheb.gif)  no-repeat 605px 10px  ;
}
/***********************************************  
	ACTUALITE
*************************************************/
.finactualite {
	text-align: left;
	width: 90%;
	height: 1px;
	color: #C1D894;
}
/***********************************************  
	FORMULAIRE 
*************************************************/
.colformg{
	float:left; 
	margin:0 0.5em  0.5em 0; 
	width: 40%;
	text-align: right;
}
.colformd{
	float:left; 
	width: 55%;
	margin: 0 0 0.5em 0;
}
.ctbtn{
	width:100%;
	margin: 1.5em 0 0 0;
}
.champoblig {
	font-size: 0.9em;
	text-align:center;
	width:100%;
	height:40px;
}
legend	{
	font-size: 1.1em;
	color: #0390A2;

}
input	{
	font-size: 1.0em;

}
textarea	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;

}

/***********************************************  
	FAQ
*************************************************/
.faqquestion { 
	float:left;
	width:100%;
}
.faqreponce {
	display:none;
	width:100%;
}
/***********************************************  
	AGENDA
*************************************************/

.txttitreagenda {
	font-family: garamond, arial, verdana,  helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #ff740d;
	font-style: normal;
	text-decoration: none;
}
.txtchapeauagenda {
	font-family: arial, verdana,  helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #db1212;
	font-style: normal;
	text-decoration: none;
}
.txtcontenuagenda {
	font-family: arial, verdana,  helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #456275;
	font-style: normal;
	text-decoration: none;
}
A.liensagenda {
	color: #456275; text-decoration: none
}
A.liensagenda:hover {
	color: #d26103; text-decoration: none
}
.moisagenda{
	float:right;
	width:24%;
}
.contenuagendabgclair{ 
	float:left;
	width:75%;
	background: #FEF3EB;
}
.contenuagenda{
	float:left;
	width:75%;
}
.lienagenda{
	float:left;
	width:100%;
}
/***********************************************  
       	COUPDOEIL
*************************************************/
.coupoeil{
	width:100%;
}
.contenucoupdoeilbgclair{ 
	background: #FEF3EB;
}

.coupoeilbordure{
	border-top:1px solid;
	background-color:#FFFFFF;
	text-align:center;
}