/* Styles de base */

body { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #FFF; margin: 0; text-align: center; }
.wrapper { width: 740px; margin: 0 auto; text-align: left; }
.wrapper2 { padding: 5px 20px; }
form, p { margin: 0; padding: 0; }
p { padding-bottom: 14px; }
select, input { font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; }
a { color: #AC0002; text-decoration: underline; }
a:hover, a.actif { color: #500001; text-decoration: none; }

/* Header */

#header { background-color: #000; color: #FFF; height: 95px; }
#header h1, #header h2 { float: left; }
#header h1 a, #header h2 { display: block; background-repeat: no-repeat; text-indent: -9999px; }
#header h1 { margin: 13px 17px 0 1px; padding: 0px; }
#header h1 a { height: 72px; width: 197px; text-decoration: none; background-image: url(../common/desk1one.gif); }
#header h2 { margin: 70px 0 0 0; padding: 0px; width: 500px; height: 18px; }

/* Menu */

#menu { background: #AD0002 url(../common/back_menu.jpg) center top; color: #FFF; height: 34px; }
#menu img { float: left; }
#menu #liens { float: left; padding: 14px 0 0 70px; }
#menu a { font-weight: bold; color: #FFF; text-decoration: none; }
#menu a:hover, #menu a.actif, body#qui #menu a#qui, body#contact #menu a#contact, body#revendeurs #menu a#revendeurs { color: #FBD8D8; text-decoration: underline; }

/* Recherche */

#recherche { background: #C00 url(../common/back_recherche.jpg); color: #FFF; height: 101px; }
#recherche #keyword { float: left; padding: 37px 0 0 20px; background-position: 0 12px; background-repeat: no-repeat; }
input#keywords { width: 236px; margin: 2px 0 6px 0; }
input.radio { margin: 3px 7px 3px 0; float: left; clear: both; }
#recherche #searchin { float: left; padding: 29px 0 0 9px; line-height: 19px; }
#recherche #submit { float: left; padding: 36px 0 0 15px; }

/* Location */

#location { background: #F9C4C4 url(../common/back_location.gif) bottom repeat-x; border-bottom: 1px solid #F9C4C4; line-height: 18px; margin-bottom: 10px; }
#location a, .selectcategorie { background: url(../common/fleche_foncee.gif) no-repeat 0 4px; padding-left: 11px; }
#location a.actif { font-weight: bold; }

/* Content gauche */

#gauche { width: 510px; margin: 0 15px 10px 0; float: left; }
a.fleche { background: url(../common/fleche_foncee.gif) no-repeat 0 4px; padding-left: 11px; }
a.back { background: url(../common/fleche_back.gif) no-repeat 0 4px; padding-left: 11px; }
a.printer { float: right; }
a.zoom { background: url(../admin/includes/images/zoom.gif) no-repeat 0 2px; padding-left: 15px; margin-left: 5px; }
a.pdf { background: url(../admin/includes/images/file.gif) no-repeat 0 2px; padding: 0 10px 0 15px; }
.wrapper2 h2 {font: bold 21px/25px Arial, Helvetica, sans-serif; color: #F00; padding: 0; margin: 0 0 20px 0; }
h3 { font-size: 16px; font-weight: normal; color: #500001; margin: 5px 0 14px 0; padding: 0px; height: 12px; text-indent: -9999px; background-repeat: no-repeat; clear: both; }
.cat { background: url(../common/back_categorie510_bottom.gif) no-repeat bottom; width: 510px; float: left; margin-bottom: 10px; padding-bottom: 10px; }
.cat div { background: url(../common/back_categorie510_top.jpg) no-repeat top; padding: 10px; }
.scat { background: #E4E4E4 url(../common/back_categorie250_bottom.gif) no-repeat bottom; width: 250px; float: left; margin-bottom: 10px; padding-bottom: 10px; }
.premier { clear: both; margin-right: 10px; }
.scat div { background: url(../common/back_categorie250_top.jpg) no-repeat top; padding: 10px; }
.cat a, .scat a { color: #F00; }
.cat h1, .scat h1 { font: bold 14px/17px Arial, Helvetica, sans-serif; color: #AC0002; margin: 5px 0 10px 0; }
.cat h1 a, .scat h1 a { color: #AC0002; }

#previewmed { float: left; margin-right: 5px; margin-top: -5px; }
a.preview { background: #FFF; display: block; float: left; height: 87px; width: 87px; border: 1px solid #CCC; margin-right: 10px; text-align: center; }
a.preview:hover { border-color: #666; }
a.preview img { margin: 6px; }
#previewmed a.preview { height: 212px; width: 212px; float: none; margin-bottom: 5px; }

#description { font-size: 11px; line-height: 15px; }
#remarque { background-color: #FCE2E2; border: 1px solid #F00; padding: 5px 10px; margin-left: 230px; font-weight: bold; }
#remarque span { font-weight: normal; }
h4 { margin: 0; padding: 15px 0; font: bold 14px/17px Arial, Helvetica, sans-serif; color: #AC0002; clear: both; }
h4 span { font-weight: normal; }

td,th { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #000; }
th { font-weight: bold; text-align: left; vertical-align: top; padding-bottom: 7px; }
td { border-top: 1px solid #999; vertical-align: top;  padding: 7px 0; }
td.ref, th.ref { font-weight: bold; color: #500001; width: 80px; }
td.vente, th.vente { text-align: center; width: 60px; }
td.carton, th.carton { text-align: center; width: 60px; }
td.descr, th.descr { width: 275px; padding-left: 15px; }


table.revendeurs td,table.revendeurs th { padding-right:20px;}

/* Sidebar */

#droite { float: left; width: 175px; }

#wrapune, #wrappromo { color: #FFF; margin-bottom: 15px; background-position: left bottom; background-repeat: no-repeat; }
#wrapune { background-image: url(../common/back_une_bottom.gif); }
#wrappromo { background-image: url(../common/back_promo_bottom.gif); }

#une,#promo { padding: 46px 18px 8px 18px; background-position: left top; background-repeat: no-repeat; }

.article { width: 139px; margin-bottom: 10px; color: #000; background-position: left bottom; background-repeat: no-repeat; }
#une .article { background-image: url(../common/back_une_article_bottom.gif); }
#promo .article { background-image: url(../common/back_promo_article_bottom.gif); }

.article div { background-position: left top; background-repeat: no-repeat; padding: 18px; }
#une .article div { background-image: url(../common/back_une_article_top.jpg); }
#promo .article div { background-image: url(../common/back_promo_article_top.jpg); }

.article a { color: #F00; }
.article a.preview { margin-bottom: 10px; }
.article h1 { font: bold 12px/15px Verdana, Arial, Helvetica, sans-serif; color: #AC0002; margin: 5px 0 10px 0; }
.article h1 a { color: #AC0002; }
p.prix { font: bold 16px/16px Arial, Helvetica, Verdana, sans-serif; color: #AC0002; }

/* Contact */

form#formcontact { padding: 15px; background-color: #FEF1F1; border: 1px solid #F9C4C4; }
form#formcontact input, form#formcontact select { margin: 1px 0 4px 0; width: 200px; }
form#formcontact textarea { margin: 1px 0 4px 0; width: 443px; }
form#formcontact input.radio2 { margin: 1px 2px 0 0; width: 14px; float: left; clear: both; }
.rouge { color: #F00; }

/* Footer */

#footer { clear: both; width: 680px; height: 14px; padding: 9px 10px 7px 10px; margin: 7px 20px; color: #333; font-size: 9px; background: #FFF url(../common/back_footer.jpg) no-repeat; }