/*----------------------------------------------------------
 Grimtout
----------------------------------------------------------*/


/* ========================================================================
 * Reset CSS
 * ========================================================================*/

@import "reset.css";

/* ========================================================================
 * Balises par défaut
 * ========================================================================*/
 
html {
height:100%;
background:#ec8b00 url(../images/fond/bg.gif) repeat-x 0 0;
}

body { 
height:100%;
/*background:url(../images/fond/marques.gif) no-repeat center top; */
font:normal normal normal 12px/24px tahoma,arial,sans-serif;
}
 
 

/* ========================================================================
 * Disposition
 * ========================================================================*/

/* -----------------------------------------
 * Disposition générale
 * ------------------------------------------*/

div#main {
width:987px;
margin:0 auto;
position:relative;
}

h1#logo {
position:absolute;
top: 3px;
left:0px;
}

div#content {
width:987px;
padding:171px 0 0 0;
}

	div#content div.mid{
	background:url(../images/fond/main_mid.gif) repeat-y 0 0;
	zoom:1;
	}
	
	div#content div.bot{
	background:url(../images/fond/main_bot.gif) no-repeat left bottom;
	padding:0 0 8px 0;
	zoom:1;
	}
	
	div#content div.top{
	background:url(../images/fond/main_top.gif) no-repeat left top;
	zoom:1;
	padding:0px 0 0 0;
	min-height:524px;
	}

div#footer {
width:987px;
padding:0 0 180px 0;
line-height:18px;
}

	div#footer div.c_1{
	width:987px;
	height:58px;
	background:url(../images/fond/footer_1.gif) no-repeat 0 0;
	}
	
		div#footer div.c_1 a{
		color:#979097;
		text-decoration:none;
		line-height:56px;
		margin:0 67px;
		}
	
	div#footer div.c_2{
	position:relative;
	}
	
		div#footer div.c_2 a{
		font-size:11px;
		color:#fff;
		font-weight:bold;
		text-decoration:underline;
		}
	
		div#footer div.c_2 p{
		border-right:1px solid #f1aa45;
		font-size:11px;
		color:#fff;
		font-weight:bold;
		text-align:right;
		padding:0 20px 0 0;
		height:151px;
		}
		
		div#footer div.c_2 p.picto{
		position:absolute;
		top:0;
		left:10px;
		width:470px;
		}
		
			div#footer div.c_2 p.picto a{
			margin:0 10px;
			}
		
		div#footer div.c_2 p.copyright{
		position:absolute;
		top:0;
		left:506px;
		width:214px;
		}
	
		div#footer div.c_2 p.adr{
		position:absolute;
		top:0;
		left:746px;
		width:214px;
		}
	
 
/* -----------------------------------------
 * Disposition des éléments courants
 * ------------------------------------------*/

/* __________ Navigation principale  */
div#menu-main {
width:629px;
height:158px;
background:url(../images/fond/rebonds.gif) no-repeat 0 0;
position:absolute;
top:0;
left:348px;
}						

div#link{
width:629px;
height:93px;
background:url(../images/menu/bg.gif) no-repeat 0 0;
position:absolute;
top:58px;
left:0;
}

div#link_1_hover{
width:561px;
height:109px;
background:url(../images/menu/bg_1.gif) no-repeat 0 0;
}

div#link_2_hover{
width:561px;
height:109px;
background:url(../images/menu/bg_2.gif) no-repeat 0 0;
}

div#link_3_hover{
width:561px;
height:109px;
background:url(../images/menu/bg_3.gif) no-repeat 0 0;
}

div#link_4_hover{
width:561px;
height:109px;
background:url(../images/menu/bg_4.gif) no-repeat 0 0;
}

#menu{
width:633px;
height:109px;
position:absolute;
top:48px;
left:0;
}

	ul#menu li{
	position:absolute;
	width:50px;
	}

		ul#menu a{
		display:block;
		position:absolute;
		}
		
		ul#menu a.link_1{
		width:95px;
		height:88px;
		top:0;
		left:7px;
		}
		
		ul#menu a.link_2{
		width:108px;
		height:40px;
		top:0;
		left:109px;
		}
		
		ul#menu a.link_3{
		width:100px;
		height:109px;
		top:0;
		left:223px;
		}
		
		ul#menu a.link_4{
		width:149px;
		height:85px;
		top:0;
		left:325px;
		}
		
		ul#menu a.link_5{
		width:104px;
		height:85px;
		top:0;
		left:471px;
		}

/* __________ Navigation secondaire  */
div#menu-add { }

/* __________ Fil d'arianne  */
div#navfil { }

/* -----------------------------------------
 * Disposition des pages internes
 * ------------------------------------------*/
 
  /* Bandeau déroulant */
 
 .mooquee
{
	padding: 0px;	
	
	/* don't change */
    position: absolute;
	/*overflow: hidden;*/
	white-space: nowrap;
	
}
.mooquee-text
{
	/* don't change */
	position: absolute;
	zoom:1;
}

/* */

 
 
/* __________ Home.php  */
div#home {
width:987px;
margin:0 auto;
background:url(../images/fond/home.jpg) no-repeat 0 0;
height:524px;
}

div.relative{
position:relative;
}

div.animation{
width:850px;
height:94px;
position:absolute;
top:11px;
left:80px;
}

#panoWB2 {
width:971px;
height:128px;
position:absolute;
top:11px;
left:8px;
overflow: hidden;
}
#panoImgWB2 {
height: 94px;
position: absolute;
top:-33px;
}
#panoImgWB2 img {
position:relative;
top:33px;
}

.texte {
font-size:24px;
line-height:94px;
color:#ed8f03;
font-family:"Comic Sans MS",sans-serif; 
}

.texte span{

}

div.qualitecosmetique{
width:258px;
height:237px;
position:absolute;
top:133px;
left:176px;
}

div.qualitecosmetique h3{
position:absolute;
top:6px;
left:22px;
}

div.qualitecosmetique p{
width:210px;
position:absolute;
top:45px;
left:30px;
color:#4b8800;
line-height:24px;
}

div.qualitecosmetique ul{
position:absolute;
top:144px;
left:50px;
}

div.qualitecosmetique ul li{
line-height:28px;
background:url(../images/puce/checkmark_vert.gif) no-repeat 0 7px;
padding:0 0 0 24px;
font-weight:bold;
color:#4b8800;
}

div.facileanettoyer{
width:274px;
height:237px;
position:absolute;
top:133px;
left:440px;
}

div.facileanettoyer h3{
position:absolute;
top:4px;
left:29px;
}

div.facileanettoyer p{
width:221px;
position:absolute;
top:45px;
left:30px;
color:#0094bb;
line-height:24px;
}

div.facileanettoyer ul{
position:absolute;
top:147px;
left:42px;
}

div.facileanettoyer ul li{
line-height:28px;
background:url(../images/puce/checkmark_bleu.gif) no-repeat 0 7px;
padding:0 0 0 24px;
font-weight:bold;
color:#0094bb;
}

div.grimtoutpres{
left:34px;
position:absolute;
top:400px;
}

div.grimtoutpres a.c_1{
display:block;
position:absolute;
top:24px;
left:11px;
}

div.grimtoutpres a.c_2{
display:block;
position:absolute;
top:24px;
left:129px;
}

/* Nouvelle page produit sans parabene */
.vert li   { color: #72c233  } 

.padMe  { padding: 20px 71px 15px 71px  } 
.accroche    { font: bold 13px verdana  } 

.nouveau    { position:relative; top: 2px; left: 0px;   } 

/* Produit 07 */


.bloc-gauche    { float: left; width: 250px;  margin: 0 35px 0 35px;   } 
.bloc-droite    { float: left; width: 250px;   }


.bloc-gauche h4   ,
.bloc-droite h4   {  font-size: 14px }

 



/* __________ Points de vente */
div#pointsdevente_fr,
div#pointsdevente_str {

}

div#pointsdevente_fr div.form,
div#pointsdevente_str div.form {
width:500px;
margin:0 auto; 
}

div#pointsdevente_fr p.resultat,
div#pointsdevente_str p.resultat{
padding:10px;
margin:0;
color:#30bde2;
text-align:center;
}

div#pointsdevente_fr div.magasin,
div#pointsdevente_str div.magasin {
padding:11px 25px;
background:url(../images/menu/bg_link.gif) repeat-x scroll left bottom;
}

div#pointsdevente_fr div.magasin a,
div#pointsdevente_str div.magasin a{
color:#30BDE2;
font-weight:bold;
text-decoration:none;
}

div#pointsdevente_fr label.lbleft,
div#pointsdevente_str label.lbleft{
float:left;
margin:0 10px 0 0;
text-align:right;
width:230px;
}

div#pointsdevente_fr input.text,
div#pointsdevente_str input.text{
border:1px solid #30bde2;
color:#000;
margin:0;
text-indent:3px;
width:220px;
font-family: Tahoma, Arial, sans-serif;
font-size:12px;
line-height:15px;
}

div#pointsdevente_fr select,
div#pointsdevente_str select{
border:1px solid #30bde2;
color:#000;
margin:0;
font-family: Tahoma, Arial, sans-serif;
font-size:12px;
line-height:15px;
}

div#pointsdevente_fr div.links,
div#pointsdevente_str div.links{
text-align:center;
font-weight:bold;
color:#86c000;
}

div#pointsdevente_fr div.links a,
div#pointsdevente_str div.links a{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#30bde2;
padding:0 5px;
border:1px solid #96e9ff;
background:#f4fbff;
}

