/* CSS Document */

body{
	background:#E2B78A;/*#DD8636;*/
	color:#000;
	margin:0 auto;
	padding:0px;
	font-size:13px;
	font-family: Arial;
	/*background:url(../jpeg/fond.jpg) repeat;*/
	
}
#container{
	width:900px; 
	padding:0px;
	margin:0px auto;
	margin-top:2px;
}
p{text-align:justify; margin:10px 10px 0 10px; padding:10px;}

.retflux{clear:both;}

#header{
	width: 900px;
	height:100px;
	border: 0px solid #000;
	margin:0px;
	padding:0px;
	color:#000;
	background:url(../jpeg/banniere.jpg) no-repeat;
	
}

#menu{
	float:left;
	width:898px;
	margin:0px;
	padding:0px;
	text-align:left;
	background:#DD8636; /*#E9B17D;*/ /*#DAECDE;*/
	/*font-family:"Copperplate Gothic Bold";*/
	font-family:Arial;
	font-size:15px;
	border-top:1px solid #DD8636;
	border-bottom:1px solid #DD8636;
	border-left:1px solid #DD8636;
	border-right:1px solid #DD8636;
}
#menu ul{list-style-type:none; padding:0px; margin:0px;}
#menu ul li{float:left;}
#menu ul li a{
    float:left;
	display:block; 
	padding:8px 20px 8px 20px; 
	text-decoration:none; 
	font-weight:bold; 
	color:#fff; 
	border-right:1px solid #E9B17D;
}
#menu ul li a:hover {
	background-color: #E9B17D; /*#DD8636;*/ /*#E2B78A;*/ /*#74AD60;*/
	text-decoration:none;
	float:left;
	display:block; 
	padding:8px 20px 8px 20px; 
	}
#menu ul li a:link {
	float:left;
	display:block; 
	padding:8px 20px 8px 20px; 
	text-decoration:none; 
	font-weight:bold; 
	color:#fff; 
	
}
#menu ul li a:visited {
	float:left;
	display:block; 
	padding:8px 20px 8px 20px; 
	text-decoration:none; 
	font-weight:bold; 
	color:#fff; 
	
}

#content{
	width:900px;
	margin:0px ;
	padding:0px;
	border-bottom:0px solid #FFFFFF;
	background:#FFFFFF;

}
#content .encadrer{
	margin:0px;
	padding:0px;
	width:900px;
	border:0px solid #ff0000;
}

#content p{padding:10px; margin:0px;}
#content .encadrer .cadre1{
		padding:0px; 
		margin:20px 5px 10px 10px; 
		width:460px; 
		border:0px solid #000; 
		float:left;
}
#content .encadrer .cadre2{
		padding:0px; 
		margin:10px 0px 10px 0; 
		width:400px; 
		border:0px solid #000; 
		float:left;
}
#content .encadrer .cadre2 #facebook{
		padding:0px; 
		margin:10px; 
		width:300px; 
		border:1px solid #000; 
}
#content .encadrer .cadre2 #actu{
		padding:0px 0 15px 0; 
		margin:10px; 
		width:390px; 
		border:0px solid #000; 
}
#content .encadrer .cadrer{
	margin:0px;
	padding:0px;
	border:1px solid #000;
	width:415px;
}
#content .encadrer #campchantier{
	background:#019A01;
	width:408px;
	height:24px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	padding:3px 0 0px 10px ;
	margin:0px;
	border:0px solid #000;
	}
#content .encadrer #apropos{
	background:#019A01;
	width:408px;
	height:24px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	padding:3px 0 0px 10px ;
	margin:0px;
	border:0px solid #000;
	}	
#content .encadrer1{
	margin:10px 0 0 0;
	padding:0px;
	width:900px;
	border:0px solid #ff0000;
}
#content .encadrer1 .cadre3{
		padding:0px; 
		margin:0 0px 0 10px; 
		width:460px; 
		border:0px solid #000; 
		float:left;
}
#content .encadrer1 .cadre4{
		padding:0px; 
		margin:0 0px 0 0px; 
		width:410px; 
		border:0px solid #000; 
		float:left;
}
#content .encadrer1 .cadre4 #stats{
		padding:0px; 
		margin:10px 0 10px 0; 
		width:390px; 
		border:0px solid #000; 
}
#content .encadrer1 .cadrer1{
	margin:0px;
	padding:0px;
	border:1px solid #000;
	width:430px;
}
#content .encadrer1 .cadrer2{
	margin:0px 0px 10px 0;
	padding:0px;
	border:1px solid #000;
	width:400px;
}

#content .encadrer1 #programme{
	/*background:#019A01;*/
	width:408px;
	height:22px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	padding:3px 0 0px 10px ;
	margin:0px;
	border-left:0px solid #000;
	background:url(../img/prog.gif) no-repeat;

	}

#content .encadrer1 #partenaires{
	/*background:#019A01;*/
	width:390px;
	height:22px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	padding:3px 0 0px 10px ;
	margin:0px;
	border-left:0px solid #000;
	background:url(../img/prog.gif) no-repeat;
	}

#content .encadrer .cadrecontact{padding:0px; margin:10px; border:0px solid #ff0000; width:850px; float:left;}

#content .encadrer .cadrecontact #contact{
	background:#019A01;
	margin:0px;
	padding:3px 0 0px 10px ;
	width:181px;
	height:24px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	border:0px solid;
	}
		
#content .encadrer .cadrecontact #cadrer_contact{
	margin:0px;
	padding:0px;
	width:855px;
	border:1px solid;
	}
#content .puce{float:left; margin:0; padding:5px;border:0px solid;}	
#content .notes{float:left; margin:5px 0 0 0px; width:360px; padding:0px; border:0px solid;}	
#content .espace{margin:5px 0 0 5px; padding:0px;}

.menuv{
	float:left;
	width: 175px;
	margin:20px 0 0 0;
	padding:0px;
	background-color:#DAECDE;
	border-right:1px solid #DD8636;
	border-bottom:1px solid #DD8636;
	text-align:left;
	font-family:Arial;
	font-size:13px;
}
.menuv .entete{
	float:left;
	width: 175px;
	height:25px;
	margin-bottom:5px;
	padding-top:10px;
	color:#FFFFFF;
	background-color:#DD8636;
	border:1px solid #DD8636;
	text-align:center;
	/*font-family:"Copperplate Gothic Bold";*/
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
}
.menuv ul{margin:0px; padding:0px; list-style:none;}
.menuv ul li{
	padding:3px 0px 4px 5px; 
	border-bottom:1px dotted #ccc;
	
}

.menuv ul li a{
	color:#000; 
	text-decoration:none;
}
.menuv ul li a:hover {
	color:#ff0000; 
	text-decoration:none;
}
.animation{
	float:left;
	width: 175px;
	margin:20px 0 0 0;
	padding:0px;	
}
.encadrerma{
	float:left;
	width: 175px;
	margin:0;
}
.contenu{
	float:left;
	width: 700px;
	margin:15px 5px 0 5px;
	padding:0px;
	color:#000;
	background-color:#ffffff;
	border:0px solid #ff0000;
	text-align:left;
}

h1{
margin-left:12px;
font-size: 18px;
color:#000;
FONT-FAMILY: "Trebuchet MS";
font-weight:bold;
}
h2{
font-size: 16px;
color:#000;
FONT-FAMILY: "Trebuchet MS";
font-weight:bold;
margin-bottom:3px;
}
#droite{
	float:right;
	width: 220px;
	margin:0px;
	padding:5px;
	font-size:14px;
	background-color:#8EC63F;
	border:0px solid #000;
}
#droitebas{
	float:right;
	width: 240px;
	margin-top:10px;
	padding:0px;
	background-color:#FFFFFF;
	border:0px solid #000;
	text-align:left;
}
#footer{
	margin: 0px;
	padding-top:5px;
	/*text-align:center;*/
	background:url(../jpeg/bas.jpg) no-repeat;
	border:0px solid #ff0000;
	width:900px;
	height:38px;
}

.A {
	FONT-WEIGHT: 100; FONT-FAMILY: Trebuchet MS; FONT-SIZE: 13px; COLOR: #003399; TEXT-DECORATION: none
}
.A:hover {
	FONT-WEIGHT: 100; FONT-FAMILY: Trebuchet MS; FONT-SIZE: 13px; COLOR:  #ff0000; TEXT-DECORATION: none
}	
	
.A1 {
	FONT-WEIGHT: bold; FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #0000CC; TEXT-DECORATION: none
}
.A1:hover {
	FONT-WEIGHT: bold; FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none
}

.A2 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #0000CC; TEXT-DECORATION: none;
}
.A2:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ff0000; TEXT-DECORATION: none
}

.A3 {
	FONT-WEIGHT:bold; FONT-SIZE: 11px; FONT-FAMILY: Trebuchet MS; COLOR: #000; TEXT-DECORATION: none
}
.A3:hover {
	FONT-WEIGHT:bold; FONT-SIZE: 11px; FONT-FAMILY: Trebuchet MS; COLOR: #ff0000; TEXT-DECORATION: none
}
.A4 {
	FONT-WEIGHT:bold; FONT-SIZE: 11px; FONT-FAMILY: Trebuchet MS; COLOR: #000; TEXT-DECORATION: none
}
.A4:hover {
	FONT-WEIGHT:bold; FONT-SIZE: 11px; FONT-FAMILY: Trebuchet MS; COLOR: #ff0000; TEXT-DECORATION: none
}
.A5 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FONT-FAMILY: Trebuchet MS,  Arial, Helvetica, sans-serif; COLOR: #0000CC; TEXT-DECORATION: underline;
}
.A5:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; COLOR: #ff0000; TEXT-DECORATION: underline
}

.bouton{ background-color:#43BA76; color:#FFFFFF; border:1px solid #FFFFFF;}
.cartouche{color:#000; font-weight:bold; font-size:14px;}
.forms{
		margin:0 50px 0 50px;
		padding:0 0 0 10px;
	}
.libelle{margin:10px 0 10px 0;}
input{margin-top:5px;}
textarea{margin-top:5px;}
.bouton{ background-color:#43BA76; color:#FFFFFF; border:1px solid #FFFFFF;}
.modif{
		margin:0 0 0 58px;
		padding:2px 0 0 2px;
	}
.succes{
		color:#FF0000;
		font-weight:bold;
		font-size:14px;
		font-family:Arial;
		padding-top:20px;
		text-align:center;		
	}
span{color:#006600; font-weight:bold;}
label{color:#000000; font-weight:bold;}
.contenutitre{color:#ff0000; font-weight:bold; margin:0 0 0 400px;}

.tble
   {
	margin-bottom: 2em;
	padding-bottom: 2em;
	padding-top: 1em;
   	border-collapse: collapse;
   	border-bottom: 1px solid #006600;
   	border-top: 1px solid #006600;
   	border-right: 1px solid #006600;
   	border-left: 1px solid #006600;
   }
   .thstyl
   { 
   
   	border-bottom: 1px solid #006600;
   	border-top: 1px solid #006600;
	border-right: 1px solid #006600;
   	border-left: 1px solid #006600;
   	font-size:13px;
	font-family: "Trebuchet MS";
        
   }