html, body{

	background-color: #8F8F8F;

	margin:0px;

	padding:0px;

	width:100%;

	height:100%; /*change back to 100%*/

	font-family: Georgia, "Times New Roman", Times, serif;

}







#vertconteneur { margin-right: auto;

	margin-left: auto;

	margin-top: 0;

	margin-bottom: 0;

	width:1000px;

	background-color: #a11f13;

	

	background-repeat: repeat-x;

	background-position: top left;

	height: auto;

	overflow: hidden;

	padding:0;

	}


#conteneur { margin: 0 auto 0 auto; 

	width: 950px;

	border-left: 1px solid #e6d96d;

	border-right: 1px solid #e6d96d;

	border-top: none;

	border-bottom: 2px solid #e6d96d;

	background-color: #fff;

	padding: 0 0 15px 0;

	height: auto;

	overflow: hidden;
	background: #fff;
	}





/* ENTETE */



#entete { height: 95px;

	width: 925px;

	
}

	
/* ENTETE logo */

#entete h1 {
margin: 0px 0px 0px 0px; 
}
	

#entete h1 a { background: url(../images/logo.gif) ;

background-repeat: no-repeat; 
margin: 0px 0px 0px 0px; 
display:block;
padding: 0px 0px 0px 0px;
width:350px; 
height:100px;
text-indent:-9000px; 
 }

#logo {margin: 0px 0px 0px 0px; 
height:100px;
float: left;
}


#search {
height:40px;
width:300px;
margin: 30px 0px 0px 0px; 
padding: 5px 5px 5px 5px;
float: right;
}


#pub 

{
height:70px;
width:500px;
margin: 20px 0px 0px 0px; 
float: right;
}



/* MENU */

#menu ul { list-style-type: none;

	background:#739EBA;

	background-repeat: no-repeat;

	background-position: top left;

	width: 935px;

	height: 40px;

	

	margin: 5px 0px 5px 0px;

	padding:0px 0 0 0;

	}


#menu li { display: inline;

	border-right: 2px dashed #e6d96d;

	float: left;

	line-height: 40px;
	
	height: 40px;
			}

#menu li a {margin: 0 !important;

	padding: 5px 7px 5px 7px;

	color: #fff;

	font-size: 17px;

	text-decoration: none;

}

#menu li a:visited { text-decoration: none;

	color: #fff;}




#menu li a:hover { color: #fff;}


/* ENTETE P */

#entete p { 
	color: #fff;

	height: 40px;

	float: right;

	margin: 0 13px 0 0;

	padding: 8px 0 0 0;

	}
/* DESCRIPTION */

#description { 

 background:#E0D7D5;
margin: 5px 10px 10px 50px; 
width: 850px;
padding: 0px 0px 0px 10px;
 
height:40px;
font-size: 11px;
	text-align: justify;
	line-height: 13px;
	color: #8C866B;

 }


/* ENCADRE 1 */



#encadre_1 { 

	width: 205px;

	float: left;

	height: 800px;
margin : 10px 5px 10px 0px;
	


	border-right: 2px dashed #a11f13;
	
	}


#encadre_1 h2 {

 
	color: #D9526E;
	font-size: 14px;
}


#encadre_1 p {


	color: #ffcc32;

	font-size: 12px;
margin: 5px 5px 0px 11px;

padding: 2px 0px 2px 10px;

	}

#encadre_1 p.tn-vert{


	color: #4dbd4d;

	font-size: 10px;


padding: 0px 0px 2px 10px;

	}

#encadre_1 form {


	color: #a11f13;

	font-size: 12px;
margin: 5px 5px 0 11px;

padding: 5px 0px 2px 20px;

	}


#encadre_1 p a { text-decoration: none;

	color: #f16a6c;

	}

#encadre_1 p a:visited { text-decoration: none;

	color: #f16a6c;

	}

#encadre_1 p a:hover { text-decoration: none;

	color: #66BCE9;

	}

.encadre_1bottom { border-bottom: none !important;}



#encadre_1 h3 { 
	height:20px;

	width: 180px;

	color: #a11f13;
	font-size: 17px;
margin: 5px 5px 0 0px;
padding: 10px 0px 2px 20px;
text-decoration: underline;
text-transform:capitalize;
}


#boite_2 h2 { 
	height:20px;

	width: 180px;

	color: #fff;
	font-size: 11px;
margin: 5px 5px 0 0px;
padding: 10px 0px 0px 20px;
text-decoration: underline;
text-transform:capitalize;
}

#boite_1 {background: url(../images/menu_gauche/menu_milieu.png);

		background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height:138px;
