@charset "utf-8";
/* CSS Document */
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; margin:0; padding:0;color:#999999; border-color:#666666;  background-color:#68071a; font-size:12px; background-image:url(../objets/fond.jpg); background-position:top center; background-repeat:no-repeat}
p{margin:5px 0 5px 0; padding:0 ; color:#68071a}
#fond{position:absolute; width:100%; height:100%; min-height:600px;  max-height:950px;}
#support{position:relative; width:800px;margin:auto;  height:100%; }

#bandeau{position: relative;width:800px; display:block; margin:auto; min-height:15px; height:2%;text-align:center; position:relative; text-align:left;  background-color:#68071a; color:#CC3300;}

#entete{position: relative; width:605px; display:block; margin:auto; height:340px; text-align:center;float:left}
#entete-index{position: relative; width:605px; display:block; margin:auto; height:340px; float:left; }

#corps{ width:605px; overflow:hidden; min-height:350px; height:49%; max-height:425px;  margin:auto; margin-top:0; margin-bottom:0; text-align:left; border-bottom:0; border-top:0;  position:relative;  background-color:#FFFFFF; float:left }
#corps_index{ width:605px; overflow:hidden; min-height:350px; height:49%; max-height:424px;  margin:auto; margin-top:0; margin-bottom:0; text-align:left; border-bottom:1px solid white; border-top:0;  position:relative;  background-color:white; float:left; background-image:url(../objets/barre.jpg); background-position:0  360px; background-repeat:no-repeat  }

#pied{width:800px; display:block; min-height:45px; height:5%; margin:auto; margin-top:0;line-height:2em; text-align:center; background-color:#68071a;  border-top:0; color:#fccb04; position: relative; float:left ; line-height:1.2em;}


#menu_catalogue{width:195px; position:relative; overflow:hidden; float:right;min-height:690px;
height:89%; max-height:735px; top:30px; background-color:white}