div#pointsdevente_fr div.links a:hover,
div#pointsdevente_str div.links a:hover {
font-size:14px;
font-weight:bold;
color:#30bde2;
padding:0 5px;
border:1px solid #30bde2;
background:#cff4ff;
}

div#pointsdevente_fr div.links span,
div#pointsdevente_str div.links span {
font-size:14px;
font-weight:bold;
color:#30bde2;
padding:0 5px;
border:1px solid #30bde2;
background:#cff4ff;
}

div#pointsdevente_fr .bold_red,
div#pointsdevente_str .bold_red {
font-weight:bold;
color:#30BDE2;
background:#daf0f6;
padding-left:10px;
}

/* __________ Contact.php  */
div#contact {
background:url(../images/fond/contact.jpg) no-repeat 533px 45px;
}

div#contact p {
margin:6px 0;
}

div#contact label.lbleft {
float:left;
margin:0 10px 0 0;
text-align:right;
width:180px;
}

div#contact input.text {
border:1px solid #CCCCCC;
font-family:tahoma,sans-serif;
font-size:12px;
margin:0;
padding:0 0 0 3px;
width:280px;
height:16px;
}

div#contact textarea {
border:1px solid #CCCCCC;
font-family:tahoma,sans-serif;
font-size:12px;
padding:0 3px;
width:274px;
}

div#contact p.conformement {
color:#999999;
font-size:10px;
line-height:11px;
padding:10px 0 0;
text-align:center;
}

/* __________ Mentions.php  */


/* __________ Pages en général */
div.page {
padding:24px 40px;
position:relative;
zoom:1;
}

div.page p { 
margin:10px 0;
}

div.page ul{ 
margin:10px 0; 
}

div.page h2.pink {
background:url(../images/fond/title_pink.gif) no-repeat 0 0;
padding:25px 45px;
text-align:center;
zoom:1;
}

div.page h2.blue {
background:url(../images/fond/title_blue.gif) no-repeat 0 0;
padding:25px 45px;
text-align:center;
zoom:1;
}

div.page h2.orange {
background:url(../images/fond/title_orange.gif) no-repeat 0 0;
padding:25px 45px;
text-align:center;
zoom:1;
}

div.page h2.yellow {
background:url(../images/fond/title_yellow.gif) no-repeat 0 0;
padding:25px 45px;
text-align:center;
zoom:1;
}

div.page h2.green {
background:url(../images/fond/title_green.gif) no-repeat 0 0;
padding:25px 45px;
text-align:center;
zoom:1;
}

div.page h4{
color:#f19700;
font-size:18px;
font-weight:bold;
font-family:"Comic Sans MS", sans-serif;
margin:45px 0 0 0;
}

div.page h3 {
color:#ea4e58;
font-size:24px;
font-family:"Comic Sans MS", sans-serif;
font-weight:bold;
margin:30px 0 20px 0;
background:url(../images/fond/vis_1.gif) no-repeat 0 0;
padding:50px 0 10px 70px;
zoom:1;
}

div.page a.link_01{
font-weight:bold;
color:#33CC99;
}

div.page h3 span{
background:url(../images/fond/h3_pink.gif) repeat-x left bottom;
padding:0 0 6px 0;
}

div.bg_green{
width:679px;
margin:20px auto;
background:url(../images/fond/bg_02.gif) repeat-y 0 0;
}

div.bg_green h4{
margin:0 0 25px 0;
color:#aadb13;
}

div.bg_green .top_green{
background:url(../images/fond/bg_top.gif) no-repeat top left;
zoom:1;
}

div.bg_green .bottom_green{
background:url(../images/fond/bg_bottom.gif) no-repeat bottom left;
padding:20px 30px; overflow: hidden; 
}

div.bg_rose{
width:883px;
height:412px;
background:url(../images/fond/bg_03.gif) no-repeat 0 0;
padding:12px;
}

div.bg_jaune{
width:883px;
height:1216px;
background:url(../images/fond/bg_04.gif) no-repeat 0 0;
padding:12px;
}

div.bg_turquoise{
width:883px;
height:1350px;
background:url(../images/fond/bg_05.gif) no-repeat 0 0;
padding:12px;
}

div.bg_jaune h3,
div.bg_turquoise h3,
div.bg_rose h3{
margin:0 !important;
}

table.list-products{}
table.list-products td{
vertical-align:top;
padding:5px 10px 14px 10px;
height:114px;
}

table.list-products td td{
vertical-align:top;
padding:0 10px;
}

table.list-products p{
font-size:11px;
line-height:12px;
margin:3px 0 12px 0;
}

table.list-products td p.pad-dif    { margin: 4px 0 7px 0   } 


table.list-products a{
color:#fff;
text-decoration:none;
font-weight:bold;
}

