@charset "utf-8";
/* CSS Document */

/* =================
- STUCTURE DU SITE
================= */

body{background:url(../images/bg.png) top left repeat-x #323232;  font:normal 12px Arial, Helvetica, sans-serif; margin:0; padding:0; }
#main{background:url(../images/bg-2.jpg) top left no-repeat #88ba00; margin:17px auto 19px auto;  padding:16px 0 16px 0; width:869px; }
#main2{background:url(../images/bg-3.jpg) top left no-repeat #FFF; margin:0 auto; width:800px;}

a img{border:0;}

.clear{clear:both; height:0px; line-height:0px; font-size:0px;}


/* =================
- HEADER
================= */
#header{height:247px;  width:802px; position:relative}

/* =================
- CONTENU
================= */
#bloc_gauche{position:relative;}
#bloc_droite{width:511px; float:right; margin-right:28px;  text-align:justify;}

#bloc_gauche2{float:left; width:246px; margin-left:10px;+}
#bloc_droite2{float:right; width:511px;}

#menu{
	background:#FFF;	
}


#menu{margin-bottom:120px;}
#menu ul{margin:0; padding:8px 0;}
#menu ul li{margin:0; padding:0; list-style:none;}
#menu ul li a{border-left:1px solid #FFF; color:#000; display:block; text-decoration:none; list-style:none; margin-left:16px; padding-left:10px; width:229px;}
#menu ul li.selected a{background:url(../images/fleche.jpg) center left no-repeat; font-weight:bold;}
#menu ul li a:hover{background:url(../images/fleche.jpg) center left no-repeat; font-weight:bold;}

#miniature a{border:1px solid #CCC; float:left; display:block; padding:3px; width:58px; margin-right:3px; text-align:center;}
#miniature a:hover{border-color: #000;}

.titre{
	background:url(../images/plus.jpg) center left no-repeat;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 20px;
	margin-bottom:12px;
	cursor:pointer;
}

.content{
	position:relative;
	padding-bottom:20px;
}

#formulaire_contact{width:450px;}
#formulaire_contact a{color:#589A00;}
#formulaire_contact .form_ligne{margin-bottom:6px;}
#formulaire_contact label{color:#82B501; display:block; font-weight:bold; width:100px;}
#formulaire_contact input{width:200px;}
#formulaire_contact textarea{width:100px; }

/* =================
- FOOTER
================= */
#footer{
	background:url(../images/footer.png) top left no-repeat; 
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; 
	height:63px /*103 - 40*/; 
	margin:0 auto; 
	padding: 40px 20px 0 20px;
	width:760px /*800-40*/;
}

* html #footer
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="../images/footer.png", sizingMethod="scale");
	background:transparent;
}