h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}

html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#b4e257;
	margin:0;	
	padding:0;
}

#general{
	width:955px;
	margin:0;
	padding:0;
}

#bg-gauche{
	background:url(img/bga.gif) repeat-x top right #e2e2e2;
	margin:0;
	padding:0;
}

#bg-droit{
	background:url(img/bgb.gif) repeat-x top left #e2e2e2;
	margin:0;
	padding:0;
}

#contenu{
	width:100%;
	padding:0;
	margin:0;
	background:url(img/bg-contenu.gif) repeat-x top left #e2e2e2;
}

/*-------------------------------------------- BANDEAU */
#bando{
	width:955px;
	height:104px;
	margin:0;
	padding:0;
}

.bg1{
	background:url(img/bando1.gif) no-repeat top left;
}

.bg2{
	background:url(img/bando2.gif) no-repeat top left;
}

.bg3{
	background:url(img/bando3.gif) no-repeat top left;
}

.bg4{
	background:url(img/bando4.gif) no-repeat top left;
}

#bando img{
	margin:0;
	padding:0 0 0 40px;
}

/*-------------------------------------------- MENU */
#menu{
	width:533px;
	height:70px;
	background:url(img/bg-menu.gif) no-repeat top left;
	margin:0;
	padding:0 0 0 422px;
	position:relative;
}

#menu ul{
	width:533px;
	height:70px;
	padding:0;
	margin:0;
}

#menu ul li{
	height:70px;
	margin:0;
	padding:0;
	display:inline;
}

#menu ul li a{
	height:70px;
	margin:0;
	display:block;
	float:left;
	text-decoration:none;
}

#menu ul li a:hover{
	background-position:0 -70px;
	list-style-type:none;
}

#menu ul li a.focus{
	background-position:0 -70px;
	list-style-type:none;
}

a.menu_acc_1{
	width:130px;
	background:url(img/titre1.gif) top left no-repeat;
}

a.menu_acc_2{
	width:130px;
	background:url(img/titre2.gif) top left no-repeat;
}

a.menu_acc_3{
	width:130px;
	background:url(img/titre3.gif) top left no-repeat;
}

a.menu_acc_4{
	width:143px;
	background:url(img/titre4.gif) top left no-repeat;
}

/*-------------------------------------------- FEUILLE01 PNG  */
html>body .feuille01{
	filter:none;
	background:url(img/feuille-haut.png) no-repeat 0px 0px; 
}

.feuille01{
	width:181px;
	height:101px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/feuille-haut.png',sizingMethod='scrop');
	position:absolute;
	right:36px;
	top:117px;
}

/*-------------------------------------------- FEUILLE02 PNG  */
html>body .feuille02{
	filter:none;
	background:url(img/feuille-bas.png) no-repeat 0px 0px; 
}

.feuille02{
	width:181px;
	height:101px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/feuille-bas.png',sizingMethod='scrop');
	position:absolute;
	left:34px;
	bottom:6px;
}

/* --------------------------------------------------ACCUEIL */
.bienvenue{
	width:204px;
	background:url(img/bg-bois.gif) repeat-y 0px 0px;
	margin:60px 0 0 25px;
	padding:15px 15px 15px 15px;
	float:left;
}	

.bienvenue img{
	padding:0 0 20px 0;		
}	

.bienvenue p, .bienvenue2 p, .bienvenue3 p, .bienvenue4 p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0 5px 10px 10px;
}

.bienvenue ul li, .bienvenue2 ul li, .bienvenue3 ul li, .bienvenue4 ul li{
	background:url(img/puce.gif) no-repeat 15px 3px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0 5px 2px 30px;
	list-style-type:none;
}

.tablo h3, .bienvenue h3, .bienvenue2 h3, .bienvenue3 h3, .bienvenue4 h3, #formulaire h3{
	background-color:#fff;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#678f00;
	margin:0;
	line-height:15px;
	padding: 0 0 10px 0;
	text-align: left;
}

.bienvenue2{
	width:390px;
	background:url(img/bg-bois.gif) repeat-y 0px 0px;
	margin:60px 0 30px 35px;
	float:left;
	padding: 15px 0 20px 15px;
}	

.bienvenue2 img{
	padding:0 10px 10px 0;		
}	

.tablo{
	width:200px;
	height:330px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:60px 0 0 30px;
	float:left;
}

.tablo h4{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#678f00;
	margin:0;
	line-height:14px;
	padding:0;
}

.tablo a{
	color:#000;
	text-decoration:none;
}

.tablo a:hover{
	color:#bae55e;
	text-decoration:none;
}

