/* @group UNIVERSEL ------------------------------------*/

ul, ol,li, h1, h2, h3, h4, h5, h6, body, p, div, hr, table, tr, td, thead{
	margin: 0;
	padding: 0;
}
a img{
	border: 0px;
}
ul{list-style-type: none;}

/* @end */




/* @group GENERAL --------------------------------------*/

body{
	font: 85% Helvetica, Arial, sans-serif;
	color: #37460F;
	/*background:#50453A;*/
	background: #2F261D;
	text-align: center;
	min-width:969px;
}

a {
	color: #495B14;
	outline: none;
}

thead{display: none;}

.left{float : left;}

.right{float : right}

.wrap{clear:both;height:0px;}

div#all{
	position : relative;
	background:#fff url(ima/fond_body.gif) repeat-y 50% 0;
	width:969px;	
	margin: 0 auto;
	
}




/* LOGO  --------------------------------------*/

h1, h2#tagline{ display: none;}

h1#logoMini{
	text-align: left;
	display: block;
	width: 684px;
	height: 19px;
	
	position: absolute;
	top: 79px;
	left: 54px;		
}

h1#logoMini a{}
h1#logoMini span{ display: none;}




/* NEWS-------------------------------------------- */

#news_list{
	text-align: center;
	font-size: 0.8em;
	width : 120px;/*pour lr border , le p a des padding negatif*/
	border-top : 1px solid #68BD45;
	margin: 0 auto 5px;
	position: relative;
	overflow: visible;
}

#news_list h3{
	background: #fff;
	width: 4em;
	font-size: 1em;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #E65C0F;
	margin: -0.6em auto 1em ;
	overflow: visible;
	
}
#news_list p{
	color: #50453A;
	margin: 10px  auto;/*pour déborder du conteneur*/
	overflow: visible;
	position: relative;
}

#news_list p a{
	text-decoration: underline;
}

#news_list p a:hover{
	text-decoration: none;
}

   


#news_list p{
	margin: 10px  0px;/*pour déborder du conteneur*/
}
#news_list h3{
	margin: 0 auto 1em ;	
}




/* CONTENU GRNADES ZONES ------------------------------*/

div#contenu{
	background: transparent;
	width:790px;
	margin: 0 0px 0 0;
	/*border-right:1px solid #68BD45;*/
}


#redac{
	position: relative;
	text-align: left;
	width: 684px;
	margin: 0 auto 0;
	padding: 133px 0 30px 0;

}

.distribution{background: url(ima/top_distribution.jpg) no-repeat 0px 0px;}
.ecocontrol{  background: url(ima/top_utilisation.jpg) no-repeat 0px 0px;}
.baume{       background: url(ima/top_produit.jpg) no-repeat 0px 0px;}
.utilisation{ background: url(ima/top_utilisation.jpg) no-repeat 0px 0px;}



/* Contenu commun FR-DE-EN ---------------------*/

a.externe{ color:#BF3100;
			border-bottom: 1px dotted #BF3100;
				text-decoration: none;

}

.label{ font-weight: bold;}


#redac h3 {
	font-size: 1.16em;
	padding: 0.5em 5px 1px 0;
	margin: 13px 0 0.55em;

}

#redac p.first{
	color: #5EB423;
	font-weight: bold;
	font-size: 1.3em;
	margin-top : 14px;
	margin-left:-1px;
	padding-bottom: 3px !important;
}
#redac .col{
	width: 317px;
	margin: 10px 0 0;
}
#redac p{
	font-size: 1.1em;
	padding: 10px 0 10px;
	line-height: 1.3em;
}
#redac ul, #redac ol{
	font-size: 1.1em;
	line-height: 1.3em;
}

#redac ol{
	list-style-type: circle;
	margin-left: 1.4em;
	margin-top: -5px;
	margin-bottom: 20px;
}
#redac ol li{ padding-bottom: 5px}

#redac strong.important{color: red;}

#redac .col img{display:block;padding:0;margin:0;}

#redac span.rem{
	font-family: Georgia, serif;
	font-size : 1.2em;
}

#redac p.note{ font-size : 0.9em;}


ecocontrol div.normal{	margin-top : 38px;}
a:hover strong.ecocontrol_link{ border:0px;}



/*  Pied de Page -------------------------------------*/


