/*   rose : #ff0066   */
/*   bleu : #0066cc  */
/*   vert : #99cc00  */
/*   jaune : #ffcc00  */

body{
	background-color:#3b1b0d;
	margin:0;
	padding:0;
	font-family:verdana;
	text-align:center;

}

#main{
	margin:0 auto;
	padding:0;
	text-align:left;
	width:1024px;
}
#contenu{
	float:left;
	margin:0;
	padding:0;
	width:750px;
}
div#haut{
	float:left;
	width:730px;
	height:auto;
	margin:0;
	padding:0;
}


	
/*LOGO */
div#haut h1{ 
	float:left;
	margin:0;
	padding:0;
}

div#haut h1 a{
	background:url(../img/logo.jpg) no-repeat;
	width:240px;
	height:122px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-5000px;
	
}

/*NAVIGATION */
#nav{
	margin:0;
	padding:0;
	list-style-type:none;
}
li{float:left;
}

.menu1-on a{
	background:url(../img/menu1_on.jpg);
	width:80px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu1  a{
	background:url(../img/menu1_off.jpg);
	width:80px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu1  a:hover{
	background:url(../img/menu1_survol.jpg);
}

.menu2-on a{
	background:url(../img/menu2_on.jpg);
	width:80px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu2  a{
	background:url(../img/menu2_off.jpg);
	width:80px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu2 a:hover{
	background:url(../img/menu2_survol.jpg);
}

.menu3-on  a{
	background:url(../img/menu3_on.jpg);
	width:79px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu3  a{
	background:url(../img/menu3_off.jpg);
	width:79px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu3 a:hover{
	background:url(../img/menu3_survol.jpg);
}



.menu4-on  a{
	background:url(../img/menu4_on.jpg)no-repeat;
	width:79px;
	height:90px;
	display:block;
	text-indent:-5000px;
}
.menu4  a{
	background:url(../img/menu4_off.jpg) no-repeat;
	width:79px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu4  a:hover {
	background:url(../img/menu4_survol.jpg)no-repeat;
}

.menu5-on a{
	background:url(../img/menu5_on.jpg);
	width:80px;
	height:90px;
	display:block;
	text-indent:-5000px;
}
.menu5  a{
	background:url(../img/menu5_off.jpg);
	width:80px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu5 a:hover{
	background:url(../img/menu5_survol.jpg);
}

.menu6-on  a{
	background:url(../img/menu6_on.jpg)no-repeat;
	width:79px;
	height:90px;
	display:block;
	text-indent:-5000px;
}
.menu6  a{
	background:url(../img/menu6_off.jpg) no-repeat;
	width:79px;
	height:90px;
	display:block;
	text-indent:-5000px;
}

.menu6  a:hover {
	background:url(../img/menu6_survol.jpg)no-repeat;
}



#milieu{
	background:url(../img/illustr.jpg) no-repeat left bottom;
	float:left;
	width:730px;
	height:617px;
	margin:0;
	padding:0;
}
#milieu-long{
	background:url(../img/illustr-long.jpg) no-repeat left bottom;
	float:left;
	width:730px;
	margin:0;
	padding:0;
}




/*CONTENU */
#txt{
	float:left;
	margin:0 0 0 248px;
	padding:0;
	width:481px;
	
}

#contact{
	float:left;
	margin:0;
	padding:0;
	width:481px;
	
}

.gras{
	font-weight:bold;
}

#titre1{
	background:url(../img/titre1.jpg) no-repeat;
	border-bottom:1px solid #ffcc00;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}

#titre2{
	background:url(../img/titre2.jpg) no-repeat;
	border-bottom:1px solid #ff0066;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}#titre3{
	background:url(../img/titre3.jpg) no-repeat;
	border-bottom:1px solid #99cc00 ;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}
#titre4{
	background:url(../img/titre4.jpg) no-repeat;
	border-bottom:1px solid #ffcc00;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}

#titre5{
	background:url(../img/titre5.jpg) no-repeat;
	border-bottom:1px solid  #ff0066;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}
#titre6{
	background:url(../img/titre6.jpg) no-repeat;
	border-bottom:1px solid #0066cc;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}

#titre8{
	background:url(../img/titre9.jpg) no-repeat;
	border-bottom:1px solid #0066cc;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}

#titre10{
	background:url(../img/titre10.jpg) no-repeat;
	border-bottom:1px solid #0066cc;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}

#titre11{
	background:url(../img/titre11.jpg) no-repeat;
	border-bottom:1px solid #0066cc;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}

#txt p{
	font-family:verdana;
	font-size:10pt;
	color:#fff;
	width:481px;
	margin:0;
	padding:0;
	text-align:justify;
}

#txt h3{
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
	margin:10px 0 0 0;
	color:#fff;
	padding:0;
	text-align:justify;
}

#txt li{
	font-family:verdana;
	font-size:9pt;
	color:#fff;
	width:400px;
	padding:0;
	text-align:justify;
	list-style-type:circle;
}

#adresse{
	font-family:verdana;
	font-size:10pt;
	color:#99cc00;
	font-weight:bold;
}

