@charset "iso-8859-1";
/* CSS Document */
* {margin:0; padding:0; border: none; text-decoration: none; }    ul li {list-style: none}
body {font-family:  Verdana, Helvetica, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; 
font-size: 12px; text-align: center;  background-color: #f4a203 }

h1#tohome  {  position:absolute;  
background-color: transparent;
zoom: 1;
left: 30px!important ;left: 20px;  top: 1px; z-index: 50 }

h1#slogan{ position:absolute; top:15px; left:374px; text-align:center; width:332px}

 
h3 { padding: 4px 10px; font-size: 16px; font-weight: normal; }

h2 {margin: 30px 0 20px 30px; width: 440px;
padding: 0 0 0 21px; 
background: url(../images/puce/puce-h2.jpg) 0 10px no-repeat; }

h3, caption {font: normal 20px "Trebuchet MS";  color: #8f5515; margin: 15px 0 0 30px; }
p { font: normal 13px/19px "Trebuchet MS";  }


a{color: #8c662f; font-weight: normal; text-decoration: underline; }
a:hover {color:#8c662f; font-weight: normal; text-decoration: none }

acronym {border-bottom: 1px dotted #531d61; }

#actua-link { float :right; margin: 10px 0 0 0px; background: url(../images/puce/pucelog.jpg) top left no-repeat; padding: 0 0 0 17px;  }
#actua-link a{ font: bold 12px arial; text-decoration: none;  }
#actua-link a:hover { color:#fca001 }


/*------------------   Astuces - - - - - */

div#astuce{ background:url(../images/fond/astuce.jpg) left top no-repeat; width:934px; height:190px; margin:10px auto; position:relative}
div.astuces { position: absolute; top: 121px; left: 144px; width: 782px; height: 50px;}
div.astuces h3{font: bold 14px "Trebuchet MS"; color: #8f5515 ; margin: 0; padding: 0  }
div.astuces p{font: normal 11px/11px "Trebuchet MS"; color: #000000  ;   }

/*Image visu home     */
img.visu_home {position: absolute; top: 20px; left: 658px;}




/* (----------)  ZONES    */

#feelz p, div#feelz ul li , a.esp-zen, .esp-mince li a , .esp-zone li a, a.esp-start, a.esp-boost ,p.titlePromo a{color: #65400c; font: bold 11px "Trebuchet MS"; text-decoration: none;}
p.titlePromo a{ line-height:100% }
a.esp-zen:hover, .esp-mince li a:hover , .esp-zone li a:hover, a.esp-start:hover, a.esp-boost:hover, p.titlePromo a:hover {color:#fca001; font: bold 11px "Trebuchet MS"; text-decoration: none; }
p.titlePromo a:hover{ line-height:100% }
.esp-zone a, .esp-zone li,{ line-height: 0.2;} 
.feel-start, .feel-mince, .feel-zone , .feel-boost , .feel-zones {height: 134px; width: 93px}

.esp li{ margin:9px 0}
.esp li a:hover{ color:#FF6600}

.feel{ width:115px; margin:0 13px}

.promotions {width: 185px; margin:0 auto}
	
.promotions p.titlePromo a { font-weight:bold; font-size:20px; color:#e7650f  }

#feelz .promotions p.descPromo{ line-height:100%; font-weight:normal; font-size:16px;}
#feelz .promotions p.descPromo a { line-height:100%; font-weight:normal; font-size:14px; font-weight:normal }

.feel-start { position: absolute;top: 380px; left: 299px;  }
.feel-mince { position:absolute;top: 380px; left: 439px;  }
.feel-zone { position: absolute;top: 380px; left: 582px; }
.feel-boost {position:absolute;top: 380px; left: 718px;  text-align: center;  }
.feel-zen {position:absolute;top: 380px; left: 857px;  }
a.esp-zen{margin: 0 0 0 2px; }



.supLinks {
position: absolute; 
	top: 20px;left: 533px;
text-align: right;
	width: 400px; 
	color: #65400c; 
	font: bold 11px "Trebuchet MS"; }

.supLinks a{text-decoration: none; color: #65400c; font: bold 11px "Trebuchet MS"; }
.supLinks a:hover{text-decoration: underline; font: bold 11px "Trebuchet MS"; }


/* --- ------------------Menu horizontal ---  */

div#menu_top ul {height: 30px; width:1000px;  background: url(../images/fond/mo.jpg) top left repeat-x}
div#menu_top ul li{display: block; float: left; color: white ;  }
div#menu_top a { display: block; float: left; background-repeat: no-repeat;}


a.accueil  {background: url(../images/menu/accueil.jpg) top left ;width: 110px; height: 31px ;}
a.accueil:hover {background: url(../images/menu/accueil2.jpg) top left }

a.qui  {background: url(../images/menu/qui.jpg) top left ; width: 118px; height: 31px ;}
a.qui:hover {background: url(../images/menu/qui2.jpg) top left }

a.methode  {background: url(../images/menu/methode.jpg) top left ;width: 101px; height: 31px ;}
a.methode:hover  {background: url(../images/menu/methode2.jpg) top left }

a.comment  {background: url(../images/menu/comment.jpg) top left ;width: 142px; height: 31px ; }
a.comment:hover  {background: url(../images/menu/comment2.jpg) top left  }

a.presse {background: url(../images/menu/presse.jpg) top left ;width: 90px; height: 31px ; }
a.presse:hover {background: url(../images/menu/presse2.jpg) top left }

a.contact {background: url(../images/menu/contact.jpg) ;width: 88px; height: 31px ; }
a.contact:hover {background: url(../images/menu/contact2.jpg)}

a.livre {background: url(../images/menu/livre.jpg) ;width: 97px; height: 31px ; }
a.livre:hover {background: url(../images/menu/livre2.jpg)}



/* ------------------ MENU GAUCHE ----------------*/	
div#part-left {} 

form.loginact {width: 161px; 
 height: 250px; text-align :right; 
 position: absolute;
top: 26px; left: 19px; 
 background: url(../images/titre/esp-feeling.jpg) 0px -6px  no-repeat;
  padding: 42px 0 0 0; }

form.loginact label{display: block;  }
form.loginact input.champs{ background-color: white; border: 1px solid #acacac; width: 97px;  }
.connex {margin: 8px 0 6px 0px !important ; margin: 8px 0 -2px 0px; }

form.loginact a, form.loginact label{color: #8c662f; font: normal 10px arial; }

.bienvenue {position: absolute; top: 31px; left: 214px; width: 410px; height:175px; background:url(../images/fond/bienvenue.jpg) left top no-repeat  }
.bienvenue div {position: absolute; top: 11px; left: 55px; }
.bienvenue strong{      color: #65400c;   }
.bienvenue p.titlebienvenue {color: #65400c; font: bold 24px "Trebuchet MS"; margin: 0 0 0px 0px; }
.bienvenue p.titlebienvenue:first-letter {color: #65400c; font: bold 32px "Trebuchet MS"; }
.bienvenue p { font: bold 11px "Trebuchet MS"; }

.listezones{ margin:0 auto; width:95%;}
.plusf{ width:215px}



.bonjour {   margin: 13px 0 6px 26px;  
 background: url(../images/titre/esp-feeling.jpg) -3px 0 no-repeat;
  padding: 40px 0 0 4px; }
  
.bonjour span{ 
font: bold 12px "Trebuchet MS"; 
color: #f4a203; 
text-align: left;  }

ul.loggged {  margin: -3px 0 0 20px; 
text-align :left; width: 161px; 
line-height: 13px;}

ul.loggged li{margin: 0 0 2px 0px; 
background: url(../images/puce/pucelog.jpg) top left no-repeat;  padding: 0 0 0 14px; }
ul.loggged li a{text-decoration:none }
ul.loggged li a:hover{text-decoration:underline }



/* ------------------ CONTENEURS DE LA PAGE ----------------*/	

#main {  width: 1000px; margin: 0 auto; position: relative; }	
#content_spread {position: relative; margin: 0 auto; width: 1000px;}
div#content{position: relative; margin: 0 auto; width: 1000px; text-align:left; }

/*Nletter - - - -  */
#nletter {position: absolute; bottom: 112px!important ; bottom: 130px; 
left: 755px; width: 242px}
#nletter input.ch{border: 1px solid #acacac; height: 12px; font: normal 10px arial; margin-right: 5px;}
#nletter input.but{position:relative; top: 4px; left: 0px; }


/*- - - - Footer --  -   */
.links_img {width: 949px; text-align: center;margin: 0 auto; background:url(../images/fond/optionsfooter.jpg) left 0px no-repeat; height:73px; padding-top:0}

.links_img a{margin: 0 7px; text-decoration: none; }

div#outro p a, div#outro p{color: white; font: normal 10px arial; }
div#outro p a:hover{text-decoration: underline;  }

p.outleft{float: left; position:relative; top: -40px!important ;  top: -45px;left: 30px;  }
p.outmiddle{text-align: center; position:relative; top: -40px!important ; top: -45px;  }
p.outright{float: right;position:relative; top: -45px!important ; top: -45px; left: -30px  }
p.outright img{position:relative; top: 5px; left: 2px;   }

.partnerfooter{width:961px; text-align:center; color:#e36f02; font-size:11px; font-weight:bold; margin:0 auto; position:relative; top:-30px}
.partnerfooter a{color:#e36f02; font-size:11px; font-weight:bold; text-decoration:none}
.partnerfooter a:hover{color:#e33202;}

/* - - - - - - - - - - - - - -  --  - - - - -  - - - -*/
.clear {clear:both; display: none }
.clear2 {clear:both; visibility: hidden; }
.kill {display: none;}
.fleft {float: left}   .flright {float: right}
.padup {margin: 5px 0 0 0}
.bordered {border: 1px solid #531d61}
.italicenter {text-align: center;  font-style:italic; margin: 5px 0}
.bitalicenter {text-align: center; font-weight: bold; font-style:italic; margin: 5px 0}
.marginleft {margin: 0 0 0 20px}
.center {text-align: center}
.boldcenter  {text-align: center; font-weight: bold}
.boldcolor {color: #531d61 ; font-weight: bold}
.centercolor {text-align: center; color: #531d61 ; padding: 6px 0px; }
.noborder {border: none; }
.nobordernobg {border: none; background-color: #915B39 }
.full {width: 100%}
.zoom {position:relative; zoom: 1}
.valid_button {border: none ; float: left; }
.margindown {margin: 0 0 -10px 0px; }

a.esp, 
.esp a, .esp{ font-size:12px; font-weight:bold; text-decoration:none; line-height:6px}


ul.esp li a     { font-size:12px; font-weight:bold; text-decoration:none;  display: block; line-height:9px}