width: 199px;

}
#newsletter { background: url(../images/menu_gauche/menu_milieu.png);
background-repeat: no-repeat;
width: 199px;
height: 140px;
margin:  0px 0px 0px 0px;
}

#newsletter p {
height: 60px;
	
	color:#9E8373;

	font-weight: normal;

	font-size: 12px;

	line-height: 16px;
	margin: 5px 5px 0px 10px;
padding: 5px 0px 0px 0px;
}

#newsletter p a{

	
padding: 0px 0px 0px 40px;
	font-size: 16px;

	
	
}

#newsletter h2 {
 
	height:20px;

	width: 180px;

	color: #D9526E;
	font-size: 16px;
margin: 5px 5px 0px 0px;
padding: 10px 0px 0px 10px;


}

#boite_1 h2 {
 
	height:20px;

	width: 180px;

	color: #D98F9E;
	font-size: 16px;
margin: 5px 5px 0px 0px;
padding: 10px 0px 0px 10px;


}

#boite_1 h2 span{
 
	color: #D9526E;
	
}

#boite_1 p {
 
	height:20px;

	width: 180px;

	color: #9E8373;
	font-size: 11px;
margin: 20px 5px 0px 0px;
padding: 10px 0px 0px 10px;


}


#boite_tester {background: url(../images/menu_gauche/menu_milieu.png);

		background-repeat: no-repeat;

height:180px;
width: 199px;

}

#boite_2 {background: url(../images/menu_gauche/menu_plein.png);

		background-repeat: no-repeat;

height:140px;

	width: 199px;

}


#boite_3 {background: url(../images/menu_gauche/menu_bas.png);

background-repeat: no-repeat;

height:280px;

	width: 199px;		
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;


}

#boite_3 h2 {
	width: 160px;
height:20px;
text-align: center;
 
	color: #D9526E;
	font-size: 14px;
padding : 20px 0px 10px 0px;
margin: 0px 5px 0px 0px;
}




#boite_3 ul { 

	height:200px;

	width: 150px;

	font-size: 12px;

	list-style-type: none;}


#boite_3 li {
padding: 3px 0px 5px 0px;
	background: url(../images/puce-verte.gif) no-repeat;
width: 150px;
height : 15px;

}



#boite_3 li a {color: #2f8335;
padding: 0px 0px 0px 25px;

	}



#boite_3 li a:hover {color: 
#f7941d;
	text-decoration: none;}








#encadre_1 a { color: #effdf0;}

#encadre_1 a:visited { color: #9fcc3a;}

#encadre_1 a:hover { color: #f7931d;}

	



	


#encadre_1 h4 { 


margin: 0;

	padding: 0 0 6px 0;

	color: #f7931d;

	font-size: 17px;

	font-weight: normal;}

#encadre_1 h4 a { color: #f7931d;

	text-decoration: none;}

#encadre_1 h4 a:visited { color: #f7931d;

	text-decoration: none;}

#encadre_1 h4 a:hover { color: #9fcc3a;

	text-decoration: none;}





/* ENCADRE 2 */


#encadre_2 { float: left;


	width: 520px;

	

	height: 1150px;

	display: inline;

	margin: 10px 3px 10px 7px;

	background: #fff ;
	
	}


#encadre_2 .lieu h3 { 
	
	font-size: 10px;



}



#encadre_2 h2 { color: #a11f13;

	background-repeat: no-repeat;

	background-position: top center;

	

	margin: 2px 0px 15px 0px;
font-size: 12px;
text-align: ;
}


#article_1 {
	height: 550px;
	width: 520px;

}

#article_2 {float: right;
	height: 600px;
	width: 150px;

}


#article_3 {
	height: 225px;
	width: 520px;

}

#news {float: right;
	
	height: 250px;
	width: 300px;
	text-align: center;
	
	
	

}



#news h3 {
font-size:10px;
text-align: center;
color: #D9526E;
margin: 0px 0px 5px 0px;
}

#colonne_1{
	background:#EBE0D8;
	height: 75px;
	width: 230px;
	
margin: 0px 0px 10px 0px;
padding :5px 0px 5px 5px;
}

#colonne_2{
	background:#EBE0D8;
	height: 75px;
	width: 230px;
	margin: 0px 0px 10px 0px;
padding :5px 0px 5px 5px;
	

}

#gauche{float: left;
	height: 70px;
	width: 80px;
	
	
	

}

#droite{float: right;
	height: 70px;
	width: 150px;
		

}


#news p {
height: 55px;
font-weight: normal ;
font-size:10px;
text-align: left;
color: #7B857A;
margin: 2px 0px 7px 0px;

}


#divers {float: left;
	
	height: 450px;
	width: 325px;
	
	

}

#divers h2 {
	
	margin: 0px 0px 5px 0px;
	padding:0px 0px 0px 0px;

}

