@charset "utf-8";
/* CSS DU SITE ANNE ET VOUS */

/*reset*/
* { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; color:#5e685b; border:0; }
body { margin:0; padding:0; width:100%; height:100%; }
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
ul li { list-style:none; background:no-repeat url(../images/anne-et-vous/puce.gif) 0px 5px; padding:0px 0px 0px 15px; color:#5e685b; margin-top:5px; margin-left:10px; }
input { border:1px solid #9E9185; }
/* classes générales */
.fLeft { float:left; }
.fRight { float:right; }
/* Structure globale */
#anne-et-vous { width:1000px; height:645px; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-320px; background:no-repeat url(../images/anne-et-vous/fondBambou.jpg); background-repeat:no-repeat !important }
#anne-et-vous #header { height:162px; width:1000px; }
#anne-et-vous #header #logo { height:162px; width:265px; }
#anne-et-vous #header #bandeauMenuHaut { height:162px; width:735px; }
#anne-et-vous #header #bandeauMenuHaut .menu { height:19px; width:725px; padding-left:10px; }
#anne-et-vous #header #bandeauMenuHaut .menu a:link, #anne-et-vous #header #bandeauMenuHaut a:visited { display:block; background:#ffffff; height:16px; width:129px; float:left; margin-left:18px; text-align:center; color:#000000; font-size:10px; padding:3px 0px 0px 0px }
#anne-et-vous #header #bandeauMenuHaut .menu a:hover, #anne-et-vous #header #bandeauMenuHaut .menu a:active { background:#9E9185; color:#FFF; text-decoration:none }
#anne-et-vous #header #bandeauMenuHaut .menu a.cliked { background:#9E9185; color:#FFF; }
#anne-et-vous #header #bandeauMenuHaut .menu a.first { margin:0; }
#anne-et-vous #contenu { float:left; margin-top:38px; width:1000px; height:483px; padding:0px 0px 0px 0px; }
#anne-et-vous #contenu #gauche { width:204px; float:left; padding:0px 0px 0px 33px }
#anne-et-vous #contenu #gauche .menu a:link, #anne-et-vous #contenu #gauche .menu a:visited { display:block; background:url(../images/anne-et-vous/fond_menuGauche.png); width:171px; float:left; margin-bottom:16px; color:#000; font-size:12px; padding:7px 0px 7px 31px; line-height:14px !important; }
#anne-et-vous #contenu #gauche .menu a:hover, #anne-et-vous #contenu #gauche .menu a:active, #anne-et-vous #contenu #gauche .menu a.cliked { background:url(../images/anne-et-vous/fond_menuGauche.jpg); text-decoration:none; }
#anne-et-vous #contenu #centre { width:676px; float:right; margin:0px 10px 0px 0px !important; background:#FFF; padding:20px; }
#anne-et-vous #contenu #illustration { float:left; margin-top:10px; margin-left:10px; }
#anne-et-vous #contenu #texte { overflow-y : auto; float:right; height:350px; width:405px; font-size:11px; color:#5e685b; margin-top:10px;scrollbar-face-color: #FFFFFF;scrollbar-shadow-color: #9ea79c;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #9ea79c;scrollbar-darkshadow-color: #FFF;scrollbar-track-color: #FFF;scrollbar-arrow-color: #9ea79c; }
#anne-et-vous #contenu #texte h1 { font-size:13px; }

/* gestion des background */
.fond1 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_1.jpg); }
.fond2 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_2.jpg); }
.fond3 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_3.jpg); }
.fond4 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_4.jpg); }
.fond5 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_5.jpg); }
.fond6 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_6.jpg); }
.fond7 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_7.jpg); }
.fond8 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_8.jpg); }
.fond9 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_9.jpg); }
.fond10 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_10.jpg); }
.fond11 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_11.jpg); }
.fond12 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_12.jpg); }
.fond13 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_13.jpg); }
.fond14 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_14.jpg); }
.fond15 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_15.jpg); }
.fond16 #anne-et-vous { background: url(../images/anne-et-vous/NAVI_16.jpg); }