#pied{
	border-bottom: 5px solid #5EB423;
	margin-left: 56px;
	margin-right: 229px;
	
}





/* HOMEPAGE ------------------------------*/

body.home #nav{
	width:169px;
}

#contenu img#home-noscript{
	background: transparent;
	display: block;/*enleve l'espace blanc sous l'image parce que est inline et donc comme le texte possede un
	un espace reservé pour les descendantes*/
}



/* PAGE BAUME ------------------------------------- */
#redac.baume h3{
	color: #5EB423;
	font-size: 1.3em;
	margin : 2em 0 0 0;
	padding:0 0 0 0;
	width:317px;
	border-bottom:1px solid #5EB423;
}



#redac p.note_envoi{ 
	margin-top: 1.5em;
	padding-top: 8px;
	font-size: 0.9em;
	border-top: 1px dotted #5EB423;;
}

#redac.baume .illu{
	width:316px;
	margin-top: 10px;
	border: 1px solid #BFBFBF;
	float: left;
	
}

#redac.baume ul.principes{
	list-style: disc;
	margin-left: 20px;
}

#redac.baume ul.principes li{ font-size: 0.9em;}


/*
div#ingredients{
	background: #F5FFEF;
	border: 1px solid #CCC;
	border-width: 0px 1px;
	margin: 1em 3em;
	padding: 1.6em 1em 0.3em;
	
}
div#ingredients ul{
	margin-left: 40px;	
	
}
div#ingredients li{
	float: left;
	width: 170px;
	text-transform : uppercase;
	font-size: 0.9em;
	line-height: 1.8em;
}

div#ingredients p.note{
	font-size: 1.1em;
	padding-top: 2.3em;
	text-transform: none;
	clear: both;
}
*/


div#ingredients{
	background: #F5FFEF;
	border: 1px solid #CCC;
	border-width: 0px 1px;
	margin: 1.5em 0em;
	padding: 12px 7px;
	
}
div#ingredients ul{
	
}
div#ingredients li{
	float: left;
	width: 135px;
	padding-left:13px;
	text-transform : uppercase;
	font-size: 0.77em;
	line-height: 1.8em;
}

div#ingredients p.note{
	font-size: 1em;
	padding: 1em 0 0 1em;
	text-transform: none;

	clear: both;
}







/* PAGE DISTRIBUTION -----------------*/
#fr #redac.distribution h2{/*repositionement et redimensionnement car accent dans le titre*/
	top: -4px;
	height: 29px;
}



/* general --------------*/
table a{
	border-bottom: 1px dotted #37460F;
}

table a:hover{
	border-bottom-width: 0px;
}

table{ width:100%;
	/*background:#E1F2D9;*/
	border-top: 1px solid #82C554;
}

table th{
	border-bottom: 1px solid #82C554;
	padding: 20px 0px;
	width: 100px;
	
}
table td{
	border-bottom: 1px solid #82C554;
	padding: 4px 0px;
}
table tr{
	text-align: right;
	padding: 20px;
	margin: 20px;
}
table table td, th{
	vertical-align: top;
	text-align: left;
	
}


/* tableau contenu -------------*/
table table {
	background:#E1F2D9;
	border: none;
	/*border : 1px solid red;*/
}
table table td{
	padding: 16px 8px;
	border-bottom: 1px dotted #82C554;
}


td.type{
	width: 70px;
	font-size: 0.8em;
	padding: 19px 5px;
	border: none;
}

td.contact{
	text-align: right;
	padding-right: 10px;
}

table table tr.pair{
	background:#fff;
}





/* NAVIGATION ----------------------------------------*/

/* Navigation Langue ---------------------------*/

div#nav{
	background: transparent;
	text-align: center;
	width:172px;
	float: right;
}

p#navig_langue{
	color: #AAAAAA;
	font: 1.2em Geneva;
	font-variant: small-caps;
	text-align: center;
	line-height: 0.9em;
	margin: 14px 0 38px 0;/*33+5 et 9+les 5padding du b*/
}

p#navig_langue b{
	color:#FFFFFF;
	padding:  5px 0.2em 5px 0;
	margin-left: 0.5em;
	font-weight : normal;
	border-left: 1px solid #495B14;
}

p#navig_langue a:hover{
	background: #68BD45;
	color: #FFFFFF;
}