#divers h3 { color: #a11f13;
border-bottom: 2px solid #a11f00;
	background-repeat: no-repeat;

	background-position: top center;

	

	margin: 25px 0px 10px 0px;
font-size: 12px;
text-align: ;
}


#divers p.italique { color: #D9526E;
text-align: center;
	font-style: italic;
font-size: 10px;
margin : 0px 0px 5px 0px;
padding : 0px 0px 0px 0px;

}

#divers p { 

font-size: 13px;
	word-spacing: 2.5px;
	
	font-weight: normal ;

margin: 5px 5px 5px 5px;
	
	
	
	
	
	color: #d57e77;

}
	


#encadre_2 p a { color: #2f8335;

	text-decoration: none;}


	

#encadre_2 a img { border: 0px solid #9ac9e4;

	}	

#encadre_2 a:visited img { border: 0px solid #9ac9e4;

	}

#encadre_2 a:hover img { border:0px solid #E2EBA4;

	}

#article-test {float: left;
	
	height:200px;
	width: 330px;
	background: #F3F7F3;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	}

#reduction {float: right;
	
	height:210px;
	width: 135px;
	background: #FFF;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	}

#encadre_2 .tn-rouge { color: #F0AE6C;

	text-decoration: none;}

#encadre_2 p a:hover { color: #F0AE6C;

	text-decoration: none;}

#encadre_2 .rouge {color: #D9256D;}


#article-test p { 
margin: 15px 5px 30px 5px;
	font-weight: bold ;
font-family: arial, verdana, times;
	font-size: 11px;
	text-align: justify;
	word-spacing: 2.5px;
	line-height: 13px;
	color: #8C866B;
padding: 0px 0px 0px 0px;
text-indent: 10px;
}


#article-concours { 
float: left;
	
	height:270px;
	width: 235px;
	background: #DBDAD4;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
}

#article-concours p { 
margin: 5px 5px 5px 5px;
	font-weight: bold ;
font-family: arial, verdana, times;
	font-size: 11px;
	text-align: justify;
	word-spacing: 2.5px;
	line-height: 13px;
	color: #8C866B;
padding: 0px 0px 0px 0px;

}

#publicite { 
float: right;
	
	height:270px;
	width: 250px;
	
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}



#article_2 .onglet { 
float: left;
	
	height:150px;
	width: 160px;
	background: #C27780;
	margin: 10px 5px 0px 5px;
padding: 0px 0px 5px 0px;
	
}

#article_2 .onglet h2 { color: #fff;

	
	margin: 2px 0px 5px 0px;
font-size: 13px;
text-align: center;

}

#article_2 .onglet h4 { color: #fff;

	
	margin: 10px 0px 5px 0px;
font-size: 10.5px;
text-align: center;

}



#encadre_2 .blanc { 
background: #fff;
	height:100px;
	width: 150px;
	margin: 0px 5px 0px 5px;
font-size: 11px;
padding : 0px 0px 0px 0px;
font-weight: normal;
line-height: 15px;
text-align: left;

margin: 0px 0px 0px 5px;
}


.onglet a {
color: #fff;
margin: 0px 0px 8px 5px;
text-decoration: none;
}




#p a:hover { color: #fff;

	text-decoration: none;}	


	


#cadre_1 {float: left;
	border:3px dashed #A5D9BF;
	height: 150px;
	width: 250px;
	font-size: 8px;
	text-align: justify;
	line-height: 23px;
	color: #4dbd4d;
	margin: 10px 0px 5px 0px;
	}



#cadre_2 {float: right;
	border:3px dashed #BED9A5;
	height: 150px;
	width: 250px;
	margin: 10px 0px 5px 0px;

	}

#cadre_1 .gauche {
	float:left;
	border:3px dashed #A5D9BF;
	
}

#cadre_1 .droite {
	float:right;
	height: 130px;
	width: 105px;
	border:3px dashed #A5D9BF;
	font-size: 11px;
	text-align: justify;
	color: #4dbd4d;
	margin: 10px 2px 2px 0px;
}






#cadre_2 .droite {
	float:right;
	border:3px dashed #A5D9BF;
	font-size: 11px;
	text-align: justify;
	color: #4dbd4d;
}


#cadre_2 .gauche {
	float:left;
	border:3px dashed #A5D9BF;
	
}

#cadre_1 p {background: #A5D9BF;
	
	width: 92px;
	text-indent: 0px;
	font-size:10px;
	text-align: left;
	line-height: 10px;
	color: #D9BEA5;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}





/* ENCADRE 3 */




#encadre_3 { 
width: 180px;

	height: 1000px;

	margin: 10px 0px 0px 0px;