.rouge{
	background:url(img/picto-rouge.gif) no-repeat 0px 0px;
	margin:0;
	padding:5px 0 5px 60px;
}

.anis{
	background:url(img/picto-anis.gif) no-repeat 0px 0px;
	margin:0;
	padding:5px 0 5px 60px;
}

.bleu{
	background:url(img/picto-bleu.gif) no-repeat 0px 0px;
	margin:0;
	padding:5px 0 5px 60px;
}

.orange{
	background:url(img/picto-orange.gif) no-repeat 0px 0px;
	margin:0;
	padding:5px 0 5px 60px;
}

.noir{
	background:url(img/picto-noir.gif) no-repeat 0px 8px;
	margin:0;
	padding:5px 0 5px 60px;
}

/* --------------------------------------------------SOINS */
.bienvenue3{
	width:230px;
	background:url(img/bg-bois.gif) repeat-y 0px 0px;
	margin:60px 0 0 0;
	padding:15px 15px 15px 15px;
	float:left;
	height: 475px;
}	

.bienvenue4{
	width:370px;
	background:url(img/bg-bois.gif) repeat-y 0px 0px;
	margin:60px 20px 30px 20px;
	float:left;
	padding: 15px 0 20px 15px;
}	

.bienvenue4 img{
	padding:0 0 10px 0;		
}	


/* -------------------------------------------------- FOOTER */
#footer{
	width:100%;
	background:url(img/bg-footer.gif) repeat-x top left;
	text-align:center;
	margin:0;
	padding:0;
	height: 150px;
}

#footer p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
}

#footer img{
	padding-bottom:5px;
	clear: both;
}

#footer a{
	color:#678f00;
	text-decoration:none;
}

#footer a:hover{
	color:#fff;
	text-decoration:none;
}

.adress{
	width:745px;
	height:30px;
	text-align:left;
	font-size:10px;
	color:#678f00;
	padding:20px 0 0 215px;
	margin:0 auto;
	position:relative;
}

.p1{
	height:30px;
	width:140px;
	float:left;
	display:block;
	padding:0 0 0 20px;
	margin:0;
	border-left:1px solid #678f00;
}

.p2{
	height:30px;
	width:280px;
	float:left;
	display:block;
	padding:0 0 0 20px;
	margin:0;
	border-left:1px solid #678f00;
	}

.p3{
	height:30px;
	width:260px;
	float:left;
	display:block;
	padding:0 0 0 20px;
	margin:0;
	border-left:1px solid #678f00;
}

/* -------------------------------------------------- CONTACT */
.contact{
	width:270px;
	text-align:center;
	background:url(img/bg-horaires.gif) no-repeat 0px 87px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:60px 40px 0 0;
	margin:0;
	float:left;
}

.contact p{
	padding:0 0 0 0;
}

.pictos{
	text-align:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:35px 0 10px 60px;
	margin:0;
}

.pictos h3, .pictos2 h3, .contact h3{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#678f00;
	margin:0;
	line-height:15px;
	text-align: left;
}

.pictos2{
	text-align:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px 0 20px 60px;
	margin:0;
}

.image{
	width:215px;
	height:270px;
	padding:87px 0 0 0;
	margin:0;
	float: left;
}

/* -------------------------------------------------- FORMULAIRE */
label{
	display:block;
	float:left;
	width:70px;
	line-height: 20px;
}

form{
	margin:20px 0 0 0;
}

form p{
	margin:0;
	clear:both;
	display:block;
}

.input{
	width:265px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 8px 3px;
	background-color: #fff;
	border:solid 1px #A1CE3E;
	padding: 0 0 0 5px;
	height: 18px;
}

textarea{
	width:265px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 8px 0;
	background-color: #fff;
	border:solid 1px #A1CE3E;
	padding: 0 0 0 5px;
}

#bouton{
	width:150px;
	height:20px;
	background:url(img/bg-bouton.gif) no-repeat top left;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 3px 0;
	border:1px solid #A1CE3E;
	clear: both;
	cursor: pointer;
	text-align: center;
	margin: 0;
}

#formulaire{
	width:274px;
	text-align:right;
	background:url(img/bg-bois.gif) repeat-y top left;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0 43px 50px 35px;
	margin:60px 0 20px 0;
	float:left;
}

/*------------------------- TYPOS -------------------------- */
.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1px;
}

.txtitalik{
	font:italic bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#678f00;
	padding: 0 0 10px 0;
}

#txttitre{
	font:bold normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#A1CE3E;
	margin-left: 22px;
	padding: 0 0 0 0;
}

.txtbold{
	font-weight:bold; 
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}
