/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-1A.css);

/* Liste des layout disponibles :

@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Quelques couleurs
----------------------------------------------------------*/

body { background-image:url(../images/fond.jpg); background-repeat:repeat-x; background-color: #1E9A1E; font-family:Verdana, Arial, Helvetica, sans-serif; }
#page { width: 940px; }
#header { background-color: none; }

#wrapper { background-image: url(../images/bg.gif); background-color: none; padding:0; }

#content { padding:25px 170px 0px 180px; background-image:url(../images/contenu.jpg); background-repeat:no-repeat; 
_padding:25px 100px 0px 130px; text-align:justify; }
#content * { color: #0C720C; }
#content h2 { color: #FF9900; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content h3 { color: #0C720C; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#content1 { padding:25px 60px 0px 70px; background-image:url(../images/contenu.jpg); background-repeat:no-repeat; 
_padding:25px 100px 0px 130px; text-align:justify; }
#content1 * { color: #0C720C; }
#content1 h2 { color: #FF9900; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content1 h3 { color: #0C720C; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#footer { font-size: 0.8em; background-color: none; }
#footer p, a:link, a:visited, ul, li { color: #FFFFFF; }
#footer a:hover { color: #F1B703; text-decoration:none; }
#footer ul { margin: 0; }
#footer li { display: inline; }

#main { background-image: url(../images/fond-contenu.jpg); background-repeat:no-repeat; background-position:top; background-color: none;  margin: 0; padding: 0; }
#menu { background-color: none;  margin: 0; padding: 0; }
#nav { background-color: none;  margin: 0; padding: 0; }
#extra { background-color: none;  margin: 0; padding: 0; }

h1, h2, h3 { margin: 0; padding: 0; }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Page d'intro */
.h1intro { padding-top:5px; font-size:12px; height:35px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(../images/h1fond.jpg); background-repeat:no-repeat; background-position:top center; }
.bodyIntro *{ color: #FFFFFF; }

/* Formulaire de contact */
#frmEnvoi{ width:470px;}
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

/* plan google
----------------------------------------------------------*/

.plan {
	width: 550px;
	height: 480px;
	margin:0 auto;
	border: #1e9a1e solid 3px;
}
#map .infosbulle {
	width: 210px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
/* texte de mise en page
----------------------------------------------------------*/

.soustitre {font-size: 14px;
			color:#FF9900;
}

.titreorange {color:#FF9900;
			font-size: 14px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			.texteexp {font-size: 10px;
					color:#0C720C;
					text-align:center;

						}
.textpara {font-size:11px;
			color:#0C720C;
			text-align:
			justify;					
						}
						
.textparanojust {font-size:11px;
			color:#0C720C;
							}
						

.table {width:500px;}
.gras {font-stretch:extra-expanded;}
						
.gras2 {font-size:18px;
			color:#0C720C;
			text-align:center;
			font-stretch:extra-expanded;}
						
						
.tablea {width:450px;
margin:0 auto;
}

/********************************** page presentation *******************/

.directeur{ text-align:left; }
.photo-directeur {text-align:center; padding-top: 25px;}
.petite-image {text-align:center; padding-top: 10px; padding-bottom:15px;}
.orange{font-weight:bold; color:#FF6633;}
.sous-titresor{font-size:18px;color: #FF9900;text-align:center;}
.grosse-lettre{font-size:14px; font-weight:bold;}
.txt-centrer{ text-align:center;}

.image{
	width:220px;
	height:200px;
	float:right;
	background-repeat:no-repeat;
	margin-top: 25px;
}
.txtimage{
	width:250px;
	height:300px;
	float:left;
	text-align:justify;
	padding-top: 120px;
}

/********************************** page fonctionnement *******************/


.image2{
	width:307px;
	height:419px;
	float:right;
	background-repeat:no-repeat;
	margin-top: 25px;
	text-align:right;
}

.txtimage2{
	width:350px;
	height:270px;
	float:left;
	text-align:left;
	padding-top: 25px;
}

/********************************** histo *******************/
 
 .aligne{ text-align:justify;}
/*********************pole orientetion 4**************************/
.titreorient{
	width:150px;
	float:left;
	margin-left: 15px;
}
.txtorient{width:400px; float:right;}

.div1{
	width:300px;
	float:left;
}
.div2{
	width:280px;
	float:right;
}

/*********************pole BEPA**************************/

.image3{
	float:right;
	margin-right: 20px;
}
/**********************page cap *****************************/

.cap{width:700px};
.cap2{width:700px};

.txtcent{
text-align: center;

}
.clearvalidator{ clear:both; height:3px;}

.actus p { margin:0; padding:20px 20px 0; }
.floatleftm1{float:left; margin-left:43px;}
.floatleftm2{float:left;  width:700px; padding-right:0px; padding-left:30px;}
/*	Mentions Légales
----------------------------------------------------------*/
#infoclient li, #hebergeur li { list-style-type:none; }
#infoclient { float:left; padding:0 0 1em 0.5em; }
#hebergeur { float:right; padding:0 5em 0 0; }
#credits { padding:0 0 2.5em 0.5em; /*position:relative; top:-1.4em;*/ }
#credits li { display:inline; }
#validator a img { filter:alpha(opacity=50); opacity:.5; margin:10px 25px 0 0; /* aligne l'image W3C avec le logo du dessus */ }
#validator a:hover img { filter:alpha(opacity=100); opacity:1; }


sup { vertical-align: super; font-size: 10px; }
.imgR{float:right; width:200px;}