/*******************************  ENTETE **************************************/
#logo_menu{ position: absolute; width: 100%; height:9%; background-color:black; bottom:8%; left:0}
#logo_identification{ position: absolute; width: 100%; height:8%; background-color:white; bottom:0; left:0; line-height:2.5em; color:#000000; text-align:right}
.date{ text-transform:lowercase; color:#999999; font-size:0.9em; margin-left:20px}
/* entete droite */
#entete_menu{  position: relative;width: 434px; height:100%; }

#menu_entete_index{ position: absolute; right:0; top:30px; width: 188px;   height:311px; background-image:url(../objets/onglet_informations.jpg); background-position:bottom;}

#message_actu{ position: absolute; margin:auto; left:32%; top:25%; width: 390px;   height:270px; display: block; padding:5px; font-size:1.6em;  background-image:url(../objets/destockage.jpg);background-repeat: no-repeat; color:white; border:5px solid red; z-index:6}

/*******************************************  Encart affaire du jour *****************************************************************************/
#encart_affaire{ position: absolute; right:0; top:30px; width: 188px;   height:311px; background-image:url(../objets/onglet_informations.jpg); background-position:top; z-index:1}
#encart_affairedujour{ position: absolute; left:0; top:51px; width: 188px; height:30px; color:white; font-size:1.2em; line-height:1.8em; text-align:center;background-image:url(../objets/barre.jpg);background-position:center; font-weight:bold; border-top:2px solid white}
#encart_photoadj{ position: absolute; left:1px; top:84px; width: 188px; height:190px;  background-repeat:no-repeat; background-position:center}
#encart_bandeau_promo{ position: absolute; left:0; top:274px; width: 188px; height:33px;background-image:url(../objets/encart_affaire3.jpg);}
.encart_imgaffaire{ width:50px; position:absolute; top:5px; left:5px}
.encart_prixpromo{margin:10px 0 0 10px;color:white;   font-size:1.2em;}
.img_encart_aff{ max-width:99%; max-height:100%; }
/**********************************************************************************************************/

#menu_entete{ position: absolute; left:0; top:0px; width: 188px; overflow:hidden; height:50px; background-image:url(../objets/onglet_informations.jpg); background-position:top; cursor:pointer; z-index:2}

#menu_entete:hover{ height:311px;}

#photo_fiche_index{ position:  absolute; left:0; top:81px; width: 418px;  height:260px; background-image:url(../objets/encart_affaire1.jpg); background-position:center; background-color:#FFFFFF; background-repeat:no-repeat; z-index:1}

#photo_fiche{ position:  absolute; left:0; top:81px; width: 418px;  height:260px; background-image:url(../objets/encart_affaire2.jpg); background-position:center; background-color:#FFFFFF; background-repeat:no-repeat; z-index:1}

#encart_motif{ position:  absolute; left:0; top:0; width: 418px;  height:260px; background-image:url(../objets/encart_affaire2.png); background-position:center; background-repeat:no-repeat; z-index:1}
#encart_motif_affaire{ position:  absolute; left:317px; top:0; width: 101px;  height:260px; background-image:url(../objets/encart_affaire2.png); background-position:center; background-position:right; background-repeat:no-repeat; z-index:1}

/***************************************  AFFAIRE DU JOUR INDEX ***************************************************/
#affairedujour{ position: absolute; left:0; top:0px; width: 395px; height:30px;  color:#FF0000; font-size:1.3em; line-height:2.4em; text-align:right; padding:0px 20px 0 0; z-index:5; font-weight:bold }
#photoadj{ position: absolute; left:1px; top:2px; width: 415px; height:218px;  background-repeat:no-repeat; background-position:center}
.imgaffaire{ width:70px; margin:39px 0 0 2px}
#bandeau_promo{ position: absolute; left:0; top:140px; width: 418px; height:115px;background-image:url(../objets/megapromo.gif); background-repeat:no-repeat }
.prixpromo{margin:80px 0 0 120px;color:white; line-height:2em; font-size:1.4em;}
/**********************************************************************************************************/

#logo{ width:217px; margin:1px 0 0 7px; float:left; border-bottom:1px solid white;}
#menu_second{position: absolute;width:193px; top:56px; left:223px; height:25px; margin:0; padding:0}

a.menu_entete{color: white;  background-image:url(../objets/petit_onglet.jpg);
font-size:12px; text-align:center; margin:0; padding:0;    line-height: 26px; text-align:right; padding-right:3px;
text-decoration: none; width:91px; display:inline-block}
a.menu_entete:hover{ font-weight:bold; color: #68071a;}


a.menu_droite{color: #68071a; padding-left:10px; margin-left:10px;
background-image:url(../objets/menu.gif); background-repeat:no-repeat; background-position:left center;
font-size:15px; text-align:left; line-height:1.8em; 
text-decoration: none;
display: block; }

.horaires{border:1px solid white; margin:10px 4px 4px 4px; color:white; padding:4px; font-size:1.3em; font-weight:bold}
/*.menu_espaceur{ display:block; margin:0; padding:0 0 0 50px; width:65%;height:25px; float:right; border-bottom:1px solid white; }*/

a.menu_droite:hover{color:white; font-weight:bold;background-image:url(../objets/fleche_rouge.gif); background-repeat:no-repeat; background-position:-6px}
a.menu_droite_valid{padding-left:10px; margin-left:10px;font-size:15px; text-align:left; line-height:1.8em; color:white; font-weight:bold;background-image:url(../objets/fleche_rouge.gif); background-repeat:no-repeat; background-position:-6px; text-decoration:none}

a.lien_simple{margin-left:15px}
#langue{position: absolute; bottom:3px; right:10px;}
#espace_pro{position: relative;width:100%; height:30px; float:right; text-align:left}
#etirable1{position: absolute;top:0; display:block; left:0; width:100%; height:33px;z-index:3; overflow:hidden  }
#etirable1:hover{height:auto;  z-index:4; overflow:inherit; background-color:#e2e2e2}
#entete_titre{ position: absolute; width: 100%; min-height:17%; background-color:white; bottom:0; left:0; opacity:0.8;filter:alpha(opacity=80); z-index:2}
a.menu_coll{display:inline-block; margin:3px 20px 0 0; color:black; text-decoration:none; font-size:1.2em; font-weight:bold}
a.menu_coll_valid{display:inline-block;  margin:3px 20px 0 0; color:#03b1fe; text-decoration:none; font-size:1.2em; font-weight:bold}
a.menu_coll:hover { color:#03b1fe}

#coordonnees{margin:15px 0 0 0;  }

h1{ font-size:1.7em;color:#000000; font-weight:600; margin:4px 0 0 0;line-height:1em}
h2{ font-size:1.6em;color:#666666; margin:2px 0 0 0; line-height:1em}
h3{ font-size:1em;color:#CC3300; margin:0; padding:0; line-height:1em}
h4{ font-size:1.5em;color:#666; margin:0; padding:0; line-height:2em}
h5{ font-size:1.3em;color:#666; margin:10px 0 0 0; padding:0; line-height:1em; border-bottom:1px solid #666}
h6{position:relative; margin:0;  width:425px; min-height:11%;   overflow:hidden; background-image:url(../objets/ico_titre.jpg); background-repeat: no-repeat; padding:3px 0 0 30px; font-size:1.2em; font-weight: bold; color:#000000; float:left;}
.soustitre{font-size:0.9em; font-weight:100; color:#333333}

.titre_popup{color:#03b1fe; font-size:1.3em; margin-top:20px; text-transform:uppercase; }

/**************************************  MENU PRINCIPAL  *******************************************************/
.titre_catalogue {
position: absolute; text-align:center; line-height:2em; font-size:1.5em;
top: 0em; height:50px; background-color: #68071a; left : 0em; color:#FFFFFF; 
width: 100%; background-image:url(../objets/onglet_catalogue.jpg); border-left:1px solid black}
.titre_catalogue2 {
position: absolute; text-align:center; line-height:2em; font-size:1.5em;top: 0em; height:40px;  left : 0em; color:#FFFFFF; width: 100%;}


/*************************************   CORPS DE PAGE *************************/
#menu_sousrub{ background-color:white; position:relative; width:220px; left:50px; top:0; padding:0 0 7px 0; }

#affich_promo{ width:100%;  display:block; height: 12%; overflow:auto;  position:absolute; top:0; background-image:url(../objets/barre.jpg); background-position:center; color:#FFFFFF; font-size:1.7em; line-height:2.7em; overflow:hidden}
#affich_soustitres{ width:100%; display:block; height: 7%; overflow:auto;  position:absolute; top:0; overflow:hidden;}


.encart_img{ width:70px; margin:60px 0 0 5px}
.vign_liste{width:200px; height: 280px; float:left;  border:1px solid white; margin:0;  cursor:pointer; background-repeat:no-repeat; background-position: center }
.vign_prix{ background-image:url(../objets/etoile-rouge.gif); background-repeat:no-repeat; width:90px; height:90px; line-height:5em; font-size:1.5em; color:white; text-align:center;}

#affich_produits_index{ width:100%; background-color:white;  display:block; height: auto; top:11%; overflow:auto; position:absolute; overflow:hidden;}
#affich_produits{ width:99%; padding-left:1%; background-color:white;  display:block; height: 88%; top:8%; overflow:auto; position:absolute; overflow:auto; }

a.rubrique{ display: block; width:260px; padding:0 0 0 40px; color:#03b1fe; font-size:1.2em; text-transform:uppercase; line-height:1.3em; text-decoration:none; font-weight:600}
a.rubrique:hover{color:red;}
a.rubrique_valid{ display: block; width:260px; padding:0 0 0 40px; color:black; font-size:1.2em; text-transform:uppercase; line-height:1.5em; text-decoration:none; font-weight:600}

a.sousrub{ display: block; width:100%;color:#ccc; text-transform:capitalize; text-decoration:none;  font-weight:bold;line-height:1.3em; }
a.sousrub:hover{color:#03b1fe}
a.sousrub_valid{ display: block; width:100%; color:black; font-size:1.1em; text-transform:capitalize;  text-decoration:none; font-weight:bold}

.center{text-align:center}

#navigation{position:relative;  width:98%; height:6%; overflow:hidden; text-align:right;}
#catalogue{position: relative; width:100%; height:93%; overflow:auto; }

.vignette_produit{ position:relative; text-align:center; float: left; width:130px; margin:0 15px 10px 0; padding:0; background-color:white; height:170px; background-repeat:no-repeat; background-position:center; color:#FF0000; overflow:hidden  }

.cartouche{width:100%; position:absolute; background-color:#fccb04;bottom:0; overflow:inherit; color:#68071a; font-size:0.9em; text-align:center; display:none; z-index:5; left:0}
.cartouche:hover{width:100%; position:absolute; background-color:#fccb04;bottom:0; overflow:inherit; color:#68071a; font-size:0.9em; text-align:center; }

.prix{width:98%; text-align:right;   margin:0; padding:0; color:#FFFFFF; font-size:1.2em; font-weight:bold }
.promo{ background-color:#000000; overflow:inherit; color:#03b1fe; font-size:0.9em; text-align:center }
.imgref{width:0px; height:0px;}
.promo{color:#68071a; margin-right:5px;background-color:#fccb04; }
.promo_bl{color:#666; font-size:0.9em; text-decoration:line-through  }
.text_prix{font-size:1em; color:black}
.traitpromo{color:white; font-weight:100}
a.vignette{border:0; text-decoration: none; margin:0; padding:0; display: block; cursor:pointer;}

.inactif{color:#cccccc; font-size:0.9em; font-weight:100; display:block}
.promotion{position:absolute; top:42px; left:0; background-color:#000000; /*color:#03b1fe;*/ color:yellow; font-weight:bold; line-height:1.1em; padding:0 2px 0 2px}
#tab_commande{position: relative; width:100%; height:98%; overflow:auto;}
.paiement{color:black; text-align:center; display:block; margin-top:30px}
.commande_vide{ text-align:center; font-size:1em; color:black;  margin-top:100px }

/******************************  PANIER ET COMMANDE ******************************************************************/
#panier{position: relative; width:100%; height:89%; overflow:auto; top:3%}

.StyleFrais{	font-family: Arial, Helvetica, sans-serif; color:#CC3300; font-size: 11px;}
.StyleArticle {	font-family: Arial, Helvetica, sans-serif; color:#68071a;  font-weight: bold; font-size: 10px;}
.StylePrix {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color: white}
.StyleTableau { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; }
.StyleProd {font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color:#68071a; }

a.boutonNav{color:#68071a; text-decoration:none; display:inline-block; background-color:#fccb04; padding:0px 4px 0px 4px}
a.boutonNav:hover{color:white;}

a.retour2{margin:3px 20px 0 0;text-decoration:none; color:#fccb04; font-weight:bold; font-size:0.9em}
a.retour2:hover{color:#CC3300}

a.boutonCom{margin:3px 0 0 0;text-decoration:none; color:#68071a; font-weight:bold; font-size:0.9em}
a.boutonCom:hover{color:#CC3300; text-decoration:underline}

.noir{color:black; }

.panier_vide{ text-align:center; font-size:1.2em; color:black; font-weight:600; margin-top:100px }
.col_titre{background-color:#CCCCCC; color:black; font-weight:bold}
.nom_prod{color:black; font-weight: bold; padding-left:10px}
.nom_article{color:#333333; padding-left:10px}
.gris_fonce{color:#333333}
.soustotal{ background-color:#CCCCCC; color:#000000}
.total{color:white;}
.prixtotal{font-weight:bold; font-size:1.1em; color:#03b1fe}
.tva{ color:#cccccc; margin:0 15px 0 15px}
.reduc{color:#03b1fe; font-size:0.9em; font-weight:bold;}

/************************************Fiche Produit ********************/
#soustitre{position:relative; float:left; width:440px;  color:#68071a; line-height:1.6em;font-weight:bold; font-size:1.4em; padding-left:8px}
.titre_rubrique{float:left; margin:0; padding:0; margin-left:8px; font-size:0.8em; display:inline-block; width:135px;} 
.rubrique{float:left; margin:0; padding:0; font-size:0.7em; color:#fccb04; margin-left:8px; display:inline;} 

a.blanc{color:#fccb04; text-decoration:none}
a.blanc:hover{color:#68071a; text-decoration:none}
/* entete centre */
#entete_photo{ position: relative; width: 414px;   height:90%; top:5%; float:left; background-repeat:no-repeat; background-position:center; }
#entete_fiche{ position: absolute; width: 100%; height:0px; bottom:0; left:0; display:none}
a.retour{float:right;margin:3px 40px 0 0;text-decoration:none; color:#CC3300; font-weight:bold; font-size:0.9em}
a.retour:hover{color:#fccb04}

#presentation_fiche{ color:#68071a;
width:99%;margin:0; padding:0; background-color:white; top:0; left:0; height:67%;overflow:auto; position:relative; float:left}
#fichevign{width:29%; height:100%; float:left; position:relative;}
.nomprod{height:18%;   font-weight:bold; font-size:1.1em; color:#fccb04; padding-left:30px }
.dimprod{height:22%; font-size:0.9em; overflow:hidden ;   color:#68071a; line-height:1.1em; border-bottom:1px solid gray}
.photoprod{height:57%; text-align:center}
.stitrefiche{color:#FFFFFF; background-color:#68071a; font-size:1em; display:block; padding:0 0 0 5px; margin:0px}
.nomarticle{font-size:1em; text-decoration:underline;}

#fichedesc{width:35%; height:62%; top: 38%; line-height:1.2em;  float:left; position:relative;overflow:auto;}
#fichepanier{width:35%; height:100%; float:left; position:relative; overflow:auto; border-left:1px solid #68071a;}

.patines{ position: absolute; top:0px; left:39%; width:100px; background-color:#fccb04; text-align:center}
a.patines{color:#68071a; text-decoration:none}
a.patines:hover{color:white;}
#liste_collection{
width:100%; margin:1% 0 0 0; padding:0; height:31%; overflow:auto;  position:relative; float:left;  border-bottom:1px solid gray}
.titrefiche{color:#FFFFFF; background-color:#68071a; font-size:1.2em; display:block; padding:0 0 0 5px; margin:0px}

.soustotal2{  color:#000000}
a.commande{margin:2px 0 0 10px; background-image:url(../objets/ico_titre.jpg); background-position:left center; background-repeat:no-repeat; padding-left:30px; text-decoration:none; color:#03b1fe; font-weight:bold; font-size:1em}
a.commande:hover{color:red}
a.annul{margin:2px 0 0 10px; background-image:url(../objets/ico_titre.jpg); background-position:left center; background-repeat:no-repeat; padding-left:30px; text-decoration:none; color:#666666; font-weight:bold; font-size:1em}
a.annul:hover{color:red}

.info{ background-image:url(../objets/retour_catalogue.jpg); background-position:left center; background-repeat:no-repeat; padding-left:20px; color:#03b1fe; font-weight:bold; font-size:0.9em; width:130px; cursor:pointer;height:auto; float:right; display:block }
.text_info{ position:absolute; color:#666666; top:0; right:20px; width:150px;  z-index:6 ; height:18px; overflow:hidden; display:block; padding:3px 10px 0 10px}
.text_info:hover{ width:92%; border:1px solid #cccccc; height:auto; max-height:330px; overflow:auto; background-color:#edf5f8  }
.text_port{ position:absolute; color:#666666; top:0; right:150px; width:150px;  z-index:6 ; height:18px; overflow:hidden; display:block; padding:3px 10px 0 10px}
.text_port:hover{ width:55%; border:1px solid #cccccc; height:auto; max-height:330px; overflow:auto; background-color:#edf5f8  }

#commander{position:relative; margin:0;  width:135px;   overflow:hidden; padding:3px 5px 0 0; font-weight: bold; float:left; text-align:right;  background-image:url(../objets/ico_command.jpg);background-repeat:no-repeat; background-position:left bottom; color:#03b1fe; font-size:1.1em ;  }
#produit{  float:left;  width:600px; height:50%; z-index:1;}
#collection{ position:relative; float:left; position:relative; width:600px; height:31%; overflow:auto;z-index:2}
#titre_collection{float:left; margin-top:-10px;  font-size:0.9em; line-height:1em; color:#000000; z-index:5}

a.panier{float:right;margin-top:3px; padding-left:35px; text-decoration:none; color:black; font-weight:bold;}
a.panier:hover{color:red}

#descriptif { position:relative; float:right; width:54%;height:77%; font-size:1em;   overflow:auto; margin:0; padding:0; overflow:auto}
#articles { position:relative; float:right; width:54%;  height:21%;   overflow:hidden; margin:0; padding:0; }
.detail{width:22%;float:left;  padding:0; margin:0 4px 0 0; height:90%; overflow:hidden}
.img_detail{width:100%; max-height:100%}
.vignette_collect{ position:relative; float: left; width:92px; margin:0 5px 5px 0; padding:0; background-color:#999999;min-height:100px; height:99%; background-repeat:no-repeat; background-position:center; color:#FF0000;}
#stock{width:11%; position: absolute;top:0px; right:0; z-index:10; margin:0 2px 0 0; padding:0; border:1px solid #cccccc; color: black;line-height:1.2em; height:28px;}
.jauge{position:relative;height:100%; background-color:#03b1fe; }
.nombre{position:absolute; width:100%; height:100%;top:0; left:0 ; text-align:center }

/*******************************************  PIED DE PAGE ************************************/
#patch{width:800px; margin:2px auto;  text-align:center; text-decoration:none; font-size:11px; }
.patch {color:#666666; text-decoration:none; font-size:0.8em }
.patch:hover {color:red;}
.patch2 {display:none;}
.ville{color:#CC3300;}


#pop1{display:none}

.highslide img {	border: 2px solid #CC3300;}

/* ______________champs formulaires, boutons de navigation_______________________*/
.panier{float:right;}
.form_panier{width:95%; border:1px solid #666666; padding:0}
.options{float:left; width:85%; display:inline-block}
.login{ width:70%; margin:auto; margin-top:70px; border:2px solid #cccccc }
.contact{ width:100%; margin:2% auto; }
.confirm{padding-top:30px; padding-bottom:30px; margin:40px auto; width:60%; border:1px solid #666;}
img.contactimg{margin: 0 20px 0px 0;}

input.champs {color:#333333; background-color:#ffffff;border:1px solid #cccccc; font-size:10px; height:13px;padding:0; margin:0;}

input.bouton{ color:#CC3300; font-weight:bold; border:0; padding-left:7px; background-color:#FFFFFF; font-size:1em; text-decoration:underline; cursor:pointer; background-image:url(../objets/fleche_rouge.gif); background-position:left; background-repeat:no-repeat}
input.bouton:hover{ color:#fccb04; text-decoration:underline}

input.bouton2{  color:#000000; float:right; position:relative;  text-decoration:none ; text-align:right; border:0; font-size:1em; cursor:pointer; padding:0; margin:0; background:none }
input.bouton2:hover{ color:red;  }

select { color: black; font-size:10px; font-family:arial;padding-bottom:0px;}
textarea {color: black; background-color:#ffffff;}
input.fichier {color:black; background-color:#66CCFF; font-size:10px; font-family:arial;}