@charset "utf-8";
body {background-color:#ffffff; margin:0; padding:0; font-family:Century Gothic, "Century Gothic", CenturyGothic, "CenturyGothic", Century-Gothic, "Century-Gothic", Geneva, Trebuchet MS, Lucida; font-size:0.8em; color:#333333;}
p {text-align:justify; margin-left:4px; font-family:Century Gothic, "Century Gothic", CenturyGothic, "CenturyGothic", Century-Gothic, "Century-Gothic", Geneva, Trebuchet MS, Lucida; color:#6f6f6f; }
input {font-size:0.9em; font-family:Century Gothic, "Century Gothic", CenturyGothic, "CenturyGothic", Century-Gothic, "Century-Gothic", Geneva, Trebuchet MS, Lucida;}

/* Mise en page */
#global {margin: 0 auto; width:1060px; position:relative;}
#bandeau {position: relative; margin-bottom:5px; margin-top:10px; padding-top:10px;}
#liens-sociaux { width: 70px; float:right; overflow:hidden;}
#plus-google { width: 90px; height:25px;  }
#jaime { width: 90px; height:25px; }

#ariane {}
#ariane a, #ariane span{color:#F87A00;}
#menuHaut {margin-bottom:2px; position:relative; margin-top:25px; margin-left:-10px;}
#menuHaut img { position:relative; z-index:0; margin-right: 60px; }
#menuHautGauche a { margin-right: 20px; }
#centre {min-height:390px; overflow:hidden;}
#menuBas {margin-top:6px;}
#menuBas img { margin-right:55px;}
#menu-marque img { margin-right: 73px; margin-left: 10px; }
#menuHautGauche #menu-compte { margin: 0px; }
/*.scrollCentrZone { overflow:auto; height:400px; margin-left:20px; padding-top:20px;}*/
/*.scrollCentrZone {height:400px; padding:10px 20px; float:left; width:50%;}*/
#pied-infos {font-size:0.8em; height:90px; margin-top:6px;}
#pied-infos a, #pied-infos a:visited {text-decoration:none;}
#pied-infos a:hover { text-decoration:underline;}
#pied-infos .pied_col {float:left; width:180px;}
#pied-infos .pied_tete_col { font-size:11px; color:#6F6F6F; font-weight:bold;}
#pied-infos .pied_col ul {margin:0; padding:0; list-style:none;}
#pied-infos .pied_col li, #pied-infos .pied_col li a, #pied-infos .pied_col li a:visited { font-size:10px; color:#6F6F6F; }


/* Gel du JScroll */

/*.scrollCentrZone {height:400px;}
.scrollCentrZone2 {height:400px;}*/

/* Communs */
.pointer {cursor:pointer;}
.clear {clear:both;}
.erreur {color:#ff6600; text-align:center;}
.orange {color:#ff6600;}
.gris, a.gris, a.gris:visited {color:#6f6f6f;}
.padding { padding: 0px 0px 0px 0px; margin:0px;}
.input {border:#dadada 1px solid;}
.center {text-align:center;}
.gras {font-weight:bold;}
.w300 {width:300px;}
.w350 {width:350px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}

/* Bandeau */
#langues {float:left; margin-top:100px;}
#langues a { text-decoration:none; color:#6f6f6f; font-size:12px;}
#langues a:hover { text-decoration:none; color:#ff6600; font-size:12px;}
#langues .barreV { color:#ff6600;}
#logo { margin:0 auto; width:328px; position:relative;}
#allerPanier { float:right; text-align:right; margin-top:100px; position:relative;}
#allerPanier a, #allerPanier a:visited { text-decoration:none; color:#ff6600; font-size:12px;}
#allerPanier a:hover { text-decoration:underline; color:#ff6600; font-size:12px;}
#allerPanier a.lienGris { text-decoration:none; color:#6f6f6f; }
#allerPanier a:hover.lienGris { text-decoration:underline; color:#ff6600; }

/* Menu "La marque" */
/*#marqueSousMenu { position:absolute; left:-2000px; top:25px; background-color:#f4f4f4; padding:3px; width:190px; z-index:1000; font-size:14px; /*border:1px solid #e1e0e1;}*/
/*
#marqueSousMenu a, #marqueSousMenu a:visited { color:#000000; text-decoration:none; z-index:10;}
#marqueSousMenu a:hover { text-decoration:none; z-index:10;}
#marqueSousMenu ul { margin:0px; padding:0px; padding-left:10px; z-index:10;}
#marqueSousMenu li { margin:0px; padding:0px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:0.95em; list-style:none; z-index:10;}
*/
#eshopSousMenu { position:absolute; left:-2000px; top:170px; background-color:#f4f4f4; padding:3px; width:190px; font-size:14px; /*border:1px solid #e1e0e1;*/}
#eshopSousMenu a, #eshopSousMenu a:visited { color:#000000; text-decoration:none;}
#eshopSousMenu a:hover { text-decoration:none; z-index:9000;}
#eshopSousMenu ul { margin:0px; padding:0px; padding-left:10px;}
#eshopSousMenu li { margin:0px; padding:0px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:0.95em; list-style:none;}

#marqueSousMenu { position:absolute; left:-2000px; top:170px; background-color:#f4f4f4; padding:3px; width:190px; font-size:14px; /*border:1px solid #e1e0e1;*/}
#marqueSousMenu a, #marqueSousMenu a:visited { color:#000000; text-decoration:none;}
#marqueSousMenu a:hover { text-decoration:none; z-index:9000;}
#marqueSousMenu ul { margin:0px; padding:0px; padding-left:10px;}
#marqueSousMenu li { margin:0px; padding:0px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:0.95em; list-style:none;}

/* Page d'accueil */
#accueilGauche {width:630px; height:390px; overflow:hidden;}
#accueilDroit {float:right; height:390px; position:relative; overflow:hidden;}
.accueilCentre { width: 260px; float:left; margin-left:7px; }
.accueilImgGauche {}
.accueilImgGaucheTexte {text-align:left; margin-top:10px; font-size:12px; font-family:Century Gothic, "Century Gothic", CenturyGothic, "CenturyGothic", Century-Gothic, "Century-Gothic", Geneva, Trebuchet MS, Lucida;}

#pied { padding:0; margin:0; }
#retourHaut { font-size:0.8em; margin-bottom:5px; }

/* Principaux */
h1 { border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333; font-size:1.2em; margin:5px 0 10px 0; padding: 3px 0px 3px 10px; font-family:Century Gothic, "Century Gothic", CenturyGothic, "CenturyGothic", Century-Gothic, "Century-Gothic", Geneva, Trebuchet MS, Lucida; font-weight:300;}
h2 {color: #FF6600; margin:0px; padding:0px; font-size:1.15em; margin:5px 0 5px 0; font-family:Century Gothic, "Century Gothic", CenturyGothic, "CenturyGothic", Century-Gothic, "Century-Gothic", Geneva, Trebuchet MS, Lucida; font-weight:600; }

a img, img {border:none; margin:0px; padding:0px;}
a, a:visited { color:#ff6600; text-decoration:none;}
a:hover { text-decoration:underline; color:#ff6600;}

/* Page standard */
##borderGrise {border:#dadada 1px solid; min-height:400px; padding:0px; margin:0px;}
#borderGrise {border:#dadada 1px solid; padding:0px; margin:0px;}

/* Ariane */
.fleche { color:#557f01;}

/*********/
/* Spécifique */
/*********/

a.lienGris { color:#333333; text-decoration:underline;}
a.lienGris:hover { text-decoration:none; color:#ff9606;}

/*********/
/* Slide */
/*********/

#slide{width:892px; height:400px; z-index:2; margin-top:5px;}
#arrow_left{width:30px; height:400px; position:absolute; z-index:10; left:0px; background-image:url(../images/fleche-gauche-grise.jpg); background-repeat:no-repeat; background-color:#ffffff;}
#arrow_right{width:30px; height:400px; margin-left:10px; position:absolute; right:0px; z-index:10; background-image:url(../images/fleche-droite.jpg); background-repeat:no-repeat; background-color:#ffffff;}
#theImages{position:absolute; left:40px; width:4000px; height:400px; padding-right:50px; margin-top:10px; z-index:2;}
#theImages #slideEnd{float:left; z-index:2;}
/* Vignettes */ 
.vignette1 {float:left; width:228px; height:330px; border-left:#e1e0e1 0px solid; border-top:#e1e0e1 1px solid; margin-right:10px; z-index:2; font-size:12px;}
.vignette1 .nom-produit { margin-top:10px; text-align:center; color:#000000; font-family:Geneva, Arial, Helvetica, sans-serif; z-index:2; font-size:12px;}

/*********/
/* Familles de produits */
/*********/
#galleryContainer { width: 1020px; height: 330px; margin: 12px 20px;}
.vignettes-famille { width: 90px; height: 90px; float: left; margin: 13px 11px; cursor:pointer; }
#photo-grossie { width: 296px; min-height: 400px; margin-left: 45px; margin-top: 13px; float: right; }
.info-produit { width: 216px; height: 158px; border: 1px solid #999; background-color: #f8f8f8; padding: 14px; display:none; position:absolute; top:0px; left:0px; }

/*********/
/* Produits */
/*********/

#produitGlobal {}
#produitGlobal input, #produitGlobal select { border:#dadada 1px solid;}
#produitGlobal .boutonsQuantite { position:relative; top:5px;}
#produitGauche { float:left; width:50%; }
#produitDroit { margin-left:450px; margin-right:15px; }
#produitDroit h1 { display: block; }
.produitPhotoAutre {float:right; margin-right:20px; }
.produitPhotoAutre img { margin-bottom:12px; }
#produitPrix { font-size:1.5em; font-weight:bold; color:#ff6600; margin:0; text-align:left; }
#produitQuantite {margin:15px 0;}
#produitRef { color:#6f6f6f; font-size:1.1em; }
#produitTexte { color:#6f6f6f; font-size:1.1em; }
#produitBasGauche {margin-right:170px;}
.dispo {cursor:pointer;}
#produitBasDroite {float:right; width:155px;}
#ajoutPanier {cursor:pointer;}

#produitBas {margin:10px 15px 0 15px;}
#produitBasLabel {float:left; width:150px; padding:20px 0; font-size:1.2em;}
#produitBasProduits {margin-left:150px; height:47px;}
.produitAutreProduit {margin:2px 10px; width:47px; height:47px; float:left;}

#etatStock { color:#ff6600; text-align:right; margin-bottom:10px;}

/* Particuliers */
#recapProduit {display:none; position:absolute; top:130px; left:578px; width:300px; border:1px solid #CCC; background-color:#EEE; z-index:150; padding:20px 10px;}
#poursuivreAchats {cursor:pointer;}
#zoneFacebook {position:absolute; top:0px; left:760px; font-size:11px; line-height:14px; width:150px;}
#messagePromo {position:absolute; left:0px; top:0px; width:280px; height:100px; text-align:left; font-size:13px;}

.inputDiv .decal {display: inline; float: left; width: 200px;}
.inputDiv .decal2 {display: inline; float: left; width: 500px;}

/*********/
/* Formulaire d'inscription */
/*********/

#formInscription .decal {display: inline; float: left; width: 200px;}
#formInscription .decal2 {display: inline; float: left; width: 500px;}
#formInscription .inputDiv {margin-bottom:8px; margin-left:20px;}
#formInscription input { width:287px; border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333;}
#formInscription select {  border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333; }
.form .decal {display: inline; float: left; width: 210px; padding-right:10px;}
.form .decal2 {display: inline; float: left; width: 500px; padding-right:10px;}
.form .inputDiv {margin-bottom:8px; margin-left:20px;}
.form input { width:287px; border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333;}
.form select {  border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333; }

/*********/
/* Formulaire de contact */
/*********/

#formContact .decal {display: inline; float: left; width: 100px;}
#formContact .decal2 {display: inline; float: left; width: 500px;}
#formContact .inputDiv {margin-bottom:8px; margin-left:20px;}
#formContact input { width:300px; border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333;}
#formContact textarea { width:300px; border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333;}
#formContact select {  border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333; }

/*********/
/* Formulaire Compte */
/*********/

#formCompte .decal {display: inline; float: left; width: 200px;}
#formCompte .decal2 {display: inline; float: left; width: 500px;}
#formCompte .inputDiv {margin-bottom:8px; margin-left:20px;}
#formCompte input { width:287px; border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333;}
#formCompte select {  border:#e5e5e5 1px solid; background-color:#f2f2f2; color: #333333; }

/*********/
/* Compte */
/*********/

#compteCadreCentre { width:700px; margin:0 auto; margin-top:40px;}
#compteGauche { float:left; border: #dadada 1px solid; width:45%; height:200px; padding:5px;}
#compteGauche p { text-align:center;}
#compteDroit { border:#dadada 1px solid; height:200px; margin-left:55%; padding:5px;}
#compteDroit p { text-align:center;}
#compteDroit .decal {display: inline; float: left; width: 100px;}
.list-compte-client {list-style-image:url(../images/fleche-orange.jpg); padding-left:15px; margin:0;}
.list-compte-client li{padding-bottom:5px;}
a.link {color: #333333;}
a.link:hover { color:#FF6600; text-decoration:underline;}
#cadreClient { margin-left:248px;} /* width:640px; */

/*********/
/* Panier */
/*********/
.messagePanier { font-size:1.2em; text-align:center; font-style:italic; margin-bottom:10px; color:#ff6600;}
#panier {padding-top:10px;}
#panier .bordureBas { border-bottom:#cccccc 1px solid;}
#panier th { margin:0px; padding: 5px 0px 5px 0px; border-bottom:#cccccc 1px solid; border-top:#cccccc 1px solid; border-left:#f2f2f2 1px solid; border-right:#f2f2f2 1px solid; background-color:#f2f2f2; font-size:1em; margin:5px 0 10px 0; padding: 3px 0px 3px 10px; font-family:Century Gothic, "Century Gothic", CenturyGothic, "CenturyGothic", Century-Gothic, "Century-Gothic", Geneva, Trebuchet MS, Lucida; font-weight:300;}
#panier .fondGris { background-color:#f2f2f2;}

/* Status */
.ok {padding:5px 0; font-weight:bold; background-color:#AAFBA8; border-top:1px solid #0A9414; border-bottom:1px solid #0A9414; text-align:center;}
.err {padding:5px 0; font-weight:bold; background-color:#FAC0CA; border-top:1px solid #C40929; border-bottom:1px solid #C40929; text-align:center;}

/* Tableau */
.grid {border-collapse:collapse; border-top:1px solid #333; border-right:1px solid #333; font-size:0.9em; width:100%;}
.grid th, .grid td {border-left:1px solid #333; border-bottom:1px solid #333;}
.grid th { background-color:#F2F2F2; color:#333;}
.paire {}
.impaire {background-color:#DDD;}
/* Effects */
.paire:hover, .impaire:hover {background-color:#555; color:#FFF;}
td.total {border-left:1px solid #FFF;; border-bottom:none; border-right:none;}

/* Popup restockage */
#conteneur-restockage {position:absolute; top:-1000px; left:0px; width:300px; border:1px solid #CCC; background-color:#EEE; z-index:150; padding:5px 10px 20px 10px; text-align:center;}
#message-restockage {margin-bottom:10px;}

/* Popup panier */
#popupPanier { width:300px; border:1px solid #CCC; background-color:#FFF; padding:0px; position:absolute; z-index:150;}

/* Popup message */
#popupMessageExemple { width:900px; border:1px solid #CCC; background-color:#FFF; padding:0px; position:absolute; z-index:150; display:none;}
#popupMessageExempleContenu {padding:10px;}
#popupMessageExempleContenu ul {list-style:none; padding-left:15px;}
#popupMessageExempleContenu ul li {margin:10px 0px;}
#popupMessageExempleContenu p {padding-left:15px; color: #FF6600;}
#popupMessageExempleContenu .citation {font-style:italic;}
#popupMessageExempleContenu .auteur {font-weight:bold;}


/* Panier */
 .panier-supplement-titre {margin-left:12px;}
 #panier-choix-type {list-style:none;}
 #panier-choix-type li {height:16px; margin:7px 0; position:relative;}
 #choixNom {position:absolute; top:0px; left:530px; font-size:0.9em;}
 #choixInitiales {position:absolute; top:0px; left:530px; font-size:0.9em;}
 #lien-message-exemple {cursor:pointer; color: #FF6600; text-decoration:underline;}
 #lien-message-exemple-conteneur {width:528px; margin-left:12px; font-style:italic; font-size:0.9em; padding:5px 0;}