/* Pages boutique */
body.pageBoutique h2 { color:#9E9185; font-size:1.4em; }
body.pageBoutique .category-head h2  { color:#9E9185; font-size:15px; }
body.pageBoutique .category-head { margin:0px 0px 10px 0px }
body.pageBoutique #anne-et-vous #header #bandeauMenuHaut .menu { height:19px; width:726px;  padding-left:9px;}
body.pageBoutique #anne-et-vous #contenu { float:left; margin-top:0px; width:1000px; height:483px; padding:0px 0px 0px 0px;margin-top:38px; }
body.pageBoutique #anne-et-vous #contenu #gauche { width:204px; float:left; padding:0px 0px 0px 33px }
body.pageBoutique #anne-et-vous #contenu #centre { width:676px; float:right; margin:0px 10px 0px 0px !important; background:#FFF; padding:20px; height:394px;}
body.pageBoutique #anne-et-vous #contenu #centre.boutique #texte { overflow-y : auto; float:left; height:385px; width:100%; font-size:11px; color:#5e685b; }

/* Liste des produits */
body.pageBoutique .grille_catalogue { margin:15px 0px 0px 0px }
body.pageBoutique .grille_catalogue .caseProduit { width:320px; float:left; margin:0px 0px 20px 0px}
body.pageBoutique .grille_catalogue .caseProduit .imageProd { float:left; display:block; width:100px; text-align:center; font-weight:bold; }
body.pageBoutique .grille_catalogue .caseProduit .imageProd img { margin:0px 0px 5px 0px }
body.pageBoutique .grille_catalogue .caseProduit .desc { float:right; width:200px; font-size:10px; }

/* Détails des produits */
body.pageBoutique #detailProd p  { margin:0; }
body.pageBoutique #detailProd li { height:auto; }
body.pageBoutique #detailProd .imageProd { float:left; text-align:center; }
body.pageBoutique #detailProd #desc { float:right; width:390px; }
body.pageBoutique #detailProd #desc #qty { border:1px solid #9E9185; width:50px }
body.pageBoutique #detailProd #desc .btnAjouter { background:none; }

/* Panier */
body.pageBoutique #panier { width:640px;}
body.pageBoutique #panier td { padding:10px; text-align:center;  }
body.pageBoutique #panier .a-right { text-align:right; }
body.pageBoutique #panier .qty { text-align:center; }
body.pageBoutique #panier  button { font-size:10px; }
#shopping-cart-totals-table { float:right; }
body .titrePanier { font-size:14px; font-weight:bold; margin-left:-30px; text-align:center; }

/* miniLogin / miniCart */
#miniLogin, #miniCart {  background:url(../images/anne-et-vous/fond_boiteLogin.png); float:left; font-size:10px;width:171px;margin-bottom:16px; color:#000; font-size:12px; padding:7px 0px 7px 31px; line-height:14px !important;  margin-top:14px; }
#miniLogin input,#miniCart input { margin:2px 0px 0px 0px;  }
#miniLogin a:link, #miniLogin a:visited,#miniCart a:link, #miniCart a:visited { display:inline !important; float:none !important; background:none !important; width:auto  !important; margin-bottom:0px !important; color:#000 !important; font-size:10px !important; padding:0 !important; line-height:14px !important; }
#miniLogin a:hover,#miniLogin a:active,#miniCart a:hover,#miniCart a:active  { background:url(../images/anne-et-vous/fond_menuGauche.jpg); text-decoration:none; }
#miniCart img { position:relative; left:-17px; }

/* Gestion des message error & sucess ******/
.messages li { list-style: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:none; margin-left:30px;   }
.success-msg li{  background:no-repeat url(../images/anne-et-vous/success.jpg) 0px 0px; padding:0px 0px 0px 25px; list-style:none; height:20px; }

/* menu gauche */
/******* FRMULAIREs : BTN ****/
.form-button, .form-button-alt {
    overflow:visible;
    width:auto;
    border:0;
    padding:1px 8px;
    background:#9E9185 ;
    color:#fff !important;
    border:1px solid #9E9185 ;
    font:bold 12px arial, sans-serif !important;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    }
.form-button span, .form-button-alt span {
    white-space:nowrap; color:#ffffff !important
    }

a.form-button-alt { padding:2px 9px; text-decoration:none; }
.form-button-alt:hover { color:#fff; text-decoration:none; }
.btn-checkout {
    display:block;
    float:right;
    background:transparent url(../images/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0;
    font-size:15px;
    font-weight:bold;
    padding-right:8px;
    }
.btn-checkout, .btn-checkout:hover {
    color:#fef5e5;
    text-decoration:none;
    }
.btn-checkout span {
    display:block;
    padding:0 17px 0 25px;
    background:transparent url(../images/btn_proceed_to_checkout_bg.gif) no-repeat;
    line-height:40px;
    }
	
	/* Formulaire contact */
#contact textarea { border:1px solid #9E9185;width:100%; font-size:12px; }
#contact .double-input { width:100% }

#liste_categ {  padding-right:15px; }
#bread {}
#content { clear:both; }



/* CSS BOX */ 

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#presseTable  td {  padding:10px 0 10px 0; vertical-align:top}

.product-specs { font-size:10px !important }
.product-specs li { height:auto; !important } 

.inputAnne { margin-bottom:10px;margin-top:5px;  width:235px; }
.textAreaAnne {  border:1px solid #9E9185; width:390px; margin-bottom:10px;  height:100px; font-size:12px;}
.input-box { margin-left:10px; }

h4.title { font-size:11px; }
.validation-advice { color:#BD1006 }