/*===================================================================
* jeromeb@eolas.fr
* =================================================================*/

*                { margin: 0px; padding: 0px; }
body             { font-family: Tahoma, Arial, Sans-serif; font-size: 12px; background: url(img/body_fond.jpg) no-repeat 50% 0; }
a                { text-decoration: underline; color: #51504f;}
a:hover, a:focus { text-decoration: none; cursor: pointer; }
ul               { list-style: none; }
h1, h2, h3, h4, h5, h6 { } 
h2               { color:#803600; font-size:19px; font-weight:normal; margin:5px 0 10px 0; clear: both; }
h3               { color:#803600; font-size:17px; font-weight:normal; margin:0; padding:0 0 0 15px; }
#contenu h3      { padding:0; clear: both; margin:0 0 2px 0; }
h4               { font-size:13px; font-weight:bold; color:#803600; }
h5               { margin:5px 0; text-transform:uppercase; font-size:12px; }
img              { border: none; }
img.alignright   { float: right; }
img.alignleft    { float: left; }

br.clear         { clear: both }
hr.separation    { visibility: hidden; height: 0px; clear: both; margin: -2px; padding: 0px; }
.alignright      { text-align: right; }
.alignleft       { text-align: left; }
.aligncenter     { text-align: center; }
.erreur          { border: 1px solid red; font-weight: bold; color: red; padding: 5px; margin:10px 0 5px 0; }
.rssImage        { background: transparent url(img/rss.gif) no-repeat 100% 100%; margin:0; padding: 0 18px 0 0; display: block; height:14px; }
.barre, #barre   { text-decoration: line-through; font-size: 12px; color: #a2a2a2; margin:0 5px 0 0; }
.sanslien        { font-style:italic; font-size:11px; margin: 5px 0 0 0; clear: both; }
.spanTaxeEco     { font-size : 12px; }
#traces          { display: none; }

/* ===================================================================
* LAYOUT
* =================================================================*/
#document        { position: relative; text-align:left; width: 940px; margin: 0 auto; }
#colonneGauche   { float: left; width: 200px; }
#contenu         { float: left; width: 690px; margin:0 0 25px 45px; padding:30px 0 0 0; overflow:hidden; }
.corps           { margin:0 0 20px 0; overflow: hidden; width: 100%; }
#generationTime  { display:none}

/* =================================================================== 
* BANDEAU HAUT   
* =================================================================*/
#bandeauHaut                          { overflow: hidden; zoom: 1; height: 180px; }
#bandeauHaut #logo                    { position: absolute; top:35px; left: 0; }
#bandeauHaut #slogan                  { position: absolute; top:133px; right: 285px; color:#803600; text-align: right; }
#bandeauHaut #tools                   { position: absolute; top:90px; right:45px; width:200px; }
#bandeauHaut #panierContact           { color: #131313; padding:0; margin: 15px 0 0 0; font-size: 14px; }
#bandeauHaut #panierContact a:link, 
#bandeauHaut #panierContact a:visited { text-decoration: none; }
#bandeauHaut #panierContact a:hover   { text-decoration: underline; }
#bandeauHaut #panierContact a.panier  { padding:3px 0 0 30px; margin:0 10px 0 0; background: url(img/panier_picto.gif) no-repeat 0 0; }
#bandeauHaut #panierContact a.contact { padding:3px 0 0 30px; background: url(img/contact_picto.gif) no-repeat 0 0; }

#bandeauHaut #searchField             { overflow: hidden; zoom:1; padding:0; border:1px solid #d5d3d1; height:25px; }
#bandeauHaut #searchField .recherche  { display: block; float: left; width:160px; padding:4px 0 0 0; border:none; height:21px; }
#bandeauHaut #searchField .submit     { display: block; float: left; padding:0; border:none; background:#803600; color:#FFF; font-weight:bold; text-transform:lowercase; font-size:13px; height:25px; width:38px; }

/* ===================================================================
* ARIANE
* =================================================================*/
#ariane      { font-size:12px; color: #80ac07; list-style:none; font-weight:bold; }
#ariane span { color:#131313; }
#ariane a    { color:#80ac07; text-decoration: none; }
#ariane li   { background:none;	display:inline; margin:0px; padding:0px; }

/* =================================================================== 
* BANDEAU BAS  
* =================================================================*/
#bandeauBas             { background: url(img/footer_fond.gif) no-repeat 50% 100%; padding:0 0 110px 0; margin:0 0 20px 0; font-family: Lucida Sans; color: #51504f; }
.sousCategories         { margin:0 0 10px 0; text-align: center; }
.sousCategories li      { display: inline; }
.sousCategories li h5   { display: inline; }
.sousCategories li h5 a { color: #51504f; text-decoration: none; }

/* =================================================================== 
* FOOTER  
* =================================================================*/
#footer           { text-align: center; margin: 10px 0 0 0; }
#footer ul        { list-style: none;  }
#footer ul li     { display: inline; padding: 0 5px; text-decoration:none; }
#footer ul li.rss { background: url(./img/rss.gif) no-repeat 100% 0px; padding-right:20px; }
#footer a         { text-decoration: none; font-size: 11px; }
#footer a:hover   { text-decoration: underline; }

/* =================================================================== 
* NAVIGATION  
* =================================================================*/
ul#navigation { list-style: none; width: 200px; margin: 0; padding: 40px 0 10px 0; background: url(img/navigation_fond.gif) no-repeat 0 0; }
#navigation ul                       { margin: 5px 0 20px 0; padding: 0; }
#navigation ul ul                    { margin: 5px 0 10px 0; padding: 0; }
#navigation li                       { border-bottom: 1px solid #FFF; margin: 0px 5px; padding: 5px 10px 5px 10px; text-align: left; font-size:16px; }
#navigation li li                    { border: none; margin: 2px 0px; padding: 0 5px 0 5px; font-size:14px; }
#navigation li li li                 { border:none; padding: 0 0 0 18px; margin:0; font-size: 13px; }
#navigation li a                     { text-decoration: none; color: #803600; }
#navigation li.active a,
#navigation li.selected a				 { color:#FFFFFF;}
#navigation li li a                  { padding:0 0 0 10px; color: #FFF; display: block; background: transparent url(img/navigation_li_fond.gif) no-repeat 5px 4px; }
#navigation li li a:hover,
#navigation li li.active a           { color: #FFF; background: #803600 url(img/navigation_li_fond.gif) no-repeat 5px 4px; }
#navigation li li.active li a        { padding:0 0 0 10px; color: #FFF; display: block; background: transparent url(img/navigation_li_li_fond.gif) no-repeat 0 -88px; }
#navigation li li.active li a:hover,
#navigation li li.active li.active a { background: transparent url(img/navigation_li_li_fond.gif) no-repeat 0 5px; color: #803600; }

/* =================================================================== 
* FORMULAIRE   
* =================================================================*/
form input, 
form textarea,
form select        { background-color: #FFF; color: #000000; padding: 2px 0; border:1px solid #dbdae0; }
form select        { padding: 0; }

form textarea,
form select        { width:auto; }

form select option {  }

/* BOUTON */
form input.submit  { background: #FFF; color: #131313; padding: 5px 10px; cursor: pointer; border: 1px solid #131313; }
form input.checkbox,
form input.radio,
form input.case    { border-style: none; } 

/* =================================================================== 
* LISTE PRODUIT 
* =================================================================*/
#categorie    { overflow: hidden; clear: both; }

.listeProduit                            { overflow: hidden; background: url(img/selection_fond.jpg) repeat-y 0 0; margin:20px 0; clear: both; padding:0 5px; float: left; }
.accroche                  { backround: #FFF; background:url(img/encadre_haut.png) no-repeat 0 0; padding:10px 25px 10px 10px; }
.accroche ul {list-style: outside; margin-left:20px;}
.accrocheBas               { background:url(img/encadre_bas.png) no-repeat 0 0; height:11px; font-size: 0; line-height: 0; }

.listeProduit .unProduit                 { overflow: hidden; float: left; width: 160px; margin:7px 3px; }
.listeProduit .unProduitHaut             { height: 14px; background: url(img/haut_produit_fond.png) no-repeat 0 0; }
.listeProduit .unProduitMilieu           { position: relative; overflow: hidden; zoom:1; background: #FFF; height:260px;  }
#nouveautes .listeProduit .unProduitMilieu           { position: relative; overflow: hidden; zoom:1; background: #FFF; height:80px;  }
.listeProduit .unProduitBas              { clear: both; height: 14px; background: url(img/bas_produit_fond.png) no-repeat 0 0; }
.listeProduit h4                         { margin: 0px 5px;  }
.listeProduit h4 a                       { text-decoration: none; color: #803600; }
.listeProduit h5                         { margin: 5px 5px 5px 0; text-transform: uppercase; font-size: 15px; float: right; color: #803600; }
.listeProduit .barre                     { clear:right; float:right; margin:0px 0 5px 10px; }
.uneSelection .ajoutPanier,
.listeProduit .caddie                    { position: absolute; left:0; bottom:0; width: 100%; text-align: left; }
.listeProduit .sanslien                  { margin: 0px 5px; text-align: center; }

.uneSelection .ajoutPanier a,
.listeProduit .caddie a                  { padding:0 0 0 20px; background: url(img/panier_picto.gif) no-repeat 0 5px; padding:11px 0 0 25px; color: #803600; }

.listeProduit .unProduit table.divImg td { margin: auto; width: 160px; height: 160px; vertical-align: middle; text-align: center; padding: 0; }

/* ===================================================================
* ACTUALITE
* =================================================================*/
.actualites           { position: relative; overflow: hidden; float: left; width: 210px; margin: 15px 0; padding:12px 0 30px 0; border:1px solid #ededed; }
.actualites .contenu  { overflow: hidden; float: left; }
.uneActu  { margin: 30px 0; }
.actualites .uneActu  { font-weight: normal; margin: 15px 10px 15px 10px; font-size: 11px; }
#document .actualites h3 { color: #8cb41e; margin:0 0 0 15px; font-size:21px; }
.actualites a,
.actualites a:hover   { color: #803600; font-size: 11px; font-weight: bold; text-decoration: none; }
.actualites .rss   { position: absolute; bottom:10px; right:10px; color: #803600; font-size: 11px; }
.actualites .rss a { font-weight: normal; }

/* =================================================================== 
* AMI 
* =================================================================*/
#unAmi                     { overflow: hidden; width: 680px; margin: 0 7px; }
#unAmiHaut                 { background:url(img/encadre_haut.png) no-repeat 0 0; }
#unAmiBas                  { background:url(img/encadre_bas.png) no-repeat 0 0; font-size:0; height:11px; line-height:0; }
#unAmi .colDroite          { padding:2%; text-align: left; float: left; width: 46%; background: url(img/unAmi_separateur.gif) no-repeat 0 10px; }
#unAmi .colGauche          { padding:2%; text-align: left; float: left; width: 46%; }
#unAmi label               { height: 20px; color:#803600; }
#unAmi .colGauche input    { width: 95%; height: 20px; }
#unAmi .colDroite textarea { height: 65px; width: 97%; }
#unAmi .action             { clear: both; text-align: right; padding: 5px 20px; }
#unAmi .action .submit     { background: url(img/unAmi_btn.gif) no-repeat 0 0; border:none; width:90px; height:21px; padding:0; color: #FFF; }

/* =================================================================== 
* NOUVEAUTE 
* =================================================================*/
#nouveautes        { position: relative; margin: 15px 15px 15px 0; padding:15px 0 0 0; overflow: hidden; border:1px solid #ededed; float: left; width:460px; }
#nouveautes h3     { margin:0 0 0 15px; }
#nouveautes .rss   { position: absolute; top:20px; right:10px; color: #803600; font-size: 11px; }

#nouveautes .listeProduit                            { background: none; margin:10px 7px; }
#nouveautes .listeProduit .unProduit                 { float: left; margin: 5px; width: 200px; height:100px; border-bottom:1px solid #803600; }
#nouveautes .listeProduit .unProduitHaut             { background: none; height: 0; clear: both; width: auto;}
#nouveautes .listeProduit .unProduitMilieu           { width: 100%; overflow: hidden; text-align: center; background: none; }
#nouveautes .listeProduit .unProduitBas              { background: none; height: 0; clear: both; width: auto;}
#nouveautes .listeProduit h4                         { margin:0 0 0 55px; overflow:hidden; }
#nouveautes .listeProduit h4 a                       { float: left; color: #51504f; text-decoration: none; text-align: left; }
#nouveautes .listeProduit h5                         { font-size: 17px;  color: #884311; font-weight: bold; }
#nouveautes .listeProduit .unProduit table.divImg    { width: 50px; height: 50px; float: left; }
#nouveautes .listeProduit .unProduit table.divImg td { margin: auto; width: 50px; height: 50px; vertical-align: middle; text-align: center; padding: 0; }

/* =================================================================== 
* TOP VENTES 
* =================================================================*/
.topVentes            { overflow:hidden; margin:20px 7px; padding:0 0 10px 0; border-bottom:1px solid #803600; color:#803600; }
.topVentes h3         { border-bottom:1px solid #803600; margin:0 0 10px 0; }
.unTopVentes          { overflow: hidden; float:left; width: 135px; padding-bottom:5px; }
.unTopVentes .nom     { font-weight: bold; text-align: center; }
.unTopVentes .prix    { margin: 10px; text-align:center; font-size: 17px; font-weight: bold; color: #803600; }
.unTopVentes .cellule { background:transparent url(img/badge.png) no-repeat scroll 0 0; line-height:47px; text-align:center; width:66px; margin:0 auto; font-weight:bold; color:#FFF; font-size:15px; }

/* =================================================================== 
* RECHERCHE PAR MARQUE 
* =================================================================*/
#rechercheMarque        { width: 100%; margin: 10px 0 10px 0px; }
#rechercheMarque form   { background: transparent url(img/rechParMarque.png); padding:5px 0; } 
#rechercheMarque select { margin:0 15px; font-size: 11px; border:1px solid #803600; width:170px; }

.message { font-style:italic; color:#803600; clear: both; }

/* =================================================================== 
* NOUS TROUVER 
* =================================================================*/
#ouNousTrouver        { overflow:hidden; margin: 10px 0 10px 0px; padding:0; border-bottom:1px solid #803600; color:#803600; }
#ouNousTrouver h3     { border-bottom:1px solid #803600; }
#ouNousTrouver a      { color:#803600; }
#ouNousTrouver ul     { font-size:12px; width:100%; padding:10px 0 0 8px; }
#ouNousTrouver .image { padding:0 0 0 8px; display:block; width:193px ; height:124px; background: url(img/nousTrouver_bb.jpg) no-repeat 0 0;  }

/* PAGE NOUS TROUVER */
table.tadresse        { width: 100%; border-collapse: collapse; }
table.tadresse td     { vertical-align: top; padding: 5px; }

/* =================================================================== 
* NOS ENGAGEMENTS
* =================================================================*/
#engagements           { overflow:hidden; margin: 10px 0 10px 0px; padding:0 0 10px 0; border-bottom:1px solid #803600; font-size: 11px; color: #51504f; font-family: Lucida sans; }
#engagements h3        { border-bottom:1px solid #803600; }
#engagements #Securise { margin:0 20px; }
#engagements p         { margin-top: 5px; }

/* =================================================================== 
* NOTRE SELECION 
* =================================================================*/
.selection                 { overflow: hidden; clear: both; background: url(img/selection_fond.jpg) no-repeat 0 21px; margin:20px 7px; }
.selection h3              {  }

.uneSelection              { overflow: hidden; float: left; text-align:center; width: 160px; margin:7px 0 7px 7px; }
.uneSelectionHaut          { height: 14px; background: url(img/haut_produit_fond.png) no-repeat 0 0; }
.uneSelectionMilieu        { overflow: hidden; zoom:1; background: #FFF; height:260px; position: relative; }
.uneSelectionBas           { clear: both; height: 14px; background: url(img/bas_produit_fond.png) no-repeat 0 0; }
.uneSelection .image       { margin:0 auto; padding: 5px; vertical-align: center; height:155px;}
.ajoutPanier, .caddie { margin: 0 10px; text-align: left; font-size: 11px; color: #803600; }

.sousSelection             { overflow: hidden; }
.sousSelection .nom        { text-align:left; font-size:15px; margin:0 10px 5px 10px; color: #803600; line-height:15px; }
.sousSelection .nom a      { text-decoration: none; font-weight: bold; }
.sousSelection .prix       { margin: 5px 10px 10px 10px; text-align:left; font-size: 17px; font-weight: bold; color: #803600; }

/* =================================================================== 
* PRODUIT COMPLEMENTAIRE
* =================================================================*/
#produitComplement { margin:20px 0 15px 0; overflow:hidden; }
#produitComplement .listeProduit { margin:2px 0 0 0; overflow:hidden; }
#slider-bg         { position: relative; background: url(../../../images/slider/bg-fader.gif) 5px 0 no-repeat; height: 28px; width: 228px; margin: auto; }
#slider-thumb      { cursor: default; position: absolute; top: 4px; }

/* =================================================================== 
* CROSS SELLING
* =================================================================*/
#crossSelling{ margin: 20px 0 15px 0; overflow: hidden; }
#crossSelling .listeProduit { margin:2px 0 0 0; overflow:hidden; }

/* =================================================================== 
* BONNES AFFAIRES 
* =================================================================*/
#bonneAffaire      { position: relative; overflow:hidden; zoom:1; margin:20px 7px; overflow:hidden; padding:0 0 10px 0; border-bottom:1px solid #803600; color:#803600; }
#bonneAffaire h3   { border-bottom:1px solid #803600; margin:0 0 10px 0; }
#bonneAffaire .rss { position: absolute; top:0; right:0; color: #803600; font-size: 11px; }
#bonneAffaire a    { text-decoration:none; }

#bonneAffaire .badgeBA,
#lesBonnesAffaires .uneAffaire .badgeBA{ background:transparent url(img/badge.png) no-repeat scroll 0 0; float:left; line-height:47px; text-align:center; width:66px; margin-right:5px; font-weight:bold; color:#FFF; font-size:15px; }

#bonneAffaire .descriptionBA { overflow: hidden; font-weight: bold; }
#bonneAffaire .lienToutes    { text-align: right; }
#bonneAffaire .lienToutes a  { text-decoration: underline; color: #803600; font-size: 11px; font-weight: bold; }
#bonneAffaire .uneAffaireAccueil { overflow:hidden; zoom:1; float:left; margin-right:10px; margin-bottom:5px; width:215px; background:none; }

/* =================================================================== 
/* PAGE BONNE AFFAIRE 
* =================================================================*/ 
#lesBonnesAffaires                            { margin: 20px 0; }
#lesBonnesAffaires .uneAffaire                { zoom:1; margin-right:0 10px 5px 0; padding-bottom:10px; width:98%; }
#lesBonnesAffaires .uneAffaire .dateBA        { margin: 3px 0pt 10px 0px; font-style: oblique; font-size: 90%; font-weight: bold; overflow:hidden; }
#lesBonnesAffaires .uneAffaire .descriptionBA { overflow: hidden; }

/* =================================================================== 
* ETAPES COMMANDE  
* =================================================================*/
#navCommande             { text-align:center; }
#navCommande table       { margin-top:10px; border-spacing:0; }
#navCommande td          { background: #8cb41e; color: #FFF; padding: 5px 10px; border-width:0 1px 0 0; border-color: #FFF; border-style: solid; }
#navCommande td a        { text-decoration: none; }
#navCommande td.selected { background: #8cb41e; font-weight: bold; }

/* =================================================================== 
* COVER   
* =================================================================*/
#cover { display: block; z-index: 100; filter: alpha(opacity = 50); opacity: .5; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #ccc; cursor: wait; }

/* ===================================================================
* PAGINATION
* =================================================================*/
.pagination                                   { clear: both; padding:10px 0 0 0; text-align: center; background-color: #FFF; filter: alpha(opacity = 80); opacity: 0.8; }

.pagination .pages                            { font-size: 14px; }
.pagination .regletteNavigation span a        { font-size:25px; font-weight:bold; }
.pagination .regletteNavigation span strong   { font-size:30px; text-decoration:none;}
.pagination .regletteNavigation span.left a,
.pagination .regletteNavigation span.right a  { font-size:22px; font-weight:bold; text-decoration:none; }

.regletteNavigation                           { overflow: hidden; zoom:1; margin:10px 0 0 0; }
.regletteNavigation span                      { padding:1px; } 
.regletteNavigation a                         { text-decoration: none; } 
.regletteNavigation a:hover                   { text-decoration: underline; }

/* =================================================================== 
* PLAN DU SITE   
* =================================================================*/
#planSite ul             { margin-left: 25px; padding-left: 10px; }
#planSite ul li,
#planSite ul li a        { font-size:12px; }
#planSite ul li ul       {  }
#planSite ul li ul li,
#planSite ul li ul li a  {  }

/* =================================================================== 
* CONTACT  
* =================================================================*/
#contenuContact          { margin-top: 20px; }
#contenuContact table    { width:100%; border-collapse:collapse; }
#contenuContact th,
#contenuContact td       { vertical-align: top; text-align: left; }
#contenuContact td       { padding: 4px; }
#contenuContact tfoot td { text-align: right; }
#contenuContact tfoot td.boutons { padding:0; }

#contenuContact textarea,
#contenuContact select,
#contenuContact input    { width:480px; }

#contenuContact #bouton { text-align: center; }
#contenuContact #bouton input.submit { width:auto; float: none; }

/* =================================================================== 
* QUI SOMME NOUS?
* =================================================================*/
/* PAGE ACCUEIL */
.texteAccroche        { margin:30px 0; overflow: hidden; zoom:1; clear: both; }
.texteAccroche p      { overflow: hidden; zoom:1; }
.texteAccroche img    { display: block; }
.texteAccroche ul li  { list-style: disc; margin: 3px 0 3px 15px; }
.texteAccroche .lienSavoirPlus { margin: 10px 0 0 0; clear: both; }

/* =================================================================== 
* PANIER
* =================================================================*/
#resteFrancoPort, #francoPort { font-weight:bold; }
#asterZone                    { font-size:10px; }

table.panier                  { width:100%; border-collapse: collapse; margin:0 0 5px 0; }
table.panier th               { padding: 5px 0 5px 0; font-weight: normal; color:#803600; font-size:11px; background-color: #e8e8e8; text-align:center; }
table.panier tr               { background: url(img/panier_separation.gif) no-repeat 0 100%; }
table.panier td               { padding:5px; color: #803600; font-size:11px; }
table.panier td.prix          { font-family: Lucida Sans; }
table.panier td.prix          { white-spaces:nowrap; }
table.panier td input         { text-align: center; font-size:11px; }
table.panier .ssTotal         { padding: 5px 0 5px 0; background:#E8E8E8; text-align:left; font-size: 11px; font-family: tahoma; font-weight: bold; }


#bouton                       { padding: 0; background: url(img/panier_boutons.gif) no-repeat 0 100%; overflow: hidden; zoom:1; margin:3px 0 0 0;}
#bouton input                 { border:none; background: transparent; color: #FFF; font-family: tahoma; font-size:11px; }
#bouton #termine              { float: right; text-align: right; font-weight:bold; }
#bouton #poursuivre           { float:left; font-weight:bold; text-align:left; }
#videPanier                   { text-align: right; font-size: 11px; margin:5px 0 5px 0; color: #333; }
#bouton input.submit          { float: right; }

/* =================================================================== 
* COMMANDE
* =================================================================*/
#commande          { margin: 0; }

#commande table    { width: 100%; }
#commande th       { text-align: left; }
#commande th label { font-weight: normal; display: block; padding-left: 5px; border-bottom: 1px dashed; }
#commande td       { padding: 3px; }
#commande tfoot td { text-align: center; }

#commande #modePaiement,
#commande #modeLivraison,
#commande #coordonnees       { margin: 0 0 20px 0; width: 100%; }
#commande #coordonnees table { width: 100%; }
#commande #modePaiement table th { vertical-align: top; }
#commande #modePaiement table td { vertical-align: top; padding:3px 5px; }

#commande #modePaiement textarea { width:100%; float: left; margin:0; }

/* =================================================================== 
* PRODUITS  
* =================================================================*/
#ficheProduit    { clear: both; background:url(img/encadre_haut.png) no-repeat 0 0; }
#ficheProduit h3 {  }

#ficheProduitBas { background:url(img/encadre_bas.png) no-repeat 0 0; height:11px; font-size: 0; line-height: 0;  }

#ficheProduit table                                  { width: 100%; padding: 4px 16px 0 4px; border-spacing: 0; }
#ficheProduit table tr td.gaucheProduit              { padding: 5px 15px; }
#ficheProduit table tr td.gaucheProduit .prix        { text-align: center; margin: 25px 0; }
#ficheProduit table tr td.droiteProduit              { width: 200px; text-align: center; vertical-align: top; padding: 5px 15px; background: url(img/ficheProduit_separateur.gif) no-repeat 0 10px; }
#ficheProduit table tr td.droiteProduit .choix       { margin: 10px 0; padding:10px 0 0 0; background: url(img/ficheProduit_blcAchat_separateur.gif) no-repeat 0 0; }
#ficheProduit table tr td.droiteProduit .caddie      { display :block; width: 127px; height: 28px; background: url(img/panier_produit_picto.gif) no-repeat 0 0; margin: 10px auto 0 auto; padding:15px 0 0 50px; }

#ficheProduit table tr td.droiteProduit .facettes    { padding-top: 5px; text-align:center; }
#ficheProduit table tr td.droiteProduit table.divImg { margin:auto; text-align:center; }
#ficheProduit table tr td.droiteProduit #spanPrix    { font-size: 20px; color: #803600; }
#ficheProduit table tr td.droiteProduit #divEtat     { clear:both; margin:5px 0px ; padding:3px 0px ; border:none; }
#ficheProduit table tr td.droiteProduit .etatGeneral { clear:both; margin:5px 0px ; padding:3px 0px ; }

#divHidder #blcAchat       { text-align: left; margin:10px 0 0 0; padding:0; color: #803600; font-weight: bold; }
#divHidder #blcAchat label { display: block; float: left; padding:5px 0 0 0; width:125px; }
#divHidder #blcAchat input { border:1px solid #803600; }

#imprime             { clear: both; margin: 10px 0; padding:0 10px 0 0; font-size: 11px; overflow: hidden; zoom:1; }
#imprime .envoyerAmi { background: url(img/enveloppe.gif) no-repeat 0 0; display :block; float: right; margin:0 5px 0 0; padding:5px 0 4px 27px; }
#imprime .imprimer   { background: url(img/imprimer.gif) no-repeat 0 0; display :block; float: right; padding:5px 0 4px 30px; }

/* =================================================================== 
* POPUP INFO PRODUIT  
* =================================================================*/
#ficheProduitBasPopup{ background: url('./img/bas_ficheProduit.png') no-repeat left bottom; }

/* =================================================================== 
/* CONTENU LIBRE 
/* =================================================================== */
.clCentral h3              { font-size: 20px; padding-top: 3px; margin: 0; height: 36px; line-height: 36px; }

.clCentralLarge            { background: url(img/libreCentral_fond.gif) no-repeat 0 100%; clear:both; padding:15px 15px 25px 15px; color:#803600; }
.clCentral                 { width: 233px; float: right; color:#803600; padding:15px 15px 25px 15px; color:#803600;}
.clColonne                 { background: url(img/libre_fond.gif) no-repeat 0 100%; padding:15px 15px 25px 15px; color:#803600;}
.clColonne ul {list-style: outside; margin-left:20px;}
.clColonne h3.titreModules, 
#contenu .clCentral h3.titreModules,
#contenu .clCentralLarge h3.titreModules { font-size : 16px; color: #FFF; font-weight: bold; padding:0; margin:0 0 15px 0; }

.clCentralLarge a,
.clCentral a,
.clColonne a               { color:#803600;  }

.prixUnite                 { font-weight:normal; }
.modeVacances			   { border:1px solid #8CB41E; margin:5px 0; padding:5px;}
.codePromo {padding:10px;}
#newsletter{width: 200px; margin:10px 0; padding:0;}
#newsletter h3{padding:0; margin:5px 0; border-bottom:1px solid #803600;}
#newsletter #contenuNewsletter, #newsletter #retourNewsletter{padding:5px 0;}