a.lienSite{
	font-family:verdana;
	font-size:10pt;
	color:#ffffff;
	font-weight:bold;
}



a.lienSite:hover{
	color:#99cc00;
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
	
}


/*CONTENU MENTIONS*/
#titre7{
	background:url(../img/titre7.jpg) no-repeat;
	border-bottom:1px solid #ffcc00;
	width:481px;
	height:51px;
	margin:70px 0 15px 0;
	padding:0;
	text-indent:-5000px;
}

#moi a{
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:10pt;
	color:#99cc00;
	font-weight:bold;
	text-decoration:none;
}




/*FORMULAIRE CONTACT*/

#contact{
margin:0 0 0 248px;}

#contact p{
	font-family:verdana;
	font-size:10pt;
	text-align:center;
	color:#fff;
	margin:0;
	width:481px;
	padding:0;	
}
#contact h3{
	font-family:verdana;
	font-size:10pt;
	text-align:center;
	color:#fff;
	margin:0;
	font-weight:bold;
	padding:0;	
}

#form-contact p{
	text-align:left;
	margin-top:20px;
	font-weight:bold;
}


#form-contact input {
	margin-top:5px;
	border-top:1px solid #99cc00;
	border-left:1px solid #99cc00;
}
#form-contact textarea{
	border-top:1px solid #99cc00;
	border-left:1px solid #99cc00;
	margin-top:5px;
	margin-right:150px;
}

#envoi input{
	font-weight:bold;
}

a.lien{
	color:#fff;
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
	
	
}

a.lien:hover{
	color:#0066cc;
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
	
}

#tel{
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
	color:#99cc00;
}



/*PHT DROITE */
div#droite{	
	float:left;
	width:273px;
	margin:0;
	padding:0;
	
}

div#pht{
	
	background:url(../img/pht_zoe.jpg) no-repeat;
	width:241px;
	height:327px;
	margin:0;
	padding:0;
}


/*ACTU */
div#actu{
	position:relative;
	background:url(../img/bloc_actu.jpg) no-repeat;
	width:273px;
	height:375px;
	margin:0;
	padding:0;
}

div#actu h3{
	margin:0;
	padding:0;
	text-indent:-5000px;
}

div#actu ul{
	position:absolute;
	left:35px;
	top:80px;
	width:210px;
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:8pt;
	list-style-type:circle;
	color:#fff;
}

div#actu ul li{
	margin-bottom:3px;
}

.date{
	font-weight:bold;
	color:#fff;
}

#contact-actu a{
	position:absolute;
	bottom:0px;
	right:0px;	
	width:200px;
	height:100px;
	display:block;
	text-indent:-5000px;
}

/*FOOTER */
#footer{
	margin:0;
	padding:0;
	clear:both;
	background:url(../img/bloc_footer.jpg);
	width:1024px;
	height:49px;
	text-align:right;
	
}

#mention{
	margin:0;
	padding:0;
	position:relative;
	right:30px;
	top:20px;
	color:#ffffff;
	font-family:arial;
	font-size:8pt;
}

#mention a{
	color:#ffffff;
	text-decoration:none;
}

#mention a:hover{
	color:#99cc00;
	text-decoration:none;
}
	
	
/*PELE MELE */

.lot{
	color:#ff0066;
	font-weight:bold;
}

#logoOnaturel{
	background:url(../img/onaturel.jpg);
	width:150px;
	height:50px;
}

h4{
	font-family:verdana;
	font-size:10pt;
	color:#99cc00;
	font-weight:bold;
}