/****************CSS from NEOMA-INTERACTIVE.com - june2007**************/
* {
  margin: 0px;
  padding: 0px;
}
a {text-decoration: none; border: 0px; color: #fff; }
li { list-style: none; }
.left { float: left; }
a img  { border: 0px; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }

.inside{ width:891px; margin:0 auto; }
body {
  color: #aze;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 19px;
}
.papillon {
  background:url(../site/images_produits/bg.gif) top center;
}
/*********************************HEADER*****************************/
#header {
height:100px;
}

#logo a {
display:block;
height:100px;
width:350px;
text-indent: -3000px;
background: url(../site/images_produits/logo.jpg) no-repeat;
margin-right: 245px;
float:left;
}

/**************************************** PROFIL *****************************/
#profil {
padding-top:7px;
}
#profil h3 {
color:#9eb629;
font-size:12px;
line-height: 20px;
}
.inputform {
border: 1px solid #dde4b3;
background:#d2da96;
height:15px;
width: 100px;
color:#fff;
font-size:10px;
margin-bottom: 3px;
}
.premierevisite {
font-size: 9px;
color:#b1b2b0;
letter-spacing: -1px;
}
.premierevisite a {
color:#9cb328;
}
form {
float:left;
width: 170px;
}
.nbe_article a {
background: url(../site/images_produits/panier.gif) no-repeat;
padding-left: 25px;
color:#9eb629;
}
.nbe_article a:hover {
text-decoration:underline;
}

/***************************************MENU***********************************/
#menu {
background: #c7d6df;
margin-bottom: 3px;
height:25px;
}
#menu li {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
float:left;
border-left: 3px solid #fff;
line-height:25px;
text-align:center;
}
.m_produits a {
display:block;
width:180px;
height:25px;
background: #942e86;
}
.m_points a {
display:block;
width:218px;
height:25px;
background: #8d4892;
}
.m_contacter a {
display:block;
width:185px;
height:25px;
background: #744d96;
}
.m_newsletter a {
display:block;
width:157px;
height:25px;
background: #6763a5;
}
.m_blog a {
display:block;
width:133px;
height:25px;
background: #85cfef;
border-right: 3px solid #fff;
}
.m_produits a:hover {
background: #801a72;
}
.m_points a:hover {
background: #79347e;
}
.m_contacter a:hover {
background: #603982;
}
.m_newsletter a:hover {
background: #534f91;
}
.m_blog a:hover {
background: #71bbdb;
}
/*********************************SOUSMENU**************************/
#sousmenu {
background: url(../site/images_produits/bg-sousmenu.gif) repeat-x;
height:100px;
line-height: 13px;
font-size:11px;
}
#sousmenu span {
font-size:16px;
margin-bottom: 10px;
display:block;
font-weight:bold;
}
.testez {
padding: 7px;
background:url(../site/images_produits/bg-testez.jpg) no-repeat;
height:84px;
width:279px;
border-left: 3px solid #fff;
float:left;
}
.presse {
padding: 7px;
height:84px;
width:279px;
background:url(../site/images_produits/bg-presse.jpg) no-repeat;
border-left: 3px solid #fff;
float:left;
}
.ecolo {
padding: 7px;
height:84px;
width:279px;
background:url(../site/images_produits/bg-ecolo.jpg) no-repeat;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
float:left;
}
.testez a:hover {
text-decoration:underline;
}
.presse a:hover {
text-decoration:underline;
}
.ecolo a:hover {
text-decoration:underline;
}

.ill-testez {
position: absolute;
left: 200px;
top: 50px;
}
/********************************CONTENT******************************/
#gauche{
float:left;
width:430px;
}
#droite{
float:right;
width:430px;
}


#papillon {
position: absolute;
background:url(../site/images_produits/papillon.jpg);
margin-left: 580px;
margin-top: 6px;
height: 498px;
width: 200px;
float: left;
}
#g-contenu {
	width:290px;
	float:left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #78b52a;
	border-right-color: #78b52a;
	border-bottom-color: #78b52a;
	border-left-color: #78b52a;
}

#contenu img {
display:block;
float:left;
margin-right:10px;
}
#contenu p {
margin:0 0 20px 0;
}
#contenu a {
color: #78b52a; 
}
#contenu a:hover {
text-decoration:underline;
}
#d-contenu {
position:relative;
float:left;
width:596px;
height: 515px;
background: url(../site/images_produits/bg-produits.jpg) no-repeat;
}
#d-contenu a:hover {
text-decoration:underline;
}
#d-contenu h3 {
line-height: 15px;
margin-bottom: 3px;
font-size:14px;
color:#900077;
letter-spacing: -1px;
}
#d-contenu h3 a{
line-height: 15px;
margin-bottom: 3px;
font-size:14px;
color:#900077;
letter-spacing: -1px;
}
#d-contenu p {
line-height: 14px;
font-size: 11px;
color:#85ae00;
}
.commander a {
font-size:11px;
font-weight:bold;
color:#f10069;
}
.peaudorange {
width: 250px;
position: absolute;
top:37px;
left: 10px;
float:left;
}
.peaufatiguee {
width: 250px;
position: absolute;
top:267px;
left: 10px;
float:left;
}
.peauseche {
width: 250px;
text-align:right;
position: absolute;
top:152px;
left: 345px;
float:left;
}
.peaugrasse {
width: 250px;
text-align:right;
position: absolute;
top:385px;
left: 345px;
float:left;
}
/***************************FOOTER**********************************/
#footer {
padding: 70px 0 0 0;
background: url(../site/images_produits/herbe.jpg) repeat-x;
height: 180px;
color: #fff;
line-height:40px;
}
#footer a:hover {
text-decoration:underline;
}
.fter_cgv a {
font-size:9px;
margin-right:40px;
}
.fter_mentions a {
font-size:9px;
margin-right:130px;
}
.fter_sommes a {
margin-right: 30px;
}
.fter_presse a {
margin-right: 30px;
}
.fter_partenaires a {
margin-right: 30px;
}
.fter_cpt a {
clear:both;
}