/* CSS Document */
html{height:100%; width:100%}
body{
	font-family:"Trebuchet MS",Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	background:url(img/background.jpg) repeat-x #A9BD64;
	margin:0px;
	padding:0px;
	text-align:center;
	height:100%;
	color:#666633;
}

a{color:#00CCFF;}
.bleu{color:#00CCFF;}
.important{color:#FF6600;}
img{border:none;margin:0px;}


p.retrait{ text-indent:35px;}
h1{font-size:18px;margin:0; margin-bottom:15px;text-align:left; font-weight:normal;}
ul{list-style:url(img/goutte.gif); margin:13px; padding-left:60px;}
li{padding-left:5px;}

/********************************** le conteneur de la page, permet le centrage de la page *****************************/
div#corps{
	margin:0px auto;padding:0px;
	text-align:justify;
	position:relative; 
	top:0px;
	height:100%; 
	display:block;
	width:856px;
	background:none;
	
}

/************************************* l'entete *****************************************/

/**le menu de l'univers choisi**/
ul#onglet{ 
	list-style:none;
	margin:0;padding:0;
	margin-top:0 !important;
	margin-top:-4px;
	width:840px;
	height:60px;
	display:block;
	background:url(img/onglets.jpg) no-repeat right top white;
}

	ul#onglet li{float:left;padding:0;}
		ul#onglet li a{ display:block; height:59px; }

		ul#onglet li a#who{width:205px; background:url(img/onglets/who-we-are.gif) no-repeat top;}
		ul#onglet li a#who:hover{background:url(img/onglets/who-we-are-hover.gif) no-repeat top;}
		ul#onglet li a#who_act{width:205px;background:url(img/onglets/who-we-are-actually.gif) no-repeat top;}
		
		ul#onglet li a#commitments{width:160px; background:url(img/onglets/our-commiments.gif) no-repeat top;}
		ul#onglet li a#commitments:hover{background:url(img/onglets/our-commiments-hover.gif) no-repeat top;}
		ul#onglet li a#commitments_act{width:160px;background:url(img/onglets/our-commiments-actually.gif) no-repeat top;}
		
		ul#onglet li a#phythodermie-eona{width:168px; background:url(img/onglets/phytodermie-eona.gif) no-repeat top;}
		ul#onglet li a#phythodermie-eona:hover{background:url(img/onglets/phytodermie-eona-hover.gif) no-repeat top;}
		ul#onglet li a#phythodermie-eona_act{width:168px; background:url(img/onglets/phytodermie-eona-actually.gif) no-repeat top;}
		
		ul#onglet li a#contact{width:100px; background:url(img/onglets/contact.gif) no-repeat top;}
		ul#onglet li a#contact:hover{background:url(img/onglets/contact-hover.gif) no-repeat top;}
		ul#onglet li a#contact_act{width:100px;background:url(img/onglets/contact-actually.gif) no-repeat top;}
			
			ul#onglet li a span{ display:none;}
/********le centre de la page******************/
div#centre{
	width:840px;
	margin:0;
	padding:0;
	padding-top:20px;
	background:white;
	
}

	div#centre div{float:left;background:white;}
	div#centre #texte{
		padding-left:60px;
		width:500px;
	}
		div#centre #texte p{
			padding-left:40px;
		}
			p#hautdepage a{ font-size:9px; color:#666633; display:block; width:80px; float:right}
	div#centre #droit{
		width:280px;height:665px; position:relative;
	}
	
	div#centre #droit #contenu{
		width:225px;
		padding-left:30px;
	}
	
	h1#titre-catalogue{ text-align:center; margin:0; margin-top:25px; font-size:19px; color:#A9BD66; font-family:arial}
	p#catalogue{
		width:220px; 
		height:236px; 
		padding:0;
		margin:0;
		text-align:center; 
		background:url(img/pages-huiles-essentielles/catalogue-fond.jpg) no-repeat bottom;
		margin-bottom:0;
	}
		img#img-catalogue{margin-top:15px;}
		p#catalogue img{margin-bottom:5px;}
	p#sous-catalogue{margin:5px 20px;}	
		
	p#clear{clear:both; margin:0; padding:0}
td.orange{ font-weight:bold; width:45px;color:#FF6600;}

p#eona-group{ position:absolute; bottom:0px; left:52px; margin:0}

/*********************************** le pied de page *******************************************/
div#footer {
	width:840px;
	height:100px;
	background:url(img/bas.jpg) no-repeat;
	clear:left;
	position:relative;
}
div#footer a{height:20px; position:absolute; top:50px;}
div#footer a span{ display:none;}
a#agence-web{width:65px; right:106px;}
a#le-web-interactif{width:85px; right:13px;}