table.list-products a:hover{
text-decoration:underline;
}

table.list-products h4{
margin:0;
text-align:center;
color:#fef55a;
}

table.list-products td.bg_1{
background:url(../images/fond/bg_001.gif) no-repeat 4px 2px;
}

table.list-products td.bg_2{
background:url(../images/fond/bg_002.gif) no-repeat 4px 2px;
}

table.list-products td.bg_3{
background:url(../images/fond/bg_003.gif) no-repeat 4px 2px;
}

table.list-products td.bg_4{
background:url(../images/fond/bg_004.gif) no-repeat 4px 2px;
}

table.list-products td.bg_5{
background:url(../images/fond/bg_005.gif) no-repeat 4px 2px;
}

table.list-products td.bg_6{
background:url(../images/fond/bg_006.gif) no-repeat 4px 2px;
}

p#ref_prize    { height: 70px;   } 
/* Page product 12 */
.product09    { margin: 0 auto;   } 
	.product09 td   { vertical-align: top; padding: 10px 0 0 0;  } 
		.first      { margin: 0 0 37px 0px;    } 

/* Page product 13 */
.first-element-pyramide    { width: 380px; margin: 0 auto 25px auto;   } 		 
.pyramide  { width: 100%; margin : 20px 0 15px 0   } 
	.pyramide td { text-align: center;  width: 33%; } 

	.pyramide2    {  width: 100%; margin : 20px auto 15px    } 
	.pyramide2 td { text-align: center;  width: 33%; } 

.last-element-pyram    { width: 340px; margin: 0 auto;  text-align: center;  } 	
/* ========================================================================
 * Classes générales
 * ========================================================================*/

.denied ul li               { color:#C4000C; font-weight:bold; list-style-position:inside; list-style-type:square; margin:0 0 0 30px; padding:3px 0; line-height:14px; }
.clear                      { clear:both; }
.nodisplay                  { display:none; }
.center                     { text-align:center; }
.italic			            { font-style:italic; }
.bold			            { font-weight:bold; }
.bita			            { font-style:italic; font-weight:bold; }
.right                      { text-align:right; }
.flright                    { float:right; }
.flleft                     { float:left; }
.link-basic   				{ color:#EA4E58; font-weight:bold; font-size:13px; }

ul.puced_checkgreen li      { line-height:28px; background:url(../images/puce/checkmark_vert.gif) no-repeat 0 7px; padding:0 0 0 24px; font-weight:bold; color:#68b20d; }
ul.puced_pink li            { line-height:28px; background:url(../images/puce/puce_pink.gif) no-repeat 0 8px; padding:0 0 0 24px; font-weight:bold; color:#d445e0; }
ul.puced_yellow li          { line-height:28px; background:url(../images/puce/puce_yellow.gif) no-repeat 0 8px; padding:0 0 0 24px; font-weight:bold; color:#f19700; }
ul.puced_blue li            { line-height:28px; background:url(../images/puce/puce_blue.gif) no-repeat 0 8px; padding:0 0 0 24px; font-weight:bold; color:#55aee3; }
ul.puced_orange li          { line-height:28px; background:url(../images/puce/puce_orange.gif) no-repeat 0 8px; padding:0 0 0 24px; font-weight:bold; color:#ec7500; }
.warning                    { font-style:italic; color:#ea3838; }

.puced_flgreen              { background:url(../images/puce/fl_green.gif) no-repeat 0 7px; text-indent:20px; }
.puced_flgreen strong       { color:#31beac; }

.pink                       { color:#d445e0; }
.nota                       { font-size:10px; }

table.table_01 td           { padding:10px;text-align:center }
table.table_01 td h5          { font-size:11px; line-height:15px; color:#9bcd00;}

table.table_02 td           { padding:5px; text-align:center}
table.table_02 td h5          { font-size:11px; line-height:15px; color:#9bcd00;}

.fond_01					{ width:266px; height:194px; background:url(../images/fond/fond_01.jpg) no-repeat 0 0; }
.fond_01 h4					{ color:#efd9bd !important; }
.fond_02					{ width:266px; height:194px; background:url(../images/fond/fond_02.jpg) no-repeat 0 0; }
.fond_02 h4					{ color:#dff3b4 !important; }
.fond_03					{ width:266px; height:194px; background:url(../images/fond/fond_03.jpg) no-repeat 0 0; }
.fond_03 h4					{ color:#c9f4ff !important; }

.fonds_conseils             { padding:27px 0 0 232px; }
.fonds_conseils h4          { margin:0 !important;  }
.fonds_conseils a        	{ color:#fff; font-weight:bold; text-decoration:none; }
.fonds_conseils a:hover        	{ text-decoration:underline; }

/* ========================================================================
 * IE Patchs (PNG fix, hasLayout triggers, etc.)
 * ========================================================================*/