body {background : #666 ; margin : 0}
table {border-collapse : collapse}
p {font : 16px/20px Georgia ; text-align : center ; margin : 12px}
h1 {font: bold 20px Georgia; padding : 0 10px ; color : #333 ; margin : 10px 0 14px 0 ;}
h2 {font: bold 13px Georgia; padding : 0 3px 2px ; color : #3B469F ; margin : 20px 0 11px 0 ; border-bottom : 1px solid #ccc}

#footer {border-top : 1px solid #aaa ; text-align : center ; font : 11px Verdana}
#footer td {padding-top : 4px ; color : #ccc}
span.frais {font-weight : normal ; font-size : 12px}
#produits p {color : #fff ; font-weight : bold}
#menu {background : #333 ; padding-left : 2px ; border-top : 1px solid #ccc ; border-bottom : 1px solid #ccc}
#menu a {font : bold 12px Arial ; text-transform : uppercase ; color : #fff ; text-decoration : none ; border-right : 1px solid #ccc ; padding : 0 20px}

#commande {font : 14px Georgia ; background : #fff ; width : 100%}
#commande  p {font : 15px Georgia; text-align:left}
#commande .gauche {padding:15px ; width:60%}
#commande .droite {font-size : 14px ; text-align:left ;  padding:25px 6px 25px 28px; width:40%}

.articles img {border : 1px solid #ccc ; margin-right : 10px}
.articles .parfums td {border : 1px solid #ccc ; padding : 3px 8px}

/*Formulaire*/
fieldset div {border-bottom : 1px dashed #ccc ; padding : 4px 0}
fieldset div.controlset, fieldset div.counter {border : 0 ; padding : 0}
fieldset {border : 0 ; padding : 0 10px}
label {cursor: pointer;}
td.left {display : block ; width : 150px}
div.erreur {background : #eee ; padding-left : 6px ; padding-right : 4px}
div.erreur p.erreur { margin : 4px 0 ; text-align : left}
.erreur {color: #cd1a0f;}

table.submit {width : 100% ; margin : 14px 10px 10px 10px}
.submit td {width: 50%;text-align: center;}

/* menu etapes*/ 
ul.etapes{margin:0px ; padding : 0px 0px 0px 13px ;list-style-type: none ; border-left : 1px solid #ccc ;}
ul.etapes li {padding:3px 0px}
.etapes .etape-en-cours {font-weight : bold}
.etape-pas-faite{}
.etapes a {text-decoration: none ; color : #3B469F}
.etapes a:hover {text-decoration : underline}


/* Facture*/
#facture {margin : 0 0 5px 10px ; width : 100%}
#facture td {border : 1px solid #b7b7b7 ; padding : 2px 6px}
#facture td.important {text-align : center}
#facture td.tarif {text-align : right ; width : 8em}

#quantite {margin :2px 0 5px 10px ; width:100%}
#quantite td {border : 1px solid #b7b7b7 ; padding : 2px 8px}



.contact, .mentions-legales {background : #fff}
.contact {padding : 120px}
.mentions-legales {padding : 70px}