/*  NAVIGATIONS CONTENU --------------*/
#navig_contenu{ margin-bottom: 20px; }

#navig_contenu li, .navig li{
	width: 120px;
	display: block;
	margin: 0 auto;
	border-top : 1px solid #68BD45;	
}

#navig_contenu li a, .navig li a{
	display: block;
	width: 120px;
	padding-top:27px;
	height: 0;
	overflow: hidden;
}
#navig_contenu li#ecocontrol{margin-top:60px;border:0;}
#navig_contenu li#distribution{border-bottom : 1px solid #68BD45;}

* html #navig_contenu a:link, * html #navig_contenu a:visited {height:27px; he\ight:0;}
* html #navig_contenu a:hover {height:27px; he\ight:0;}

/*exception sur la hauteur de ecocontrol et lien*/
#navig_contenu li#baume a{
	padding-top: 53px;
}
* html #navig_contenu li#baume a:link, * html #navig_contenu li#baume a:visited {height:53px; he\ight:0;}
* html #navig_contenu li#baume a:hover {height:53px; he\ight:0;}


#navig_contenu li#ecocontrol a{
	padding-top: 95px;
	margin-bottom: 54px;
}
* html #navig_contenu li#ecocontrol a:link, * html #navig_contenu li#ecocontrol a:visited {height:149px; he\ight:0;}
* html #navig_contenu li#ecocontrol a:hover {height:149px; he\ight:0;}

/* @end */





/* Titres de pages -----------------------------*/
#redac hr{
	color:#FFF;
	border: 0px;
	border-bottom: 1px solid #5EB423;
	height: 0px;
	position : absolute;
	top: 155px;
	width: 684px;/*avec absolu il perd son*/
}


#redac h2 {
	text-indent	: -5000px;
	height: 25px;
	position : relative;/*pour repasser au dessus du hr;*/
	/*border-bottom: 1px solid #5EB423;*/
}

#redac h2 span{
	background: red;
	width: 200px;
	height: 2px;	
}

#fr #redac.baume h2{background : url(ima/titre_baume.gif) no-repeat -3px 0px;}
#fr #redac.utilisation h2{background : url(ima/titre_utilisation.gif) no-repeat -3px 0px;}
#fr #redac.distribution h2{background : url(ima/titre_distribution.gif) no-repeat -3px 0px;}
#fr #redac.ecocontrol h2{background : url(ima/titre_ecocontrol.gif) no-repeat -3px 0px;}
#en #redac.baume h2{background : url(ima/titre_baume_EN.gif) no-repeat -2px 0px;}
#en #redac.utilisation h2{background : url(ima/titre_utilisation_EN.gif) no-repeat -2px 0px;}
#en #redac.distribution h2{background : url(ima/titre_distribution_EN.gif) no-repeat -2px 0px;}
#en #redac.ecocontrol h2{background : url(ima/titre_ecocontrol_EN.gif) no-repeat -2px 0px;}
#de #redac.baume h2{background : url(ima/titre_baume_DE.gif) no-repeat -2px 0px;}
#de #redac.utilisation h2{background : url(ima/titre_utilisation_DE.gif) no-repeat -2px 0px;}
#de #redac.distribution h2{background : url(ima/titre_distribution_DE.gif) no-repeat -2px 0px;}
#de #redac.ecocontrol h2{background : url(ima/titre_ecocontrol_DE.gif) no-repeat -2px 0px;}


/*---------- MENU FR -----------*/
#fr #navig_contenu li#ecocontrol{ background : transparent url(ima/ecocontrol_FR.gif) 0px 0px no-repeat;}
#fr #navig_contenu li#baume{ background : transparent url(ima/menu_FR.gif) 0px 0px no-repeat;}
#fr #navig_contenu li#utilisation{ background : transparent url(ima/menu_FR.gif) 0px -82px no-repeat;}
#fr #navig_contenu li#distribution{ background : transparent url(ima/menu_FR.gif) 0px -110px no-repeat;}

#fr #navig_contenu li#ecocontrol a:hover{ background : transparent url(ima/ecocontrol_FR_over.gif) 0px 0px no-repeat;}
#fr #navig_contenu li#baume a:hover{ background : transparent url(ima/menu_FR_over.gif) 0px 0px no-repeat;}
#fr #navig_contenu li#utilisation a:hover{ background : transparent url(ima/menu_FR_over.gif) 0px -82px no-repeat;}
#fr #navig_contenu li#distribution a:hover{ background : transparent url(ima/menu_FR_over.gif) 0px -110px no-repeat;}

