body {
 font:11px Verdana, Arial, Helvetica, sans-serif;
 color:#300;
  background:#fff url('/images/bg.jpg') repeat-x top; 
}

th, td, input, textarea, option, select, button {font:11px Verdana, Arial, Helvetica, sans-serif;}

em {
 font-style: italic;
}

h1, .h1, h2 {color:#300;margin-bottom:10px;font-size:12px;font-weight:bold;}

a {color:#C90F0F;text-decoration:none;}

.content a {text-decoration:underline;}
.content a:hover {text-decoration:none;}

p {margin-bottom:10px;text-align: justify;}

#global {width:980px;margin:0 auto;}

.content {float:right;width:761px;margin-bottom:40px;min-height:550px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.extrait_produit {
 float:left;
 margin:0 10px 10px 0;
 padding:5px 7px 7px 9px;
 width:225px;
 height:242px;
 background-color:#F5F4EF;
 border:1px #EBE7DA solid;
}

.extrait_produit p {
 float:right;
 height:115px;
 width:100px;
 margin:7px 0 4px 0;
 color:#948A54;
 text-align:left;
}

.extrait_produit h2 {margin-bottom:0;}

.extrait_produit h2 a {display:block;height:27px;font-size:0.9em;color:#300;text-decoration:none;}

.extrait_produit .marque {
 margin-right:3px;
 text-align:right;
 color:#948A54;
 font-size:0.8em;
}

.extrait_produit .cadre {
 margin:0 auto;
 padding:0 4px 0 9px;
 width:206px;
 height:197px;
 border:1px #948A54 solid;
 background-color: #FFFFFF;
}

.extrait_produit a.extrait-photo {
 float:left;
 display:block;
 margin-top:8px;
 width:100px;
 height:142px;
}

.extrait_produit .prix {
 float:right;
 color:#300;
 text-align:center;
 width:100px;
 height:35px;
}

.extrait_produit .sep {width:200px;}

.extrait_produit a.voir-detail {
 display:block;
 margin-top:10px;
 text-align:right;
 font-weight:bold;
 padding:2px 4px 2px 0;
 width:197px;
 text-decoration:none;
 color:#F4F3EE;
 background:#948A54;
}

select {
 letter-spacing: normal;
 font-size:1em;
}

/***** Bouton validation button *****/

.btn-1, .btn-2 { 
 display:-moz-inline-box; 
 display:inline-block;
 font-weight:bold;
 margin:0; 
 padding:0; 
 white-space:nowrap; 
 vertical-align:middle; 
 cursor:pointer; 
 border:0; 
 background:none; 
}

a.btn-1, a.btn-2 { 
 text-decoration:none; 
}


.btn-1 span, .btn-2 span { 
 position:relative; 
 float:left; 
 padding:0 0 0 22px; /* Largeur du côté gauche */ 
 vertical-align:middle; 
 background:url('../images/btn-1-left.gif') no-repeat left top; 
}

.btn-2 span { 
 padding:0 0 0 15px; /* Largeur du côté gauche */ 
 background-image:url('../images/btn-2-left.gif'); 
}

.btn-1 span span, .btn-2 span span { 
 padding:0 15px 0 0; /* Largeur du côté droit */ 
 background:url('../images/btn-1-right.gif') no-repeat right top; 
}

.btn-2 span span { 
 padding:0 22px 0 0; /* Largeur du côté droit */ 
 background-image:url('../images/btn-2-right.gif'); 
}

.btn-1 span span span, .btn-2 span span span {
 font-size:12px;
 color:#fff;
 height:22px; /* Hauteur du bouton */ 
 padding:0 0 0 10px; /* Padding début texte bouton */
 line-height:21px; /* Alignement vertical du texte */ 
 background: #948A54;
 /* background:url('../images/btn-middle.gif') repeat-x left top; */
}

.btn-2 span span span {
padding:0 10px 0 0; /* Padding début texte bouton */
}

button {overflow:visible;} /* pour IE */

/***** Tables panier - client - produit:(envoyer à une amie - confirmation cde) *****/

.content table td, .content table th {font-size:12px;}

table.tab-0 th, table.tab-1 th, table.tab-2 th, table.tab-3 th, .th   {
 height:24px;
 padding:0 15px;
 font-weight:bold;
 vertical-align:middle;
 color:#fff;
 background:#948A54;
}

tr.padpuces th, tr.padpuces .th {padding:0 7px;}

.th {line-height:24px;}

table.tab-0 th, table.tab-0 td {font-size:10px;}

table.tab-0 td {
 padding:0 4px;
 vertical-align: middle;
 text-align:center;
 height:30px;
 border:1px #948A54 solid;
 background:#F5F4EF;
}



table.tab-1 {border:1px #948A54 solid;}

table.tab-1 td {
 padding:5px 10px;
 color:#300;
}

.titre-1 {
 margin:10px 0 1px 0;
 height:36px;
 line-height:35px;
 padding-left:10px;
 font-size:12px;
 font-weight:bold;
 color:#300;
 border: 1px #EBE7DA solid;
 background:url('/images/bg_1.gif') repeat-x;
}

.stitre-1 {
  font-size:1.1em;
  padding:4px 0;
}

table.tab-2, table.tab-3, table.tab-4 {width:100%;}

table.tab-2 td {
 border:1px #948A54 solid;
 background:#F5F4EF;
 height:30px;
}

div.tab-2 {
 margin-bottom:1px;
 font-size:12px;
 border:1px #948A54 solid;
 background:#F5F4EF;
}

table.tab-2 tr.tb2-1 td {vertical-align:middle;text-align:center;font-size:0.9em;padding:0 4px;}

table tr.w50 td {width:50%;}

.div2 {width:49.5%;}

table.tab-2 tr {
 padding:0 10px;
 font-weight:bold;
 text-align: right;
 background:#948A54;
}

table.tab-3 td {font-size:0.9em;padding:4px;background:#EBE7DA;}

table.tab-2 td.tabvide {border:none;background:#fff;}

table tr.fatbord td, div.fatbord {border-bottom:7px #948A54 solid;}

table.fatbord {border-bottom:7px #948A54 solid;}

table td.fatbord {border:none !important;padding:0 !important;font-size:1px !important;height:7px !important;background:#948A54 !important;}

div.etapes_cde {
 height:24px;
 line-height:24px;
 text-align:center;
 font-size:12px;
 font-weight:bold;
 color:#fff;
 background:#C90F0F;
}

div.etapes_cde span {
 padding:0 20px;
 text-align:center;
 color:#E12B2B;
 background:#C90F0F;
}

div.etapes_cde span.on {color:#fff;}

.formError {
 background-color: #d8e8bb;
}

/* divers */

.sep {height:1px;font-size:1px;background:url('../images/sep-1.gif') repeat-x;}

.puce-f {display:block;height:14px;line-height:14px;padding-left:20px;background:url('../images/puce-f.gif') no-repeat 0 50%;}

.th .puce-f {position:relative;top:4px;}

.puce-fr {display:inline-block;padding-left:20px;background:url('../images/puce-fr.gif') no-repeat 0 50%;}

.puce-r {padding-left:6px;background:url('../images/puce-r.gif') no-repeat 0 50%;}

.puce-f1 {display:inline-block;height:14px;padding-left:20px;background:url('../images/puce-f1.gif') no-repeat 0 50%;}

ul.puce-rr li, h1.puce-rr {padding-left:20px;line-height:1.5em;background:url('../images/puce-rr.gif') no-repeat 0 50%; margin-top:5px;}

.brd_1 {padding:3px 0; border-bottom:1px #300 solid;}

.brdtop_2 {padding:3px 0; border-top:1px #948A54 solid;}

.clr_1 {color:#C90F0F !important;} /* rouge liens */
.clr_2 {color:#948A54 !important;} /* vert : textes */
.clr_3 {color:#330000 !important;} /* rouge-bordeau foncé : textes titres... */

.bg_0 {background-color:#fff !important;} /* couleur fond body */
.bg_1 {background-color:#C90F0F !important;} /* rouge liens */
.bg_2 {background-color:#948A54 !important;} /* vert foncé : titre table, bg panier etc. */

.pad_04 {padding:4px !important;}
.pad_10 {padding:10px;}
.pad_20 {padding:20px;}
.pad_1520 {padding:15px 20px;}