padding:0px 0px 0px 0px;
	

	text-align: center;




	float: right;



	

	border-left:2px dashed #a11f13;

	

	border-bottom: 2px dashed #a11f13;

	 }


#concours { 
border:1px solid #9E9792;
width: 160px;
height: 110px;
margin:  5px 0px 0px 10px;
}
#concours a{ 
text-decoration: none;

 }

#concours p {

	
	
	color:#a11f13;

	font-weight: normal;

	font-size: 11px;

	line-height: 14px;
	margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
text-align: left;

	

}


#services { 
border:1px solid #9E9792;
width: 160px;
height: 110px;
margin:  5px 0px 0px 10px;
}


#services p {

	
	
	color:#a11f13;

	font-weight: normal;

	font-size: 12px;

	line-height: 14px;
	margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
text-align: left;

	

}


#google { 
border:1px solid #9E9792;
width: 160px;
height: 130px;
margin:  5px 0px 0px 10px;
padding : 5px 0px 0px 0px;
}

#partenaire { font-weight: normal;
border:1px solid #9E9792;
width: 160px;
height: 320px;
margin:  5px 0px 0px 10px;
padding : 5px 0px 0px 0px;
font-size: 12px;
}

#encadre_3 h4 { margin: 0;

	padding: 0 0 6px 8px;

	color: #f7931d;

	font-size: 12px;

	font-weight: normal;

	}

#encadre_3 h4 a { color: #f7931d;

	text-decoration: none;}

#encadre_3 h4 a:visited { color: #f7931d;

	text-decoration: none;}

#encadre_3 h4 a:hover { color: #9fcc3a;

	text-decoration: none;}



#encadre_3 p a { color: #9fcc3a;

	text-decoration: none;}

#encadre_3 p a:visited { color: #9fcc3a;

	text-decoration: none;}

#encadre_3 p a:hover { color: #f7941d;

	text-decoration: none;}

	

#encadre_3 ul { margin: 0;

	padding: 0 0 25px 12px;

	font-size: 16px;

	list-style-type: none;}

#encadre_3 li { margin: 0;

	padding: 6px 0 8px 22px;

	background: url(../img/bullet-blog-paw.gif) left center no-repeat;}

#encadre_3 li a {color: #9fcc3a;

	}

#encadre_3 li a:visited {color: #9fcc3a;

	text-decoration: underline;}

#encadre_3 li a:hover {color: #f7941d;

	text-decoration: none;}




#encadre_3 h2 { 

	
font-size: 14px;
	

	height: 14px;

	color: #D9526E;

padding: 5px 0px 0px 0px;
	}

#encadre_3 h4 { margin: 0;

	padding: 0 0 6px 0;

	color: #f7931d;

	font-size: 18px;

	font-weight: normal;}

#encadre_3 h4 a { color: #f7931d;

	text-decoration: none;}

#encadre_3 h4 a:visited { color: #f7931d;

	text-decoration: none;}

#encadre_3 h4 a:hover { color: #9fcc3a;

	text-decoration: none;}


#carte {
border:1px solid #9E9792;
width: 160px; 
height:130px;
margin: 5px 0px 0px 10px; 
}


#carte a{ background: url(../images/noel.gif);

background-repeat: no-repeat; 
margin: 5px 0px 0px 0px; 
display:block;
padding: 0px 0px 0px 0px;
width: 150px; 
height:130px;


 }















#articlecontenu { width: 900px;

	height: auto;

	margin: 0;

	padding: 0;}

#articlecontenu h2 { color: #FFF;

	font-size: 24px; 

	font-weight: normal;}

#articlecontenu p { color: #66BCE9;}




	



#pieddepage { 

	
	height: 2em;

	
text-align:center;
	
margin: 2px 0px 10px 0px;

	padding: 15px 0 0 0;	

	}

#pieddepage ul { list-style-type: none;

	margin: 0 13px 0 43px;

	padding: 0;

	}

#pieddepage li { display: inline;

	border-right: 1px solid white;

	font-size: 11px;}

#pieddepage li a { margin: 0;

	padding: 0 10px;

	text-decoration: none;

	color: #fff;}

#pieddepage li a:visited { text-decoration: none;

	color: #fff;}

#pieddepage li a:hover { text-decoration: none;

	color: #E56A70;}



#pieddepage p { color:#4DA49F;

	margin: 6px 0 0 53px;

	padding: 0;

	font-size: 11px;}

#pieddepage p a { color:#4DA49F;

	text-decoration: none;}

#pieddepage p a:visited { color:#4DA49F;

	text-decoration: none;}

#pieddepage p a:hover { color:#4DA49F;

	text-decoration: underline;}











