/******************** STRUCTURE GLOBALE ********************/
* { margin: 0; padding: 0; font-family: "Tahoma", Verdana, sans-serif; font-size: 12px; }
BODY { background: #FFF; }

/******************** EN-TETE ********************/
#header { display: none; }
#bandeau { display: none; }

/******************** CONTENU ********************/
#colonne { display: none; }

#article { width: 492px; margin: 20px auto 0 auto; padding: 0 0 15px 5px; }
#article H1 { margin-bottom: 8px; padding: 0 5px 0 5px; font-size: 15px; color: #C00; }
H1 .grise { font-size: 15px; color: #CCC; }
#article H2 { margin-bottom: 5px; padding: 0 5px 0 5px; font-size: 13px; color: #3358C1; }
#article H3 { padding: 0 5px 0 5px; }
#article P { margin-bottom: 5px; padding: 0 5px 0 5px; text-align: justify; }
#article P.alerte { font-weight: bold; text-align: center; }
#article P.adresse { margin-top: 5px; padding-left: 30px; background: url(../pics/interface/enveloppe.gif) no-repeat 12px 18px; }
P.pages { text-align: right !important; }
#article A { color: #C00; text-decoration: none; }
#article A:hover { text-decoration: underline !important; }
#article .pointilles { border-top: 1px dashed #999; border-bottom: 1px dashed #999; }
#article .encadre { margin-left: 5px; padding-right: 5px; border: 1px solid #3358C1; }
#article UL { margin: 10px 0 10px 20px; }
#article LI { margin-bottom: 5px; }

#article FORM { width: 95%; margin: 10px 0 10px 10px; padding-top: 5px; }
#article FORM P { margin-bottom: 10px; }
#article FORM H3 { margin: 10px 0 10px 0; color: #3358C1; text-decoration: underline; }
#article INPUT { width: 200px; padding: 1px; font-size: 11px; }
#article INPUT.petit { width: 120px; }
#article INPUT.chk { width: auto; border: none; background: none; vertical-align: middle; }
#article P.bouton { margin-top: 20px; text-align: right; }
#article INPUT.bouton { width: 130px; background: #CCC; }
#article LABEL.legende { float: left; display: inline; width: 120px; font-weight: bold; }
#article SELECT { width: 205px; }
#article SELECT.qte { width: auto; }
#article TEXTAREA { width: 325px; overflow: auto; }

DIV.produit { float: left; width: 245px; height: 230px; padding: 10px 0 0 0; }
DIV.b { border-bottom: 1px solid #CCC; }
DIV.g { border-left: 1px solid #CCC; }
DIV.d { border-right: 1px solid #CCC; }
DIV.produit H3, DIV.produit P { padding: 0 10px 0 15px !important; }
DIV.produit H3 { font-size: 14px; color: #3358C1; margin-bottom: 5px; }
DIV.produit H3 A { color: #3358C1 !important; }
DIV.produit P.description { text-align: left !important; }
DIV.prix { float: left; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #3358C1; }
DIV.prix .detail { font-size: 11px; }
P.prix { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #3358C1; }
A.prix { float: right; display: block; width: 90px; height: 17px; margin: 17px 0 0 0; padding-left: 20px; line-height: 17px; background: #C00 url(../pics/interface/bg-fiche.gif) no-repeat; font-weight: normal; color: #FFF !important; font-size: 11px; text-align: center; }
A.detailcat { float: right; display: block; width: 100px; height: 17px; margin: 17px 0 0 0; padding: 0 0 0 20px; line-height: 17px; background: #C00 url(../pics/interface/bg-fiche.gif) no-repeat; font-weight: normal; color: #FFF !important; font-size: 11px; text-align: center; }
DIV.fiche2 P.prix A { background: #C00 url(../pics/interface/bg-cart.gif) no-repeat; }
#prixarticle { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #3358C1; }
DIV.fiche { width: 250px; height: 215px; margin: 15px 0 30px 0; padding: 0 5px 0 5px; }
HTML>BODY>#conteneur>#contenu>#article DIV.fiche { height: auto; min-height: 215px; }
DIV.fiche2 { float: right; width: 225px; margin: 15px 0 30px 0; text-align: center; }
P.photos { margin: 20px 0 10px 0 !important; }
P.miniatures { padding-top: 5px!important; border-top: 1px solid #CCC; }

DIV.moduleProduits { clear: both; margin-top: 40px; padding-top: 5px; border-top: 1px solid #CCC; }
DIV.miniProduit { float: left; width: 150px; margin: 15px 10px 0 5px ; border-right: 1px solid #CCC; }
DIV.dernier { margin-right: 0; border: none; }
DIV.miniProduit H3, DIV.miniProduit P { text-align: center !important; }
DIV.miniProduit H3 { font-size: 11px; color: #3358C1; }
DIV.miniProduit H3 A { font-size: 11px !important; color: #3358C1 !important; }
DIV.miniProduit P.prix { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #C00; }

FORM.qte { width: auto !important; margin: 0 !important; padding: 0 !important; }
TD.entete { background: #3358C1; color: #FFF; }
TD.d { border-right: 1px solid #3358C1; }
TD P { text-align: inherit !important; }
#paiement { text-align: center; }

TR.alt { background: #F2F2F2; }
TD.enteteRes { border-bottom: 2px solid #999; }
TD.res { border-bottom: 1px solid #999; }
TR.actif { background: #EEEEDF !important; cursor: pointer; }

/******************** PIED-DE-PAGE ********************/
#footer { clear: both; height: 20px; padding: 5px 0 5px 0; border-top: 6px solid #999; background: #FFF; }
#footer P { font-size: 10px; text-align: right; }
#footer A { font-size: 10px; color: #666; text-decoration: none; }
#footer A:hover { text-decoration: underline !important; }

/******************** GENERAL ********************/
TABLE { width: 99%; margin: 10px 5px 10px 5px; border: none; }
TD { padding: 2px; }
IMG { border: 0; vertical-align:middle; }
INPUT, TEXTAREA { padding-left: 2px; border: 1px solid #636363; font-size: 11px; color: #C00; }
INPUT.bouton { padding: 0; background: #FFF; color: #666; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }
.gauche { float: left !important; margin: 2px 5px 2px 0; }
.droite { float: right !important; margin: 2px 0 2px 5px; }
.clear { clear: both !important; }