@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:#B52631; text-align:center}

ul { padding: 0 0 1em 1em }

li { list-style: square inside}

.tab_couleur1 { background-color:#4F4945;}

.tab_couleur2 {}

*.noborder { border:none}


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

form  { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

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

form a, form label { color: #fff;}

form option { background:none; border:none }

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

form .legend { padding:2px 10px 2px 10px; text-transform:uppercase; color:#fff; font: italic bold 11px Verdana, Arial, Helvetica, sans-serif; border-left:3px solid #fff }

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

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

form .input { width:96px; height:13px; float:left; }

form .input2 { width:191px; height:13px; float:left; }

form .textarea { width:394px; height:60px; overflow: auto; clear:both; background: #4F4945; border: 1px solid #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

form .textarea_hover { width:394px; height:60px; overflow: auto; clear:both; background: #4F4945; border: 1px dashed #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; }


form .select { width:98px; height:18px; float:left; color:#fff; background:#4F4945; border: 1px solid #fff; position:static; z-index:1}

form .select_hover { width:98px; height:18px; float:left; background:#4F4945; border: 1px solid #fff; }

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

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

form .texte_antispam { }

form .image_antispam { display:none }

form #code { width:150px; }

form .divimagecaptchat { margin: 0 auto}

form .border, #code, #imgcaptcha { background: #4F4945; border:none; border-bottom: 1px solid #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

form .border_hover { background: #4F4945; border:none; border-bottom: 1px dashed #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

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

form .separation { padding:0 0 6px 0; clear:both }

form .separation div { border-bottom: 1px dashed #fff; padding:5px 0 0 0; }

form .div_form { clear:both; padding: 0 0 5px 0; min-height:20px; _height:20px ; color:#fff }

form .divtexte { clear:both; padding:5px  0 0 0; min-height:20px; _height:20px;  }

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

form #question { font-weight:bold}


/*/////////////////////////// fin general //////////////////////////////////*/

/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/
#menu a { text-decoration: none}

#menuderoulant {min-height:211px; _height:211px; font: normal 11px/20px Arial, Helvetica, sans-serif; padding:40px 19px 0 15px; background: transparent url('../images/produits.gif') no-repeat; color:#fff; }

#menuderoulant a { color:#fff; text-decoration:none }

#menuderoulant ul { text-align:left; padding: 0 0 10px 8px; position:absolute; margin:0 0 0 -15px }

html:not([lang*=""]) #menuderoulant ul { margin:0 0 0 0px }

#menuderoulant ul li { list-style:none; width:142px; margin:0 0 5px 0}

#menuderoulant .ulniveau0 { }

#menuderoulant .ulniveau1 { }

#menuderoulant .ulniveau2 { }

#menuderoulant .ulniveau3 {}

#menuderoulant .liniveau0 {}

#menuderoulant .liniveau1 {}

#menuderoulant .liniveau2 {}

#menuderoulant .liniveau3 {}

#menuderoulant a { display:block; border:1px solid #7d5024; background: #3b210c url('../images/puce-menu.gif') no-repeat 3px 8px; padding:0 0 0 15px; width:127px; margin:0  }

#menuderoulant a:hover {  background: #5d3413 url('../images/puce-menu-hover.gif') no-repeat 3px 8px;margin:0}

.bull { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#c03}

.nav li { position:relative; z-index:999; }

.nav li:hover ul, ul.nav li.sfHover ul { left:137px; top:0  }

#menuderoulant .bold { background: #5d3413 url('../images/puce-menu-hover.gif') no-repeat 3px 8px;margin:0}




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


/*/////////////////////////// connexion //////////////////////////////////*/
#connexion { text-align:center; clear:both; float:none; color:#c5bcb6   }

#connexion label { color:#c5bcb6; }

#connexion a { color:#c5bcb6; }

#connexion #formlog { clear:both; padding:0}

#connexion #identifiant {background: #4F4945; border:none; border-bottom: 1px solid #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0 0 5px 0; height:14px; padding:0 }

#connexion #password {background: #4F4945; border:none; border-bottom: 1px solid #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0 0 5px 0; height:14px; padding:0; width:112px  }

.ok { display:block; width:24px; height:16px; float:left; margin: -2px 0 0 3px; background:transparent url('../images/ok.gif') no-repeat; text-indent:-5000px; color:#c5bcb6}

.ok:hover { background:transparent url('../images/ok-hover.gif') no-repeat; }

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

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

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

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

#commande .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; }

.attente { color:#f00;}

.expediee { color:#00f; }


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

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

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

.cadre h3 { color:#fff; background-color:#734117; 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:480px; border-collapse:collapse; border:1px solid #000; color:#fff; margin:0 auto }

#commande_detail td { padding:2px 0 3px 0}

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

#commande_detail .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}

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

#paiement_detail td { padding:2px 0 3px 0}

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

#paiement_detail .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 { overflow:scroll; height:350px; padding:0 15px 0 0; margin:10px; border:1px solid #000; border-bottom:2px solid #000; overflow-x:hidden}

#condition li { list-style: square outside;}

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

/*/////////////////////////////////////////////// formulaire de contact //////////////////////////////////////////////////////////////////*/

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


/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/

/*/////////////////////////// page conditions //////////////////////////////////*/

#formCgdv, #formlog2 { width:370px; text-align:center;  padding:20px 0 0 0; margin:0 auto; clear:both; color: #000; }

#formlog2 .label { width:120px}
 
#formlog2 .input { width:140px}
 
/*/////////////////////////// fin page condition //////////////////////////////////*/


/*/////////////////////////// page coords //////////////////////////////////*/

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

/*/////////////////////////// finpage coords //////////////////////////////////*/

/*/////////////////////////// page inscription //////////////////////////////////*/

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

/*///////////////////////////fin  page inscription //////////////////////////////////*/


/*/////////////////////////// page mdp //////////////////////////////////*/

#formMdp {width:320px; text-align:center;  padding:20px 0 0 0; margin:0 auto; clear:both; color: #000;}
 
#formMdp .label { width:120px}

#formMdp .input { width:140px}
 


/*///////////////////////////fin  page mdp //////////////////////////////////*/

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

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


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

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

#tablePanier { width:480px; border-collapse:collapse; border:1px solid #fff; margin: 0 auto; padding:0 0 5px 0}

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

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

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

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

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

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

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

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

#tablePanier .td6 { }

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

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

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

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

#modePaiement .td1 { }

#modePaiement .td2 { width:180px}

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


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

/**Encart Rub
**********************/
.block_rub { float:left; margin:20px 0 0 60px; _margin:10px 0 0 28px; width:200px; text-align:center;  min-height:200px; background:transparent url('../images/fond-rub.gif') repeat-y; }

.block_rub h3 {  color:#300; height:36px; text-align:center; font: bold 15px/15px Verdana, Arial, Helvetica, sans-serif;  background:transparent url('../images/rub.gif') no-repeat; padding: 4px 0 0 0; margin:0 0 15px 0; clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0 }

.block_rub a {  font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif;   color:#fff}

.block_rub .image { height:155px; }

.block_rub .image img { border:#4F4945 solid 2px;  padding:2px }

.block_rub .basvignette { width:200px; height:18px; clear:both; background:transparent url('../images/bas-rub.gif') no-repeat}

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

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



/**Encart Vignette
**********************/
.block_vignette { margin:30px auto 15px auto; width:486px; min-height:150px; _height:150px; text-align: justify; background:transparent url('../images/fond-vignette.gif') repeat-y; clear:both; float:none; color:#fff; }

.block_vignette * { font-family:Verdana, Arial, Helvetica, sans-serif}

.block_vignette .basvignette { width:486px; height:18px; clear:both; background:transparent url('../images/bas-vignette.gif') no-repeat}

.block_vignette .h3 { color:#fff; height:27px; text-align:center; font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/h3.gif') no-repeat; padding:7px 0 0 0;  clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0;  width:486px; }

.block_vignette .h3 a { color:#fff; }

.block_vignette a { font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#fff }

.image { float:left; display:block; text-align:center; margin:0 10px 0 0; width:170px;  /*border-right:1px dashed #fff; */padding: 10px 0 5px 0   }

.image img { border:3px solid #C5BCB6; padding:2px; position:relative; top:-5px }

.block_vignette .image { float:left; display:block; text-align:center; margin:0 10px 0 0; width:170px;  /*border-right:1px dashed #fff; */padding: 10px 0 5px 0   }

.block_vignette .image img { border:3px solid #C5BCB6; padding:2px; }

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

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

.block_vignette .detail {  padding:10px 3px 0 3px; /*border-top:1px dashed #fff;*/ clear:both}

.block_vignette .description { clear:both; float:none; display:block; text-align:justify; padding:5px; font: normal 12px Verdana, Arial, Helvetica, sans-serif }

.block_vignette .prix { clear:both; float:none; display:block; text-align:left; }

.block_vignette .prix2 { text-align:center; color:#fff; }

.block_vignette .prixbarre { font-size:12px; font-weight:bold; color:#f00 }

.block_vignette .divers { display:inline; font-size:12px; font-weight:bold; font-style:italic; color:#f00 }

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

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

.block_vignette .panier { text-align:center; width:212px; margin:0 auto }

.block_vignette .panier img { border:none; text-align:center }

.block_vignette .declinaison { padding:10px 0 0 3px; float:left; width:289px; min-height:110px;  _height:110px; }

.block_vignette .strong { display:block; float:left; width:85px; text-align:right}

.block_vignette .separation {  padding:5px 0}

.block_vignette .separation div { border-bottom:1px dashed #000; clear:both;clear:both}

.block_vignette table { width:480px}

#formtransfert { }



#prix { display:block; float:left; width:201px; height:28px; padding:1px 0 0 3px; color:#fff; position:relative; z-index:10; }

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

#prix strong { font: bold 15px/18px Verdana, Arial, Helvetica, sans-serif; display:block; width:111px; float:left;  text-align:left }

#prix sub { font: normal 90% Verdana, Arial, Helvetica, sans-serif;  }


#dd { display:block; float:right; width:90px; text-align:left; line-height:12px}

#promottc { font:normal 11px Verdana, Arial, Helvetica, sans-serif; position:relative; z-index:10; top:-9px;}

#boutonpanier { display:block; width:93px; height:29px;  float:right; text-indent:-5000px}

#imgdecli { padding:1px; background: transparent; border: 2px solid #fff}

.ref { text-align: left; }

#formdecli {}

#formdecli label { font: bold 11px Verdana, Arial, Helvetica, sans-serif; display:block; width:60px; float:left; text-align:right; padding:0 3px 0 0;}

#formdecli p { clear:both}

#formdecli select { width:220px; font-size:10px;}

del { color:#f00}

.ref { text-align:left; }

#pagination { clear:both; font: bold 10px Verdana, Arial, Helvetica, sans-serif; padding:10px 0 0 0}

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

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

.cc {background:#A62332 url('../images/fleche.gif') no-repeat 2px 6px; border-bottom:3px solid #8c1d2a; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-indent:8px; text-align:justify; padding:2px 5px 4px 10px; color:#fff; margin:0 5px 0 0; position:relative; top:4px}

.pcc { text-align:center}

.support { width:185px; min-height:220px;  _height:220px; text-align:center; float:left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; border:1px solid #fff; margin:5px 5px 5px 3px; background:#C1BDB1;  color:#fff}

.support a { border: none;  color:#fff}

.support a  img { padding:2px; border: 1px solid #fff}

.support2 { width:195px; text-align:center; clear:both; margin:0 auto; display:none}

.support3 { min-height:200px}

#transfert { clear:both; background-color:#EDAB64; width:800px;   height:300px; position:absolute; top:400px; left:50%; margin:0 0 0 -320px; overflow:scroll; overflow-x:hidden; display:none; border:2px solid #fff;  color:#fff}

#transfert a { color:#fff}

#transfert2 { clear:both; text-align:center; }

#transfert2 img {  padding:2px; border: 2px solid #fff}

#transfert2 a { text-decoration:none}


.imggd {display:block; float:left; width:30px; height:20px; border:1px solid #fff;  text-indent:-5000px; margin:0 0 3px 3px; _margin:0 0 3px 2px}

.imggd:hover { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

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

.numimage { height:30px; margin:0 auto 5px auto; }

#descrub {  margin:30px auto 15px auto; width:510px;  text-align: justify; background:transparent url('../images/fond-descrub.gif') repeat-y; clear:both; float:none; color:#000;}

#descrub h3 { color:#fff; height:23px; text-align:center; font: normal 20px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/descrub.gif') no-repeat; padding:7px 0 0 0;  clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0;  width:510px;  }

#descrub img { border:2px solid #4F4945; padding:1px;  float:left; margin:0 10px 0 0 }

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

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

#descrub .texte { padding:10px}

#descrub .bas { width:510px; height:18px; clear:both; background:transparent url('../images/bas-descrub.gif') no-repeat}

.descrub {  margin:30px auto 15px auto; width:510px;  text-align: justify; background:transparent url('../images/fond-descrub.gif') repeat-y; clear:both; float:none; color:#000;}

.descrub h3 a {  color:#fff;}

.descrub h3 { color:#fff; height:23px; text-align:center; font: normal 20px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/descrub.gif') no-repeat; padding:7px 0 0 0;  clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0;  width:510px;  }

.descrub img { border:2px solid #4F4945; padding:1px;  float:left; margin:0 10px 0 0 }

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

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

.descrub .texte { padding:10px}

.descrub .bas { width:510px; height:18px; clear:both; background:transparent url('../images/bas-descrub.gif') no-repeat}

.selpage { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #fff; }

.pagination { margin:5px 0 5px 0; text-align:center; float:none; clear:both;  }

#ariane {  }

#ariane a { color:#c5bcb6; font: bold 14px Verdana, Arial, Helvetica, sans-serif}

#ariane a:hover { text-decoration:none}

#ariane .clair { color:#9F8D81}

#ariane .fonce {color:#fff}

#haut_decli { height:25px; background: transparent url('../images/haut-decli.gif') no-repeat; clear:both}

#bas_decli {height:24px; background: transparent url('../images/bas-decli.gif') no-repeat; clear:both}

#fond_decli { padding:1em; background: transparent url('../images/fond-decli.gif') repeat-y}


.coupcoeur {font: bold 10px Verdana, Arial, Helvetica, sans-serif; min-height:10px; text-align: center; color:#21356C; padding:0 0 10px 0;margin:0; }

.coupcoeur .cc2 {background:#A62332 url('../images/fleche.gif') no-repeat 2px 6px; border-bottom:3px solid #8c1d2a; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-indent:8px; text-align:justify; padding:2px 10px 4px 15px; color:#fff}

.coupcoeur a {color:#21356C}

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

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

.coupcoeur img { clear:both; margin:0 0 5px 0; border:2px solid #4F4945; padding:1px }

.coupcoeur p { padding:0; margin:0;}


#tableDecli {  border: 1px solid #fff; border-bottom: 2px solid #fff; color:#fff; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;  margin: 0 auto }

#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:#fff; 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 #fff; vertical-align:middle}

#tableDecli .fond1 { background:#3E3732}

#tableDecli .fond2 {background:#574d46}

#tableDecli .fond_titre {background:#574d46}

#tableDecli .titre { font-weight:bold; }

#tableDecli .td1 { width:187px; background-position: 0 0}

#tableDecli .td2 { text-align:center; width:147px; background-position: -190px 0}

#tableDecli .td3 { text-align:center; width:107px; background-position: -340px 0 }

#tableDecli .tdimg { width:80px}

#tableDecli .tdimg img { height:3cm;}



#colonneGauche .affichageProduit { clear:both; font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif; }

#colonneGauche .lienProduit { display:block; width:25px; height:25px; float:left; margin:0 10px 10px 10px; background-position: center center; text-indent:-5000px}

#contenu .affichageProduit { float:left; font: bold 15px/13px Verdana, Arial, Helvetica, sans-serif; text-align:center; width:49%; padding:0 0 15px 0; letter-spacing:1px }

#contenu .affichageProduit a { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }
#contenu .affichageProduit img { border: 1px solid #fff}

#contenu .affichageProduit a:hover { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#contenu .lienProduit { display:block; width:250px; height:130px; clear:both; margin:0  auto 10px auto; background-position: center center; text-indent:-5000px; position:relative; top:0; left:0}

#contenu .affichageProduit a.lienNomProd { border:none; text-decoration:none;}
a.lienNomProd { border:none; text-decoration:none;}


.mise_en_oeuvre { padding:5px}

#liproduit li { list-style: none outside}

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



.desc_rub { clear:both; border:1px solid #fff; padding:10px; margin:10px 0}

.desc_rub img { float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #fff}

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

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

/*/////////////////////////// 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;}