@charset "utf-8";

/***********************************************************************/

/******************************** dev *************************************/

/*/////////////////////////// general //////////////////////////////////*/



table * { vertical-align:top }

table { border-collapse:collapse }

.page_center, .center { text-align:center; }

.clear { clear:both; float:none; }

.moitite { width:50%; float:left }

.message_erreur { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#D30D0E; text-align:center }

/*ul { padding: 0 0 1em 1em }

li { list-style: square inside }*/

.tab_couleur1 { background-color:#FDE104; }

.tab_couleur2 { }

.noborder { border:none }

.displayNone { display:none; }

.paddingtop10 { padding:10px 0 0 0 }

.paddingtop20 { padding:20px 0 0 0 }

pre { font: normal 11px Verdana, Arial, Helvetica, sans-serif }

/********************************************* formulaire ***************************************/
/*
form { color: #000; }

form * { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

form p { margin:0; padding:0; min-height:25px; _height:25px; color: #000; }

form a, form label { }

form .fieldset { padding: 0 10px 10px 10px; border:1px solid #000; border-bottom:3px solid #000; margin: 0 0 1em 0 }

form .legend { padding:2px 10px 2px 5px; text-transform:uppercase; border-left:2px solid #8D8181; font: bold italic 12px Verdana, Arial, Helvetica, sans-serif; color:#000 }

form p.p50 { width:198px; float:left }

form p.p100 { width:400px; clear:both; float:none }

form .select { width:98px; height:18px; float:left; background:#1B1B1B; border: 1px solid #fff; color:#fff }

form .label { width: 100px; float: left; text-align: right; padding: 0 2px 0 0 }

form .label2 { width: 203px; float: left; text-align: right; padding: 0 2px 0 0 }

form .input { width:90px; height:13px; float:left; border:none; border-bottom:1px solid #000; background:#1B1B1B; color:#fff }

form .input2 { width:191px; height:13px; float:left; border:none; border-bottom:1px solid #000; background: #fff; color:#fff }

form .textarea { width:390px; height:60px; overflow: auto; clear:both; background: #1B1B1B; border: 1px solid #fff; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0; color:#fff }

form .captchat { text-align:center; color:#fff }

form .captchat div { padding: 0 0 5px 0; }

form #code { width:191px; height:13px; border:none; border:1px solid #000; background:#ECD003; color:#000 }

form #question { font-weight: bold }

form .divimagecaptchat { margin: 0 auto }

form .envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

form .clear { clear:both; float:none; }

form .displayNone { display:none; }

form .center { text-align:center }

form .paddingtop10 { padding:10px 0 0 0 }

form .double-colone { width:50%; float:left }
*/
/*/////////////////////////// fin general //////////////////////////////////*/

/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/

#produit {/*font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; */float:left;  clear:both; text-align:left; position:relative; z-index:99; display:block; width:175px; padding:0;  background:none; border:none; }

#produit ul { padding:0; margin:0;  top:0;  width:180px; left:180px; background:none;}

#produit li { list-style: none outside; margin:0; }

#produit a { display:block; padding:0; text-decoration:none;  width:180px; }

#produit a:hover { background-color:#dcdcdc; color:#737373}

#produit li ul { padding:0 0 0 0em;  margin:-1px 0 0 0; background-color:#fff; border:1px solid #8E8282;  width:180px; visibility:hidden}

#produit li ul ul {  left:175px;}

#produit li ul a {width:170px; padding:0 5px;}

#produit #deroul_li_1 { background:transparent url('../images/puce-rouge.jpg') no-repeat left; padding-left:10px;}

#produit #deroul_li_2 { background:transparent url('../images/puce-bleu.jpg') no-repeat left; padding-left:10px;}

#produit #deroul_li_3 { background:transparent url('../images/puce-orange.jpg') no-repeat left; padding-left:10px;}

#produit #deroul_li_4 { background:transparent url('../images/puce-verte.jpg') no-repeat left; padding-left:10px;}

#produit .li_niveau_0 {  background:transparent;  }

#produit .li_niveau_1 {  background: transparent url('../images/puce-li-niveau-1.png') no-repeat 0 2px; }

#produit .li_niveau_2 {  background: transparent url('../images/puce-li-niveau-2.png') no-repeat 0 2px;  }

#produit .li_niveau_3 {  background: transparent url('../images/puce-li-niveau-1.png') no-repeat 0 2px;  }



/*///////////////////////////////////////////////  fin menu deroulant //////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/

#catalogue { font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0; margin:0 0 1em 0; clear:both; text-align:left; position:relative; z-index:99; clear:both; width:200px; border: 1px solid #FFC88E; border-top:none }

#catalogue ul { padding:0; margin:0 }

#catalogue li ul { padding:0 0 0 1em; margin:0 }

#catalogue li { list-style: none outside; margin:0; padding:0 }

#catalogue a { display:block; padding:4px 0 4px 0; text-decoration:none; color:#000; }

#catalogue li ul a { background: transparent url('../images/puce.png') no-repeat 0 8px; text-indent:12px }

#catalogue a:hover { }

#catalogue .head { background: transparent url('../images/head.png') no-repeat; text-indent:12px }

#catalogue .selected { background:transparent url('../images/head-hover.png') no-repeat; }

#catalogue .rubrique-principale { background: transparent url('../images/head-hover.png') no-repeat; text-indent:12px }

/*///////////////////////////////////////////////  fin menu deroulant //////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////// panier deroulant //////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/

#liste-panier { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#fff; clear:both; text-align:left; position:relative; z-index:99; display:table; padding-left:20px;  }

#liste-panier ul {  padding:0; margin:0; width:120px; left:0px ; top:40px;  }

#liste-panier li { list-style: none outside; margin:0; padding:0; }

#liste-panier a { display:block; padding:6px 0 0px 3px; text-decoration:none; color:#ECD003; width:112px;}

#liste-panier a:hover { }

#liste-panier li ul { padding:0 0 0 1em; margin:0; border:1px solid #000; margin:-1px 0 0 0;background-color:#ECD003; width:120px }

#liste-panier li ul a { width:100px ; color:#000}

#liste-panier .li_niveau_0 { height:30px; background:transparent url('../images/caddie.jpg') no-repeat left; padding-left:35px;}

#liste-panier .li_niveau_0 a span { background:none; }

#liste-panier .li_niveau_1 { background: transparent url('../images/puce-li-niveau-1.png') no-repeat -2px 9px; }

#liste-panier .li_niveau_2 { background: transparent url('../images/puce-li-niveau-2.png') no-repeat 0 7px; }

#liste-panier .li_niveau_3 { background: transparent url('../images/puce-li-niveau-1.png') no-repeat 0 7px; }

#liste-panier .a_niveau_0 { font-weight:bold }

/*/////////////////////////////////////////////// panier deroulant //////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/

#liste-promotion { font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0 3px; clear:both; text-align:left; position:relative; z-index:99; }

#liste-promotion ul { padding:0; margin:0 }

#liste-promotion li ul { padding:0 0 0 1px; margin:0 }

#liste-promotion li { list-style: none outside; margin:0; padding:3px 0 3px 8px }

#liste-promotion a { padding:4px 0 4px 0; text-decoration:none; color:#fff; }

#liste-promotion a:hover { text-decoration: underline; }

#liste-promotion .li_niveau_0 { background: transparent url('../images/puce-li-niveau-0.png') no-repeat 0 7px; }

#liste-promotion .a_niveau_0 { font-weight:bold }

#liste-promotion .li_niveau_1 { background: transparent url('../images/puce-li-niveau-1.png') no-repeat 0 7px; }

#liste-promotion .li_niveau_1 li { background: transparent url('../images/puce-li-niveau-2.png') no-repeat 0 7px; }

/*----------------------------liste promotion--------------------*/


.listePromotions li { padding:5px 0;}

.listePromotions li a {  color:#ECD003; text-decoration:none; font-weight:bold}

/*/////////////////////////////////////////////// panier deroulant //////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/

#liste-nouveaute { font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0 3px; clear:both; text-align:left; position:relative; z-index:99; border:1px solid #fff; background:#DF9D00 }

#liste-nouveaute ul { padding:0; margin:0 }

#liste-nouveaute li ul { padding:0 0 0 1px; margin:0 }

#liste-nouveaute li { list-style: none outside; margin:0; padding:3px 0 3px 8px }

#liste-nouveaute a { padding:4px 0 4px 0; text-decoration:none; color:#fff; }

#liste-nouveaute a:hover { text-decoration: underline; }

#liste-nouveaute .li_niveau_0 { background: transparent url('../images/puce-li-niveau-0.png') no-repeat 0 7px; }

#liste-nouveaute .a_niveau_0 { font-weight:bold }

#liste-nouveaute .li_niveau_1 { background: transparent url('../images/puce-li-niveau-1.png') no-repeat 0 7px; }

#liste-nouveaute .li_niveau_1 li { background: transparent url('../images/puce-li-niveau-2.png') no-repeat 0 7px; }

/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/

#liste-coeur { font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0 3px; clear:both; text-align:left; position:relative; z-index:99; border:1px solid #fff; background:#DF9D00 }

#liste-coeur ul { padding:0; margin:0 }

#liste-coeur li ul { padding:0 0 0 1px; margin:0 }

#liste-coeur li { list-style: none outside; margin:0; padding:3px 0 3px 8px }

#liste-coeur a { padding:4px 0 4px 0; text-decoration:none; color:#fff; }

#liste-coeur a:hover { text-decoration: underline; }

#liste-coeur .li_niveau_0 { background: transparent url('../images/puce-li-niveau-0.png') no-repeat 0 7px; }

#liste-coeur .a_niveau_0 { font-weight:bold }

#liste-coeur .li_niveau_1 { background: transparent url('../images/puce-li-niveau-1.png') no-repeat 0 7px; }

#liste-coeur .li_niveau_1 li { background: transparent url('../images/puce-li-niveau-2.png') no-repeat 0 7px; }

/*/////////////////////////////////////////////// panier deroulant //////////////////////////////////////////////////////////////////*/

/*.droite { font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0 0 15px 0; clear:both; text-align:left; position:relative; z-index:99; clear:both; }*/

.nouveau-coup-promotion ul { list-style:none; width:178px; display:table; text-align:justify; border:1px solid #7C634D; padding:5px 5px 0 5px; margin:20px 0 0 0 }

.nouveau-coup-promotion li ul { left:178px; }

.nouveau-coup-promotion ul li { list-style:none; width:178px; margin:0; }

.nouveau-coup-promotion li ul { background: #4A270A; color:#fff; }

.nouveau-coup-promotion a { display:block; padding:4px 0 4px 0; width:178px; text-decoration:none; color:#fff; background: transparent url('../images/logo-li2.png') no-repeat 0 3px; text-indent:22px; }

.nouveau-coup-promotion a:hover { background: transparent url('../images/logo-li2-hover.png') no-repeat 0 3px; }

/*///////////////////////////////////////////////  fin panier deroulant //////////////////////////////////////////////////////////////////*/



/*/////////////////////////// connexion //////////////////////////////////*/
#connexion { width:150px; text-align:left; padding:0 4px 0 17px;  font-weight:normal;}

#connexion a { color:#ECD003;  }

.ok { }

.ok:hover { }

/*/////////////////////////// fin connexion //////////////////////////////////*/

/*/////////////////////////////////////////////// formulaire  //////////////////////////////////////////////////////////////////*/

#formContact { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; float: none; clear:both; color:#fff }

#formSearch { text-align: center; }

#formSearch label { }

#formSearch #rechercher { width:110px; float:none }

#formLog { text-align:left; padding:0px; }

#formLog #identifiant { width:112px; float:none; background-color:transparent; border:1px solid #EECF03; color:#EECF03;}

#formLog #password { width:82px; float:none; background-color:transparent;  border:1px solid #EECF03; color:#EECF03; vertical-align:middle;}

#formLog .ok { padding:1px; border:1px solid #EECF03; background:#1B1B1B; color:#EECF03; cursor:pointer; text-decoration:none; vertical-align:middle;}

#formLog2 { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; }

#formLog2 label { width:148px; }

#formLog2 input { width:150px; }

#formCgdv { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

#formCoords { width:420px; text-align:left; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

#formNewsletter { width:420px; text-align:center; clear:both; color:#000; padding:0 17px 0 0; margin:0 auto }

#formNewsletter label { color:#fff }

#formNewsletter a { color:#fff }

#inputNewsletter { clear:both; float:none; background: #3F3F3F; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:5px 0 4px 0; width:110px }

#formInscription { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

#formMdp { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #535353; }

#formMdp fieldset {color: #535353; }

#formMdp legend {color: #535353; margin-left:15px; padding:0 2px; font-weight:bold }

#formMdp input {background-color:transparent;border:1px solid #535353;}

#formMdp .label { width:150px }

#formMdp .input { width:150px }

#FormLivraison { width:485px; text-align:left; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

#FormLivraison input.livraison{ vertical-align:middle; margin-left:10px;}

#formRecherche { text-align:left;}

#formRecherche select { width:175px; float:none; margin:5px 0; }

#formRecherche input { width:115px; float:left; background-color:#fff;  vertical-align:middle;}

#formRecherche .submit { background:url(../images/boutons/boutonPetit.jpg) center no-repeat; border:medium none;
display:block;height:19px;width:42px;padding:0!important; float:right; cursor:pointer; color:#FFFFFF;}

/*/////////////////////////// page livraison //////////////////////////////////*/



/*/////////////////////////// page commande //////////////////////////////////*/

#commande { width:420px; border-collapse:collapse; color:#000; margin:0 auto; text-align:left; border:1px solid #000 }

#commande td { border-bottom:1px solid #000; padding:2px 3px 3px 2px }

#commande td.titre { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

#commande .td1 { }

#commande .td2 { width:80px; }

#commande .td3 { width:70px; }

#commande .td4 { width:70px; }

#commande .td5 { width:30px; }

#commande .attente { color:#f00; }

#commande .expediee { color:#00f; }

/*/////////////////////////// fin page commande //////////////////////////////////*/

/*/////////////////////////// page commande_detail //////////////////////////////////*/

.cadre { color:#000; clear:both; width: 230px; padding:0; margin:10px auto; text-align:left; border:#000 solid 1px; }

.cadre h3 { color:#ECD003; background-color:#3F3F3F; text-align:left; width: 210px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:2px 0 0 20px; margin:0 0; }

.cadre p { padding:0 10px 15px 10px }

#commande_detail { width:420px; border-collapse:collapse; border:1px solid #000; color:#000; margin:0 auto }

#commande_detail td { padding:2px 0 3px 0; border-bottom: 1px solid #000 }

#commande_detail caption { text-align:center; color: #000; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 0 }

#commande_detail td.titre { }

#commande_detail .td1 { text-align:left; padding-left:5px }

#commande_detail .td2 { width:110px; text-align:right }

#commande_detail .td3 { width:90px; text-align:center }

#commande_detail .td4 { width:90px; text-align:right; padding-right:5px }

.attente { color:#f00; }

.expediee { color:#00f; }

#paiement_detail { width:420px; border-collapse:collapse; border:1px solid #000; color:#000; margin:0 auto }

#paiement_detail td { padding:2px 0 3px 0; border-bottom: 1px solid #000 }

#paiement_detail caption { text-align:center; color: #000; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 0 }

#paiement_detail td.titre { }

#paiement_detail .td1 { padding-left:5px }

#paiement_detail .td2 { text-align:right; padding-right: 5px }

/*/////////////////////////// page commande_detail //////////////////////////////////*/

/*/////////////////////////// page condition //////////////////////////////////*/

#condition * { font-family:Verdana, Arial, Helvetica, sans-serif }

.condition { padding:0 15px 0 0; margin:0px; height:300px; overflow:auto }

#condition ul { padding:0 0 10px 15px }

#condition li { list-style: inside circle; }

/*/////////////////////////// fin page condition //////////////////////////////////*/

/*/////////////////////////// panier valide //////////////////////////////////*/

#tablePanier { width:450px; border-collapse:collapse; border:1px solid #000; margin: 0 auto; padding:0 0 5px 0; color:#000 }

#tablePanier td { padding:2px 0 3px 0; border-bottom:1px solid #000; color:#000 }

#tablePanier td a { color:#000 }

#tablePanier td.titre { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

#tablePanier .td1 { text-align:left; padding-left:5px }

#tablePanier .td2 { width:80px; text-align:right }

#tablePanier .td3 { width:95px; text-align:center }

#tablePanier .td3 input { margin: 0 auto; float:none; clear:both; color:#ECD003 }

#tablePanier .td4 { width:90px; text-align:right; padding-right:5px }

#tablePanier .td5 { padding-left:5px }

#tablePanier .td6 { }

#tablePanier .td7 { background:#FDE104; text-align:right; padding-right:5px }

#tablePanier .td8 { text-align:right; padding-right:5px }

#tablePanier .td9 { background:#FDE104; text-align:right; padding-right:5px }

#modePaiement { width:100%; border-collapse:collapse; margin:15px auto }

#modePaiement .td1 { }

#modePaiement .td2 { width:180px }

/*/////////////////////////// fin panier valide //////////////////////////////////*/




/*/////////////////////////// pagination //////////////////////////////////*/

p.pagination { text-align:center; float:none; clear:both; padding:2px 0 10px 0 }

p.pagination a { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #3C81B9; color:#3C81B9; background:#fff; padding:0 3px 1px 3px; text-decoration:none }

p.pagination .select { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #fff; color:#fff; background:#3C81B9; padding:0 3px 1px 3px }

p.pagination a:hover { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #fff; color:#fff; background:#3C81B9; padding:0 3px 1px 3px }

/*/////////////////////////// ariane //////////////////////////////////*/


h2.ariane { font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; padding: 10px 0 10px 5px; color:#000; text-align:center; }
h3.ariane { margin-top:-10px;}
.titre-produit h2.ariane{ color:#fff; }

h2.ariane a { color:#000; }

.titre-produit h2.ariane a { text-decoration:none; font-weight:bold ; color:#fff; }

h2.ariane a:hover { text-decoration:none }

h2.ariane .clair { color:#fff; }

h2.ariane .fonce { color:#fff }

/*/////////////////////////// fin page rubrique //////////////////////////////////*/

#debug { width:918px; margin:0 0 0 -467px; clear: both; position: fixed; _position: absolute; top:0; left:50%; background:#F5EEDA; text-align:left; overflow-x: hidden; border-left: 2px solid #BBBEC0; border-right: 2px solid #BBBEC0; z-index:99999999999999999 }

#debug * { color:#000; text-align:left }

#debug h2 { padding:10px 0 }

#debug:focus { background:#fff; outline:0 }

#texteDebug ul, #texteDebug ol { padding:0 0 1em 1em; }

#texteDebug ul li { list-style: square inside }

#texteDebug ol li { list-style: decimal inside }

#texteDebug { padding: 0 20px; height:300px; overflow:auto; }

#divBoutonDebug { text-align:center; background:transparent url('../images/fond-bouton-debug.png') repeat-x; height:7px }

#divBoutonDebug a { display: block; width:48px; height:7px; font: normal 1px/1px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/bouton-debug.png') no-repeat; text-indent:-500000px; margin:0 auto }

#divBoutonDebug a:hover { opacity:0.7 }

#divBoutonDebug a.fermer { background-position: 0 top; }

#divBoutonDebug a.ouvert { background-position: 0 bottom; }

/*//////////////////////////////// fiche produit ///////////////////////////////////*/

.fiche-produit { width:524px; _width:520px; min-height:150px; _min-height:150px; margin:5px auto; _margin:0 0 10px 0px;  border:2px solid #9c9d9f; color:#fff; }

.fiche-detail { width:100%; margin:0 0 20px 4px;}

.fiche-produit p { color:#707173;  }

.fiche-produit a { color:#707173; }

.fiche-produit .titre-produit {background-color:#9c9d9f; padding:10px 0; color:#fff; border-bottom:1px solid #fff; }

.fiche-detail .titre-produit { background-color:#9c9d9f; }

.fiche-produit .titre-produit h3 { text-align:center; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:8px 0; }

.fiche-produit .titre-produit h3 a { text-decoration: none;  color:#fff; }

.fiche-produit .texte-produit { min-height:162px; _height:160px; padding:5px 3px; background-color:#fff; color:#fff; border:none; text-align:left; }

.fiche-produit .texte-produit .cc { width:74px; height:15px; display: block; float:left; margin-right:2px; padding:2px 0px; background:#fff url('../images/boutons/boutonMoyen.jpg');  font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-indent:8px; text-align:left;  }

.fiche-produit .texte-produit .cc a { color:#fff; text-decoration:none;}

.fiche-produit .texte-produit .sousTitre { font-size:14px; font-weight:bold; color:#9c9d9f}

.fiche-produit .texte-produit .sousTitre.trait { padding:0; margin:10px 0; border-bottom:2px solid #9c9d9f}

.fiche-produit .texte-produit li { margin-left:20px; display:list-item; list-style:disc  }

.fiche-produit .image-produit { width:154px;  padding:10px 0; margin-left:5px; background-color:#ececed;  float:right; text-align:center; }

.fiche-produit .image-produit a { display: block; margin:5px auto;}

.fiche-produit .image-produit img { border:2px solid #9c9d9f}

.fiche-produit .decli-produit { clear:both; padding:5px }

.fiche-produit .description { padding:5px 5px 0 0; text-align:justify; }

.fiche-detail .description { width:585px;  float:left; text-align:justify; color:#666; }

.fiche-detail .fichierComplementaire { width:250px; height:100px;  float:right; margin-left:10px; background-color:#cfd0d1}

.fiche-detail .fichierComplementaire .titre { width:100%; padding:5px 0; text-align:center; background-color:#9c9d9f; color:#fff; font-weight:bold}

.fiche-detail .fichierComplementaire .contenu {padding:10px;}

.fiche-detail .accessoires .vignette { width:173px; float:left; margin:5px;  border:2px solid #9c9d9f; text-align:center}

.fiche-detail .accessoires .vignette .image { min-height:150px;}

.fiche-detail .accessoires .vignette .nomProd { padding:5px 0; background-color:#9c9d9f; text-align:center; color:#fff; font-weight:bold}

.fiche-produit .acheter { text-align:right }

.fiche-produit .acheter img { border:none }

.fiche-produit .acheter a { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.fiche-produit .acheter a:hover { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.fiche-produit .bas { clear:both; }

.fiche-produit del { color: #fff }

.fiche-produit a.bouton-panier1 { color:#572D22; text-decoration: none; padding: 0 2px; font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif }

.fiche-produit a.bouton-panier1:hover { color:#572D22; text-decoration: none; padding: 0 2px; font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif }

.fiche-produit a.bouton-panier2 { color:#572D22; text-decoration: none; padding: 0 1px; font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif }

.fiche-produit a.bouton-panier2:hover { color:#572D22; text-decoration: none; padding: 0 1px; font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif }

.fiche-produit-bas { height:43px; background: #2B1C07 url('../images/fiche/bas.jpg') no-repeat top; padding:0; }

.fiche-produit .encarts {  height:35px;}

.plusInfos { display:block; width:140px; height:15px; padding:2px 0; margin:10px auto 0 auto; clear:both; background:transparent url('../images/boutons/boutonExLarge.jpg'); text-align:center}

.fiche-produit .plusInfos {float:right;}

.plusInfos a {color:#fff; text-decoration:none; cursor:pointer}


/*------------sous rubrique----------------------------------*/

.sousRubrique { width:45.5%; height:90px; float:left; margin:0.5%; padding:50px 1% 0 1% ; text-align:center; background:#9c9d9f; border:2px solid #9c9d9f  }

.sousRubrique a {text-decoration:none;}

.sousRubrique .libelle { color:#fff;  font-weight:bold;}

.sousRubrique img { float:right;  border:1px solid #fff; margin-top:-35px;}
/*---------------------------encarts-------------------------*/

.encart { width:170px; text-align:center }

.encart h3, .encart p { padding:0 0 5px 0; }

.encart .border { border:1px solid #2A5CA4; border-left:none; border-top:none;}
/*//////////////////////////////// fiche decli ///////////////////////////////////*/

.tableDecli {  /*border-top: 1px solid #fff; border-bottom: 2px solid #E6FB7A; */color:#ECD003; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; width:99%; margin:2px 0 0 2px; clear:both }

.tableDecli img { border: 1px solid #fff; }

.tableDecli a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.tableDecli a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.tableDecli a { color:#ECD003; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

.tableDecli a:hover { color:#ECD003; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

.tableDecli tr { clear:both; width:100% }

.tableDecli td {padding:3px 0 2px 3px; border-bottom: 1px solid #ECD003; vertical-align:middle }

.tableDecli .fond1 { }

.tableDecli .fond2 { background:transparent; background-color:#000 }

.tableDecli .fond_titre { background:#AC0000 url('../images/fond-titre-produit.jpg') repeat-x top; }

.tableDecli td.titre { font-weight:bold; background-color:#000 }

.tableDecli .tdimg img { }

.tableDecli .noborder { border:none }

.tableDecli .dyn { text-align:center }

.tableDecli .panier { width:80px; text-align:center; }

.tableDecli del { color: #ECD003; font-weight:bold }

.tableDecli a.bouton-panier1 { color:#E6FB7A; text-decoration: none; padding: 0 2px; font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif }

.tableDecli a.bouton-panier1:hover { color:#E6FB7A; text-decoration: none; padding: 0 2px; font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif }

.tableDecli a.bouton-panier2 { color:#E6FB7A; text-decoration: none; padding: 0 1px; font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif }

.tableDecli a.bouton-panier2:hover { color:#E6FB7A; text-decoration: none; padding: 0 1px; font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif }

.tableDecli tr td input { width:25px; /*margin-top:2px;*/ vertical-align:middle; background-color:#1B1B1B; color:#fff; border:none;  border-bottom: 1px solid #E6FB7A;}

/*//////////////////////////////// form decli ///////////////////////////////////*/

#formDecli { width:250px; height:29px; background: transparent url('../images/fond-panier.png') no-repeat; margin:7px auto 10px auto; float:right }

#formDecli #prix { display:block; float:left; width:170px; height:24px; padding:5px 0 0 3px; color:#fff; position:relative; z-index:10; text-align:center; }

#formDecli #prix del { color:#fff; font-weight:normal }

#formDecli #prix strong { font: bold 13px/18px Verdana, Arial, Helvetica, sans-serif; }

#formDecli #boutonpanier { display:block; width:64px; height:29px; float:right; color:#000; font: normal 9px/25px Verdana, Arial, Helvetica, sans-serif; text-align: center; padding:0 0 0 0; text-indent:6px }



/*//////////////////////////////// pagination ///////////////////////////////////*/

#pagination { clear:both; width:90%; margin:0 auto }

#precedent { width:50%; float:left; text-align:left; height:20px }

#suivant { width:50%; float:left; text-align:right; height:20px }

.categorie { text-align:center; font: bold 16px Verdana, Arial, Helvetica, sans-serif; letter-spacing:10px; border:1px solid #fff; width:418px; margin:  0 auto; border-bottom: none; padding:0 0 2px 0 }