#fr #navig_contenu li#ecocontrol a.choix{ background : transparent url(ima/ecocontrol_FR_choix.gif) 0px 0px no-repeat;}
#fr #navig_contenu li#baume a.choix{ background : transparent url(ima/menu_FR_choix.gif) 0px 0px no-repeat;}
#fr #navig_contenu li#utilisation a.choix{ background : transparent url(ima/menu_FR_choix.gif) 0px -82px no-repeat;}
#fr #navig_contenu li#distribution a.choix{ background : transparent url(ima/menu_FR_choix.gif) 0px -110px no-repeat;}
/* @end */




/*---------- MENU EN -----------*/
#en #navig_contenu li#ecocontrol{ background : transparent url(ima/ecocontrol_EN.gif) 0px 0px no-repeat;}
#en #navig_contenu li#baume{ background : transparent url(ima/menu_EN.gif) 0px 0px no-repeat;}
#en #navig_contenu li#utilisation{ background : transparent url(ima/menu_EN.gif) 0px -82px no-repeat;}
#en #navig_contenu li#distribution{ background : transparent url(ima/menu_EN.gif) 0px -110px no-repeat;}

#en #navig_contenu li#ecocontrol a:hover{ background : transparent url(ima/ecocontrol_EN_over.gif) 0px 0px no-repeat;}
#en #navig_contenu li#baume a:hover{ background : transparent url(ima/menu_EN_over.gif) 0px 0px no-repeat;}
#en #navig_contenu li#utilisation a:hover{ background : transparent url(ima/menu_EN_over.gif) 0px -82px no-repeat;}
#en #navig_contenu li#distribution a:hover{ background : transparent url(ima/menu_EN_over.gif) 0px -110px no-repeat;}

#en #navig_contenu li#ecocontrol a.choix{ background : transparent url(ima/ecocontrol_EN_choix.gif) 0px 0px no-repeat;}
#en #navig_contenu li#baume a.choix{ background : transparent url(ima/menu_EN_choix.gif) 0px 0px no-repeat;}
#en #navig_contenu li#utilisation a.choix{ background : transparent url(ima/menu_EN_choix.gif) 0px -82px no-repeat;}
#en #navig_contenu li#distribution a.choix{ background : transparent url(ima/menu_EN_choix.gif) 0px -110px no-repeat;}

/*---------- MENU DE -----------*/
#de #navig_contenu li#ecocontrol{ background : transparent url(ima/ecocontrol_EN.gif) 0px 0px no-repeat;}
#de #navig_contenu li#baume{ background : transparent url(ima/menu_DE.gif) 0px 0px no-repeat;}
#de #navig_contenu li#utilisation{ background : transparent url(ima/menu_DE.gif) 0px -82px no-repeat;}
#de #navig_contenu li#distribution{ background : transparent url(ima/menu_DE.gif) 0px -110px no-repeat;}

#de #navig_contenu li#ecocontrol a:hover{ background : transparent url(ima/ecocontrol_EN_over.gif) 0px 0px no-repeat;}
#de #navig_contenu li#baume a:hover{ background : transparent url(ima/menu_DE_over.gif) 0px 0px no-repeat;}
#de #navig_contenu li#utilisation a:hover{ background : transparent url(ima/menu_DE_over.gif) 0px -82px no-repeat;}
#de #navig_contenu li#distribution a:hover{ background : transparent url(ima/menu_DE_over.gif) 0px -110px no-repeat;}

#de #navig_contenu li#ecocontrol a.choix{ background : transparent url(ima/ecocontrol_EN_choix.gif) 0px 0px no-repeat;}
#de #navig_contenu li#baume a.choix{ background : transparent url(ima/menu_DE_choix.gif) 0px 0px no-repeat;}
#de #navig_contenu li#utilisation a.choix{ background : transparent url(ima/menu_DE_choix.gif) 0px -82px no-repeat;}
#de #navig_contenu li#distribution a.choix{ background : transparent url(ima/menu_DE_choix.gif) 0px -110px no-repeat;}
/* @end*/