@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:#9EDA9E;  }

.tab_couleur2 { }

.noborder { border:none}

.displayNone { display:none; }


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

form { color: #000;}

form * { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

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

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 #000; font: bold italic 12px Verdana, Arial, Helvetica, sans-serif  }

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:#fff; border: 1px solid #000; }

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:96px; height:13px; float:left; border:none; border-bottom:1px solid #000; background: #fff; }

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

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

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

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

form #code { width:191px; height:13px; border:none; border-bottom:1px solid #000; background: #fff; }

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}

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

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

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

#menuderoulant ul { list-style:none; width:173px; display:table; }

#menuderoulant li ul { left:173px;  }

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

#menuderoulant li ul { background: #9EDA9E; color:#fff; border:1px solid #000 }

#menuderoulant a { display:block; padding:4px 10px 4px 10px; width:153px; margin:0; text-decoration:none; color:#fff; font-weight:bold  }

#menuderoulant a:hover, #menuderoulant .bold { font-weight: bold;  color:#0C5BA8; background: #fff}

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

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

#catalogue { font: normal 11px/20px Arial, Helvetica, sans-serif; color:#000; padding:5px 0 15px 0; clear:both; text-align:left; position:relative; z-index:99; left:-5px; clear:both; width:187px }

#catalogue ul { list-style:none; width:219px; display:table;  background: #9EDA9E; color:#000; border:1px solid #000 }

#catalogue li ul { left:219px;  }

#catalogue ul li { list-style:none; width:219px; margin:0;   }

/*#catalogue li ul { background: #9EDA9E; color:#000; border:1px solid #000 }*/

#catalogue a { display:block; padding:4px 10px 4px 10px; width:199px; margin:0; text-decoration:none; color:#000; font-weight:bold  }

#catalogue a:hover, #catalogue .bold { font-weight: bold;  color:#000; background: #fff}

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


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

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

#panier ul { list-style:none; width:173px; display:table; }

#panier li ul { left:-213px;  }

#panier ul li { list-style:none; width:173px; margin:0;  }

#panier a { display:block; padding:4px 10px 4px 10px; width:153px; margin:0; text-decoration:none; color:#fff; font-weight:bold  }

#panier li ul { background: #0C5BA8; color:#fff; border:1px solid #000; width:213px }

#panier li li {  width:213px }

#panier li ul a {  width:193px }

#panier a:hover, #panier .bold { font-weight: bold;  color:#0C5BA8; background: #fff}

.imgPanier {float:right; position:relative; z-index:999; top:-15px; right:20px}

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



/*/////////////////////////// connexion //////////////////////////////////*/
#connexion { text-align:center; padding:10px 0 0 0; clear:both; color:#000;  }

#connexion a {  }

.ok {   }

.ok:hover { }

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

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

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

#formSearch { text-align:center; }

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

#formSearch #id_marque { width:150px; float:none }

#formLog { text-align:center; }

#formLog #identifiant { width:130px; float:none }

#formLog #password { width:110px; float:none }

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

#formLog2 label { width:150px; }

#formLog2 input { width:150px; }

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

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

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

#formNewsletter label {  color:#000  }

#formNewsletter a {  color:#000  }

#inputNewsletter { clear:both; float:none; background: #9EDA9E; 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: #000; }

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

#formMdp .label { width:150px }

#formMdp .input { width:150px }

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

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



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

#commande { width:500px; 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 .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:#000; background-color:#9EDA9E; 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:500px; 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 .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:500px; 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 .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 //////////////////////////////////*/

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

#tablePanier { width:500px; 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 .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:95px; 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:#9EDA9E; text-align:right; padding-right:5px }

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

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

#modePaiement { width:500px; 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 23px; _margin:10px 0 0 15px; 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 5px 0; clear:both; float:none; }

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

.block_rub .image { height:155px; }

.block_rub .image img { border:#fff 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:500px; 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 p {  color:#fff;}

.block_vignette .basvignette { width:500px; height:9px; clear:both; background:transparent url('../images/bas-vignette.gif') no-repeat ; _margin:0 0 -4px 0 }

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


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

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

.block_vignette .imageRub { float:left; display:block; text-align: center; margin:0; width:150px; padding: 10px 15px 5px 5px; height:150px; position:relative; top:0; left:0 }

.block_vignette .imageRub a { position:relative; top:0; left:0}

.block_vignette .imageRub a img { border:3px solid #fff; padding:2px; }

.block_vignette .image { float:left; display:block; text-align: left; margin:0; width:150px; padding: 10px 15px 5px 5px; height:150px; position:relative; top:0; left:0 }

.block_vignette .image a { position:relative; top:0; left:5px}

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

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

.block_vignette .description * { font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#fff}

.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:11px; font-weight:bold; color:#f00 }

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

.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 10px; float:left; width:290px; 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 #fff; clear:both; clear:both }

/*.block_vignette table { width:500px }*/

#formtransfert { width:313px; height:29px; background: transparent url('../images/fond-panier.gif') no-repeat; margin:10px auto 0 auto; }

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

.ttc { font: normal 10px Verdana, Arial, Helvetica, sans-serif}

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

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

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

#dd {  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: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}

#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; margin: 0 auto; width:98% }

#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 2px 0 0 }

.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:#000; border:1px solid #fff; margin:5px 5px 5px 3px; background:#C1BDB1; color:#000 }

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

.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:25px; height:20px; border:1px solid #fff; text-indent:-5000px; margin:0 0 2px 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 { min-height:20px; _height:20px; margin:0 auto 5px auto; color:#811F7C  }

.numimage a { color:#811F7C  }

#descrub { margin:30px auto 15px auto; width:486px; 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: bold 16px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/descrub.gif') no-repeat; padding:7px 0 0 0; clear:both; float:none; width:486px; }

#descrub img { border:2px solid #fff; 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:9px; clear:both; background:transparent url('../images/bas-descrub.gif') no-repeat; _margin:0 0 -7px 0  }

.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 #EF632C; 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:500px; 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: #000; }

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

h2#ariane { font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 5px 5px; color:#000; text-align:left; letter-spacing:-1px }

h2#ariane a { color:#000; text-decoration:underline }

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

h2#ariane .clair { color:#777}

h2#ariane .fonce { color:#000}


/* Fiches Magasin */
.fiche { width:170px; min-height:270px; _height:270px; float:left; background-color:#D733CF; border: 1px solid #962490; color:#fff; margin: 0 9px 0 13px}

.coeur { background:#D733CF url('../images/fond-fiche-coeur.png') no-repeat; }

.promo { background:#D733CF url('../images/fond-fiche-promo.png') no-repeat; }

.new { background:#D733CF url('../images/fond-fiche-new.png') no-repeat; }

.fiche p { color:#fff}

.fiche .titre { float:left; font-size:9px; font-weight:700; padding-bottom:10px; width:50%; }

.fiche .contenu { float:left; text-align:left; font-size:9px; width:50%; }

.fiche .imgA {display:block; height:150px; width:120px;   margin:0  auto; clear:both; text-indent:-5000px}

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

.fiche h3 { font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#fff}

.fiche h3 a { color:#fff}

.fiche .pas { width:120px; margin:0 auto; padding:100px 0 0 0; text-align:center}


#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:0 0 0 9px; background: transparent url('../images/fond-decli.gif') repeat-y  }

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

#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 a:hover { 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 {  }

#tableDecli .fond2 { background:#6F675A }

#tableDecli .fond_titre { background:#574d46 }

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

#tableDecli .tdimg img { }

#tableDecli .noborder { border:none}

#tableDecli .dyn { text-align:center}

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




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


#visionneuse  { width:430px; height:150px; text-align:center; margin: 0 auto}

#visionneuse li { width:150px; height:150px; padding:0 5px; line-height:11px; }

#visionneuse a, #visionneuse img { border: none; text-decoration: none; text-indent:-50000px}

#visionneuse a { margin:0 0 5px 0}

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