/*----------------------------------------------------------
	Style principal
	Projet:
	Sommaire:
		Reset css
		Balises par défaut
		Disposition
			Disposition générale
			Disposition des éléments courants
				Navigation principale
				Navigation secondaire
			Disposition des pages internes
				Home
				Articles
				Contact
				Mentions
		Classes générales
		IE Patchs (PNG fix, hasLayout triggers, etc.)
----------------------------------------------------------*/


/* ========================================================================
 * 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;
}
 
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { }
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a { }
a:link { }
a:visited { }
a:hover { }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }

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

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

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

h1#logo {
position:absolute;
top:25px;
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:578px;
height:158px;
background:url(../images/fond/rebonds.gif) no-repeat 0 0;
position:absolute;
top:0;
left:400px;
}						

div#link{
width:578px;
height:103px;
background:url(../images/menu/bg.gif) no-repeat 0 0;
position:absolute;
top:48px;
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;
}

ul#menu{
width:561px;
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:13px;
}

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{
position:absolute;
top:395px;
left:30px;
}

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

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

/* __________ 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;
}

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:10px 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;
}


/* ========================================================================
 * 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.)
 * ========================================================================*/