@charset "utf-8";

/* Page */
html {
font-size: 100%;
}
body {
margin: 0;
padding: 10px 20px;
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: .8em;
line-height: 1.25;
background: #ddd;
padding: 0px 5px;
}
#global {
width: 900px;
margin: 0 auto;
border-style : solid;
border-color : rgb(120,89,54);
border-width : 2pt;	
}
a img {
border: none;
}
a {
color: #000;
}
#no {
border : none;	
}
/* Haut de site */
#header {
height: 120px;
text-align:left;
padding-top: 0px;
margin-top: 0px;	
background:rgb(182,201,115);
}
h1#header {
font: italic bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#logo {
float: left	;
padding-top: 0px;
margin-top: 18px;
margin-left:18px;
width: 245px;
}
#mon_panier {
float : right;
width: 200px;
background-color: rgb(219,228,188);
font-size:1.1em;
text-align:center;
}
#mon_panier h1 {
height: 30px;
background: rgb(120,89,54);
width: 200px;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
color: rgb(251,149,26);
text-align: center;
line-height: 30px;
}
#mon_panier h2 {
margin-left: 5px;
font-size: 11px;
color: #000;
text-align: center;
}
#mon_panier a {
color: #000;	
}
a#voir_panier {
font-weight: bold;
color : rgb(120,89,54);
text-align:center;
}
.exposant {
font-size: 0.7em;
font-weight: normal;
vertical-align: top;
}
#menu_haut {
margin: 0;
height: 27px;
background: url(../graphismes/barre.jpg) repeat-x center top;
}
ul#menuheader {
list-style-type: none;
width: 100%;
}
ul#menuheader li {
float: left;
}
ul#menuheader a {
float: left;
margin: 0 2px;
padding: 5px 15px;
text-align: center;
border: 1px solid black;
text-decoration: none;
color: #000;
background: rgb(251,149,26);
font-weight: bold;
}
ul#menuheader a:hover {
background: rgb(182,201,115);
border: 1px solid black; 
font-weight: bold;
}
/* Bloc central */
#centre {
background: url(../graphismes/fond.jpg) repeat-y;
width: 100%;
overflow: hidden;	
}
/* Menu de gauche */
#secondaire {
display:inline;	
float: left;
margin-left:20px;
margin-right:20px;
padding: 12px 0;
}
#menu {
background: #000 url(../graphismes/background.jpg) no-repeat;
list-style: none;
padding: 5px 0px 5px 0px;
margin: 0px;
width: 200px;
}
#menu li {
margin: 5px;
}
#menu li a {
display: block;
font-size: 1em;
font-family: verdana;
font-weight: bold;
text-decoration: none;
color: #000;
background: #fff;
opacity: 0.7;
filter: alpha(opacity:70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
}
#menu li a:hover {
opacity: 1;
filter: alpha(opacity:100);
-khtml-opacity: 1;
-moz-opacity: 1;
background: transparent;
color: #fff;
}
/* Principal - contents */
#principal {
float:left ;
margin-right: 0px;
width: 650px;
padding: 0px 2px 0px 3px;
}
.centrage {
text-align:center;
}
h2#principal {
padding-left: 50px ;	
font-size: 10pt;
text-align: left;
text-decoration:none;
color: rgb(231,149,26) ;
border-bottom: 1px solid rgb(231,149,26);
margin-top: 15px;
}
ul#principal {
margin: 2px;
padding: 20px;
border: none;
}
li#principal {
margin: 2px;
}
h3#principal {
margin-top: 15px;
font-weight:bold;
}
a#principal {
color: rgb(231,149,26) ;
font-weight:bold;
}
#principal a{
color: rgb(231,149,26) ;
font-weight:bold;
}
h1, h2, h3, div, img, table, td, tr, p, li, dd, input, map, object, ul {
margin: 0;
padding: 0;
border: none;
}
h1 {
color: rgb(182,201,115);
font-size: 20px;
margin: 0 0 10px 0;
}
.italique {
font-style: italic;	
}
/* Pied du site */
#ligne_bas {
margin: 0;
height: 27px;
background: url(../graphismes/barre.jpg) repeat-x center top;
}
#ligne_bas h1,a, a:hover {
padding-left: 5px ;
padding-top: 4px ;
text-align: center;
font-size: 8pt ;
color: #fff ;
text-decoration : none;
}
/* Bloc contact */
.bloc_contact {
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
color: #fff ;
background: #000 url(../graphismes/background.jpg) no-repeat;
text-align: center;
border-style : solid;
border-color : rgb(120,89,54);
border-width : 1pt;	
}
.bloc_contact h1 {
height: 30px;
width: 200px;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
color: #000;
text-align: center;
line-height: 30px;
background: #fff;
opacity: 0.7;
filter: alpha(opacity:70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
}
.bloc_contact h2 {
margin-left: 5px;
font-size: 11px;
color: #fff;
text-align: left;
}
.bloc_contact a {
color: #fff;	
}
/* Tete du site */
.tete {
text-align : center;
color : #000;
}
.tete a {
text-align : center;
color : #000;
text-decoration:none;
}
.tete a:hover {
text-align : center;
color : #000;
text-decoration:none;
}
/* Formulaire de contact */
p#mentions {
width: 544px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
font-size: 11px;
}
p.cgv {
width: 544px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
span.titre-cgv {
font-weight: bold;
color: rgb(231,149,26);
font-size: 16px;
}
span.ss-titre-cgv {
font-weight: bold;
color: rgb(120,89,54);
font-size: 12px;
}
#tab-contact {
width: 500px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 11px;
}
input {
background-color:rgb(219,228,188);
border:1px solid;
color : rgb(120,89,54);
}
/* Sous-categorie */
#sous_categorie {
position: relative;
margin: 0 0 0 0;
height: 27px;
background: url(../graphismes/barre.jpg) repeat-x center top;
}
ul#menu_sous_categorie {
list-style-type: none;
width: 100%;
}
ul#menu_sous_categorie li {
float: left;
margin: 0 0 0 0;
}
ul#menu_sous_categorie a {
float: left;
margin: 0 2px;
padding: 5px 15px;
text-align: center;
border: 1px solid black;
text-decoration: none;
color: #000;
background: rgb(182,201,115); 
font-weight: bold;
}
ul#menu_sous_categorie a:hover {
background: rgb(251,149,26);
border: 1px solid black; 
font-weight: bold;
}
/* Articles - Ligne */
.article_ligne {
background-color: #ffffff;
border: 1px solid rgb(120,89,54);
height: 115px;
margin-bottom: 5px;
padding: 0;
}
.article_ligne a.designation {
background-color: rgb(120,89,54);
color: rgb(120,89,54);
display: block;
font-weight: bold;
height: 20px;
line-height: 20px;
overflow: hidden;
padding-left: 2px;
text-decoration: none;
text-align:left;
}
.article_ligne a.designation:hover {
text-decoration: underline;
}
.article_ligne a.reference {
display: block;
font-size: 0.8em;
margin-bottom: 20px;
text-align: right;
color: rgb(120,89,54);
}
.article_ligne a.description {
color: rgb(120,89,54);
display: block;
height: 48px;
line-height: 16px;
overflow: hidden;
text-decoration: none;
text-align:left;	
}
.article_ligne a.disponibilite {
background-color: rgb(120,89,54);
border: 1px solid rgb(120,89,54);;
color: rgb(251,149,26);
float: right;
padding: 0 5px;
text-decoration: none;
}
.article_ligne a.voir_detail {
display: block;
font-weight: bold;
margin-bottom: 5px;
color:#F00;
}
.article_ligne .adroite {
background-color: white;
color: rgb(251,149,26);
float: right;
height: 100px;
padding: 5px;
width: 100px;
text-align: center;
}
.article_ligne a.tarif {
color: rgb(251,149,26);
display: block;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
.article_ligne a.ancien_tarif {
color: rgb(251,149,26);
text-decoration: line-through;
}
.article_ligne a.nous_consulter {
color: rgb(251,149,26);
text-decoration: none;
}
.article_ligne a.photo {
background-color: white;
display: block;
float: left;
padding: 5px;
}
.article_ligne a.photo img {
border: 0;
}
/* Paner */
table.panier {
margin-bottom: 10px;
width: 100%;
}
/* Seulement pour IE Windows : Correction du bug des 3 pixels */
* html table.panier {
margin-left: -3px;
margin-right: -3px;
}
/* Fin de la correction */
table.panier th {
background-color: rgb(120,89,54);
color: rgb(251,149,26);
padding: 2px;
font-size:10pt;
}
table.panier td {
padding: 2px;
}
table.panier input {
background-color:#FFF;
color : #000;
text-align:center;
}
table.panier td.ligne1 {
border: 1px solid rgb(120,89,54);
background-color: rgb(219,228,188);	
}
table.panier td.ligne2 {
border: 1px solid rgb(120,89,54);
}
table.panier td.ligne3 {
border: 1px solid rgb(120,89,54);
}
table.panier td.taux_tva {
font-style: italic;
text-align: right;
}
table.panier td.prix_unitaire, table.panier td.sous_total {
text-align: right;
}
table.panier td.prix_centre, table.panier td.sous_total {
text-align: right;
background-color: rgb(219,228,188);
}
table.panier td.quantite {
text-align: center;
}
table.panier td.montant {
font-weight: bold;
text-align: right;
background-color: rgb(219,228,188);
color: rgb(120,89,54);	
}
table.panier td.total {
font-weight: bold;
text-align: right;
background-color: rgb(251,149,26);
color: #000;
font-size:14px;
}
#form_panier input.quantite {
width: 30px;
text-align: right;
vertical-align: top;
background-color : #fff;
text-align:center;
}
#form_panier a img {
border: 0;
}
a.bouton_droite {
display: block;
float: right;
}
/* Authentification */
#form_contact label, #form_authentification label, #form_inscription label, #form_mes_coordonnees label, #form_ma_commande1 label, #form_mot_de_passe_oublie label {
display: block;
float: left;
font-weight: bold;
width: 110px;
color: #000;
}
#form_authentification a {
color: #000;
}
#form_contact label.liste_diffusion, #form_inscription label.liste_diffusion {
display: inline;
float: none;
}
#form_contact input[type=radio], #form_inscription input[type=radio], #form_mes_coordonnees input[type=radio], #form_ma_commande1 input[type=radio], #form_ma_commande3 input[type=radio] {
margin-right: 3px;
}
#form_authentification .clientExistant {
border-right: 1px solid rgb(120,89,54);
float: left;
margin-right: 25px;
padding-right: 25px;    
}
h2.client {
color: rgb(120,89,54);
font-size: 12pt;
font-weight:bold;
margin: 0 0 10px 0;
border-bottom: 1px solid rgb(120,89,54);
}
/* Nouveau client*/
td.info{font-weight: bold; text-align: right; padding: 0.40em 2px;}
td.champ{text-align: left; padding: 0.20em 20px;}
td.info2{border-top : 3px solid rgb(255,30,50); font-weight: bold; text-align: right; padding: 0.40em 2px;}
td.champ2{border-top : 3px solid rgb(255,30,50); text-align: left; padding: 0.20em 20px;}
td.info3{border-bottom : 3px solid rgb(255,30,50); font-weight: bold; text-align: right; padding: 0.40em 2px;}
td.champ3{border-bottom : 3px solid rgb(255,30,50); text-align: left; padding: 0.20em 20px;}
td {padding: 0.25em 1px;}
td.subject{border-top : 3px solid rgb(37,122,203); font-weight: bold; text-align: right; padding: 0.40em 2px;}
td.liste{ border-top : 3px solid rgb(37,122,203); text-align: left; padding: 0.20em 20px;}
td.contenu{border-top : 3px solid rgb(255,30,50); font-weight: bold; text-align: right; padding: 0.40em 2px;}
td.contenant{border-top : 3px solid rgb(255,30,50); text-align: left; padding: 0.20em 20px;}
td.contenu2{font-weight: bold; text-align: right; padding: 0.40em 2px;}
td.contenant2{text-align: left; padding: 0.20em 20px;}
td.lesboutons{text-align:center;}
td.titre{font-weight: bold; text-align: left; padding: 0.40em 2px; color: rgb(37,122,203); font-size:14px;}
td.categorie{font-weight: bold; text-align: left; padding: 0.40em 2px; color: #fff; font-size:14px; bgcolor:rgb(255,0,0);}
td.demande{font-weight: bold; text-align: center; padding: 0.40em 2px; color: rgb(0,0,0); font-size:12px;}
td.complet{font-weight: bold; text-align: center; padding: 0.40em 2px; font-size:14px; text-decoration:none}
/* Accueil */
.promo {
width: 565px;
margin-left: auto;
margin-right: auto;
}
.prod-accueil {
width: 280px;
float: left;
border : 1px solid rgb(120,89,54);
background-color: rgb(251,149,26);
}
.prod-accueil-titre {
width: 280px;
height: 20px;
text-align: center;
margin-bottom: 10px;
color: rgb(120,89,54);
}
.prod-accueil-titre a {
text-decoration: none;
color: rgb(120,89,54);
font-weight: bold;
font-size: 12px;
}
.prod-accueil-titre a:hover {
text-decoration: underline;
}
.prod-accueil-photo-prix {
width: 280px;	
height: 100px;
}
.prod-accueil-photo {
width: 140px;
float: left;	
text-align: center;
}
.prod-accueil-photo a {
text-decoration: none;
}
.prod-accueil-prix {
width: 130px;
float: left;	
}
.marge-bas-prod-accueil {
width: 280px;
height: 15px;
}
hr.clear {
visibility: hidden;
display: block;
clear: both;
height: 0px;
padding: 0px;
border: 0px;
margin: -7px 0;
}
/*Mon compte - Info perso */
.compte {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style:solid;
border-color: rgb(120,89,54);
background-color: rgb(251,203,149);
font-size:1.1em;
}
.compte h1 {
height: 30px;
background: rgb(120,89,54);
width: 100%;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
color: rgb(251,149,26);
text-align: center;
line-height: 30px;
}
.compte h2 {
margin-left: 5px;
font-size: 11px;
color: #000;
text-align: center;
}
.compte a {
color: rgb(251,149,26);	
}
/*Mon compte - Mes commandes */
.blocpan {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style:solid;
border-color: rgb(120,89,54);
background-color: rgb(219,228,188);
font-size:1.1em;
}
.blocpan h1 {
height: 30px;
background: rgb(120,89,54);
width: 100%;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
color: rgb(251,149,26);
text-align: center;
line-height: 30px;
}
.blocpan h2 {
margin-left: 5px;
font-size: 11px;
color: #000;
text-align: center;
}
table#mescommandes {
border: 1px solid #F00;
border-collapse: collapse;
}
th#mescommandes {
border: 1px solid #F00;
background-color: #F00;
color:#FFF;
}
td#mescommandes {
border: 1px solid #F00;
color:#000;
}
td#mescommandes a {
text-decoration : none;
color:#000;
font-weight: bold;
}
/*Mon compte - Mes devis */
.rech {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style:solid;
border-color: rgb(120,89,54);
background-color: #fff;
text-align: center;
}
.rech h1 {
height: 30px;
background: rgb(120,89,54);
width: 100%;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
color: rgb(251,149,26);
text-align: center;
line-height: 30px;
}
.rech h2 {
margin-left: 5px;
font-size: 11px;
color: #000;
text-align: center;
}
/* Compte rouge */
.compte_rouge {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style:solid;
border-color: #F00;
background-color: #F00;
color: #FFF;	
font-size:1.1em;
}
.compte_rouge h1 {
height: 30px;
background: rgb(120,89,54);
width: 100%;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
color: rgb(251,149,26);
text-align: center;
line-height: 30px;
}
.compte_rouge h2 {
margin-left: 5px;
font-size: 11px;
color: #000;
text-align: center;
}
.compte_rouge a {
color: rgb(251,149,26);	
}
table#mescommandes_rouge {
border: 1px solid #000;
border-collapse: collapse;
}
th#mescommandes_rouge {
border: 1px solid #000;
background-color: #000;
color:#FF0;
}
td#mescommandes_rouge {
border: 1px solid #FFF;
color:#FFF;
}
td#mescommandes_rouge a {
text-decoration : none;
color:#FFF;
font-weight: bold;
}
/* Cimpte vert */
.compte_vert {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style:solid;
border-color: #0F0;
background-color: #0F0;
color: #000;	
font-size:1.1em;
}
.compte_vert h1 {
height: 30px;
background: rgb(120,89,54);
width: 100%;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
color: rgb(251,149,26);
text-align: center;
line-height: 30px;
}
.compte_vert h2 {
margin-left: 5px;
font-size: 11px;
color: #000;
text-align: center;
}
.compte_vert a {
color: rgb(251,149,26);	
}
table#mescommandes_vert {
border: 1px solid #F00;
border-collapse: collapse;
}
th#mescommandes_vert {
border: 1px solid #F00;
background-color: #F00;
color:#FFF;
}
td#mescommandes_vert {
border: 1px solid #F00;
color:#000;
}
td#mescommandes_vert a {
text-decoration : none;
color:#000;
font-weight: bold;
}
/* Compte bleu */
.compte_bleu {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style:solid;
border-color: #0CF;
background-color: #0CF;
color: #000;	
font-size:1.1em;
}
.compte_bleu h1 {
height: 30px;
background: rgb(120,89,54);
width: 100%;
margin-bottom: 5px;
margin-top: 0px;
font-size: 12px;
color: rgb(251,149,26);
text-align: center;
line-height: 30px;
}
.compte_bleu h2 {
margin-left: 5px;
font-size: 11px;
color: #000;
text-align: center;
}
.compte_bleu a {
color: rgb(251,149,26);	
}
table#mescommandes_bleu {
border: 1px solid #F00;
border-collapse: collapse;
}
th#mescommandes_bleu {
border: 1px solid #F00;
background-color: #F00;
color:#FFF;
}
td#mescommandes_bleu {
border: 1px solid #F00;
color:#000;
}
td#mescommandes_bleu a {
text-decoration : none;
color:#000;
font-weight: bold;
}
/* Détail article */
#fiche-produit {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 5px;
}
#desc-produit-prix {
font-weight: normal;
color: #858585;
margin-left: 0px;
font-size: 12px;
margin-top: 0px;
margin-bottom: 0px;
width: 120px;
height: 30px;
float: left;
}
#desc-produit {
color: #000000;
margin-left: auto;
margin-right: auto;
font-size: 12px;
margin-top: 5px;
margin-bottom: 0px;
width: 100%;
}
#tab-fiche-produit {
width: 100%;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.fiche-produit {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
font-size: 11px;
}
.fiche-produit-gd-photo {
width: 100%;
margin-left: 10px;
margin-top: 0px;
float: left;
margin-bottom: 20px;
text-align: center;	
color: #F00;
}
.fiche-produit-text {
width: 100%;
margin-left: 0px;
margin-top: 10px;
float: left;
margin-bottom: 20px;
}
.fiche-produit-gd-photo img {
border: 1px solid #e1e1e1;
margin-left: 0px;
margin-right: 0px;
}
#fiche-produit-prix {
width: 100%;
font-weight: bold;
color: #000;
}
table#tab-ajout-panier-fiche{
width: 100%;
margin-left: 10px;
margin-top: 20px;
}
#article_detail1 {
color: #000;
border: 1px solid rgb(120,89,54);
text-align: center;
}
.article_detail1 .tarif {
color: rgb(120,89,54);
font-size: 1.5em;
font-weight: bold;
}

/*lightbox*/
#lightbox {position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none; }
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer {padding: 10px; }
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../graphismes/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(../graphismes/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData {padding:0 10px; color: #666; }
#imageData #imageDetails {width: 70%; float: left; text-align: left; }	
#imageData #caption {font-weight: bold;	}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }