/* CSS Document : Mise en forme */


*{margin:0;padding:0;border:0;}
body {background-color: #ffffff;}


/* Page interieur*/
/**************************************/

#pageint{position:absolute; font-family:Arial, Helvetica, sans-serif;font-size:small; width: 698px; left:50%; margin-left:-349px; }

#headerint{height: 87px; width: 698px;margin-top:20px;}
#headerint img{float:left}
#headerint li{list-style-type:none;display:inline;}
#bt-promotions{background:url("../img/bt-promotions.gif") no-repeat 0 0; width: 75px; height: 51px; display:block; float:right; }
#bt-recettes{background:url("../img/bt-recettes.gif") no-repeat 0 0; width: 54px; height: 51px; display:block; float:right; margin: 0 19px 0 0; }
#bt-idees_cadeaux{background:url("../img/bt-idees_cadeaux.gif") no-repeat 0 0; width: 93px; height: 51px; display:block; float:right; margin: 0 24px 0 0; }
#bt-boutique{background:url("../img/bt-boutique.gif") no-repeat 0 0; width: 58px; height: 54px; display:block; float:right;  margin: 0 30px 0 0; }

#headerssmenu{ margin-bottom:12px  }
#headerssmenu li{list-style-type:none;display:inline; font-size:10px;}
#headerssmenu ul.ssmenuheader{position:absolute; top:88px; left:-2px; display:block;  border-top:5px solid #C0BD40;padding-top:5px}
#headerssmenu li a{padding-left: 3px; padding-right:4px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#622A14;text-decoration:none; font-weight:bold;}
#headerssmenu li a:hover{color:#E1412B;}

#blocGaucheHome{width:178px;  float:left;  }
#blocGaucheHome ul.coeur {padding-top:5px; padding-bottom:10px; border:1px solid #A03B90; margin-top:7px; border:1px solid #AD3B25;}
#blocGaucheHome ul.coeur li{ padding-bottom:9px; padding-left:12px; background:url("../img/home/puce-fleche_violet.gif") no-repeat 6px 4px ; list-style-type:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; font-weight:bold; }
#blocGaucheHome ul.coeur a{text-decoration:none;color:#833A72; text-decoration:underline;}
#blocGaucheHome ul.coeur a:hover{color:#B44627; text-decoration:none;}
#blocGaucheHome .t-coeur{margin-left:6px; margin-bottom:4px;}

#blocMenu{height:763px;  float:left; /*background:url("../img/content-top.gif") no-repeat 0 0;*/ }
#blocMenu ul.menu ul{padding-top:5px; padding-bottom:15px; border:1px solid #A03B90; width:174px; position:relative; margin-bottom:4px; margin-top:-6px; font-family:Arial, Helvetica, sans-serif;}
#blocMenu ul.menu li{list-style-type:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; width:216px;}
#blocMenu ul.menu li a.rubClosed,#blocMenu ul.menu li a.rubOpen{display:block; width:159px; padding:3px 3px 3px 14px; color:#fff; text-transform:uppercase; font-size:11px;background:#a22f82; margin-bottom:4px; cursor:pointer;}
#blocMenu ul.menu li .rubClosed{background:#a22f82;}
#blocMenu ul.menu li .rubOpen,#blocMenu ul.menu li a:hover{background-color:#b53f1c;}
#blocMenu ul.menu li li a:hover{background-color:transparent;}
#blocMenu ul.menu li img{margin-bottom:4px; }
#blocMenu ul.menu li li{width:174px;}
#blocMenu ul.menu a{background:url("../img/menu/puce-fleche_vert.gif") no-repeat 6px 4px ; padding-left:14px;text-decoration:none;color:#833A72;font-weight:bold;line-height:14px; display:block;}
#blocMenu ul.menu a:hover,#blocMenu ul.menu a.selected{background:url("../img/menu/puce-fleche_rouge.gif") no-repeat 6px 4px ; color:#B44627; }

#blocContentHome{ width:477px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:30px; background:url("../img/home/illu-champagne.jpg") no-repeat 0 0;border-bottom:1px solid #90908D;padding-bottom:5px;}
#blocContentHome #bt-catalogue{background:url("../img/home/bt-catalogue-gray.gif") no-repeat 0 0; margin-top:227px;margin-right:4px;width: 155px; height: 20px; display:block; float:right; }
#blocContentHome #bt-newsletter{background:url("../img/bt-newsletter-gray.gif") no-repeat 0 0;width:105px; height:20px; display:block; float:right;margin-top:227px;margin-right:1em; }

#blocContentHome #cadeau{background:url("../img/home/bg-cadeaux.gif") no-repeat 0 0; margin-top:279px; height:52px;}
#blocContentHome #cadeau h2{margin-left:72px;margin-bottom:10px}
#blocContentHome #cadeau p.violet{font-size:11px; color:#833A72; padding-bottom:12px; padding-left:70px; font-family:Verdana, Arial, Helvetica, sans-serif;} 
#blocContentHome #cadeau p.violet a{color:#833A72} 
#blocContentHome #cadeau p.violet a:hover{color:#B44627;text-decoration:none} 
#blocContentHome #cadeau p.vert{font-size:10px; color:#565B59; padding-left:70px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#blocContentHome .hr-gris{background:url("../img/hr-gris.gif") repeat-x 0 0; width: 470px; margin-top:8px; height:1px; }
#blocContentHome div.hr-gris hr{display:none;}

#offreHome{margin-top:50px; width:330px; float:right;  height:21px;  }
#offre label{display:block;}
#offreHome .offre{ width:146px;  margin-left:38px; position:absolute; margin-top:8px; }
#offreHome input.inputSearch{margin-left:188px;font-size:9px; margin-top:3px; border:1px solid #535355; width:115px; height:12px; vertical-align:middle; padding:1px 2px;}
#offreHome .ok{ width:16px;vertical-align:bottom; }

#offre{margin-top:15px; width:146px;}
#offre input.inputSearch{font-size:9px; margin-top:3px; border:1px solid #535355;width:115px; height:12px; vertical-align:middle; padding:1px 2px;}
#offre .ok{ width:16px; vertical-align:bottom;  }

#reponse_mail{color:#B44627;margin-top:0.5em;margin-bottom:0.5em; }

.quantite{ width:112px; padding-right: 50px ;  float:right;zoom:1; margin-top:-35px; }


#blocContent{ width:467px; float:right; border-right:14px solid #B44627; /*border-top:15px solid #B44627;*/ font-family:Verdana, Arial, Helvetica, sans-serif;   margin-bottom:83px; background:url("../img/content-top.gif") no-repeat 0 0;}
#blocContent p{ padding-left: 47px; padding-right: 47px; font-size:11px; }
#blocContent p.bold{ padding-left: 47px; padding-right: 47px; font-size:11px; font-weight:bold; padding-top:22px;}
#blocContent p.dispo{padding-top:42px;}
#blocContent h1{padding-left: 35px; color:#B44627; font-size:12px; text-decoration:underline;text-align:center; margin-top:3em;margin-bottom:1em;}
#blocContent h1 a{color:#622A14;text-decoration:none;}
#blocContent h1 a:hover{color:#B44627;}
#blocContent ul.listePuce {padding-top:46px; padding-bottom:20px; float:left; }
#blocContent ul.listePuce li{background:url("../img/puce-ronde_rouge.gif") no-repeat 0px 4px; padding-left:10px; padding-right:30px; font-size:10px; font-weight: bold;list-style-type:none; line-height:11px; width:25em;}
#blocContent .bt-classer{background:url("../img/bt-classer.gif") no-repeat 0px 0px; width:146px; height:17px; margin-left:32px; margin-top:25px; margin-bottom:17px; }
#blocContent .hr-violet{background:url("../img/hr-violet.gif") repeat-x 0 0; width: 417px; margin-left:31px; margin-top:25px; margin-bottom:17px; height:1px;}
#blocContent div.hr-violet hr{display:none;}
#blocContent ul li {margin-left:46px; font-size:0.9em;  }
#blocContent ul li strong {color:#6B2557;}


/*.produit{padding-top:4em;}*/
#blocContent h1.connection{font-size:1.2em;font-weight:bold;margin-top:2em;text-decoration:none;}
#blocContent h2.connection{font-size:1em;font-weight:bold;margin-left:5em;margin-top:2em;text-decoration:none;color:#B44627}

/*pour le gabarit dossier*/
#blocContent .dossier{padding-top:1em;padding-left:1.5em;}
#blocContent .dossier li {
background: url(../img/puce-ronde_rouge.gif) no-repeat 0em 0.7em;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0em 0pt 0pt 1em;
width:94%;
margin-top:2em;
}
#blocContent .dossier h1 {color:#B44627; font-size:1.4em; text-decoration:none;padding-left: 0px;margin-bottom:1em;}
#blocContent .dossier p {padding-left: 0.5em; padding-right: 1em; font-size:11px; font-weight:normal; padding-top:0px;}
.erreur  {font-weight:bold; margin-top:2em;float:left;}

/* Idees cadeaux */
#blocContent .apercu{float:left;width:230px}
#blocContent .apercu h1{text-align:left;margin-bottom:0.4em}
#blocContent .apercu .quantite{float:none;margin-top:0.7em;margin-bottom:1em;padding-left:47px}
#blocContent .apercu p.bold{padding-top:10px;padding-right:0}

#blocContent #contentBottom{ width:481px; height:47px; background:url("../img/content-bottom.gif") no-repeat 0px 0; margin-right:-14px; position:absolute;}
#blocContent select{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:32px; margin-top:25px; margin-bottom:17px;}

#footer{ clear:both; height:1px;  width: 696px; }
#footer ul.menufooter{bottom:0px;left:0px; display:block; background:url("../img/hr-gris.gif") repeat-x 0 0; width: 696px; padding-top:6px;}
#footer li{list-style-type:none;display:inline; font-size:9px;}
#footer li a{padding-left: 5px; padding-right:6px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#4D672F; font-size:11px; text-decoration:none;}
#footer li a:hover{color:#E1412B;text-decoration:underline;}
#footer p.avertissement{margin-left:6px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:11px;}

/* MENU */
.closedMenu{display:none;}
.openedMenu{display:block;}


/*Définition classes globales*/
.breaker {clear: both;overflow:hidden; }
.breaker2 {height:12px; }
.clear {clear:left;}
.clear2{clear: both;}

.leftImg{float:left;margin:1em 1em 0 4em;}



/* Divers éléments de formulaires & tableaux */

.panierTable {color:#333C3B;font-weight: bold; font-size:0.9em;	background-color: #dedce6;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;margin-left:15px;background:#d2cfcf}
.panierTable td{text-align:center}
.panierTable a{color:#622A14}
.panierTable a:hover{color:#B44627}

tr.ligneTableau{background:#e5e2e1}
tr.ligneTableau td{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c6cdde;font-size: 0.9em;}
tr.intitule td{padding:5px 0 5px 0}

.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {font-weight: bold; font-size:0.9em;	text-align: right;margin: 10px;}
.boutonMonCompteContenu a{color:#622A14}
.boutonMonCompteContenu a:hover{color:#B44627}

.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}


/*Pour le gabarit connection*/


/*deja client*/
#deja_compte{margin-top:1.5em;margin-left:5em;}
#deja_compte label{display:block;width:12em;clear:left;float:left;margin-bottom:1em;}
#deja_compte input{border:1px solid black;float:left;margin-bottom:1em;}
#deja_compte #bouton_submit{float:left;border:none;margin-left:8em;}
#deja_compte .obligatoire{color: #FF0000; margin-bottom:1em;}
#deja_compte  a{text-decoration:none;color:#833A72; text-decoration:none;float:left;clear:left;width:150px;}
#deja_compte a:hover{color: #FF0000;text-decoration:underline;}


/*bloc nouveau client*/
#nouveau_client{margin-top:1.5em;margin-left:5em;}
#nouveau_client label{display:block;width:12.5em;clear:left;float:left;margin-bottom:1em;}
#nouveau_client input{border:1px solid black;float:left;display:inline;margin-bottom:1em;}
#nouveau_client select{border:1px solid black;margin:0;padding:0;float:left;display:inline;margin-bottom:1em;}
#nouveau_client #bouton_submit_nouveau{clear:left;border:0px;margin-left:10em;}
#nouveau_client .commentaires { font-size: 0.8em;padding:0em;margin-bottom:1em;}
#nouveau_client .hidden {border:none;}
#nouveau_client h1{ font-size: 1.2em;font-weight: bold;color:#B44627;margin:2em 0 1em -3em;text-decoration:none;}

/*bloc nouveau client*/
#recap_commande{margin-top:1.5em;margin-left:5em;}
#recap_commande label{display:block;width:12.5em;clear:left;float:left;margin-bottom:1em;}
#recap_commande input{border:0px solid black;float:left;display:inline;margin-bottom:1em;}
#recap_commande select{border:1px solid black;margin:0;padding:0;float:left;display:inline;margin-bottom:1em;}
#recap_commande #bouton_submit_nouveau{clear:left;border:0px;margin-left:10em;}
#recap_commande .commentaires { font-size: 0.8em;padding:0em;margin-bottom:1em;}
#recap_commande .hidden {border:none;}
#recap_commande h1{ font-size: 1.2em;font-weight: bold;color:#B44627;margin:2em 0 1em -3em;text-decoration:none;}


/*bloc mot de passe oublier*/
#mdpoublie{margin-top:1.5em;margin-left:5em;}
#mdpoublie h1{font-size:1.2em;font-weight:bold;margin:2em 0 2em -3em;text-decoration:none;padding:0px;}
#mdpoublie label{display:block;width:12.5em;clear:left;float:left;margin-bottom:1em;}
#mdpoublie input{border:1px solid black;float:left;display:inline;margin-bottom:1em;}
#mdpoublie #submit_mdpoublie{clear:left;border:0px;margin-left:10em;}
#mdpoublie .hidden {border:none;}


/*modification du mot de passe*/
#modif_mdp{margin-top:1.5em;margin-left:5em;}
#modif_mdp label{display:block;width:16em;clear:left;float:left;margin-bottom:1em;}
#modif_mdp input{border:1px solid black;float:left;margin-bottom:1em;}
#modif_mdp #bouton_submit{float:left;border:none;margin-left:8em;}


.break{clear:both;}
/*bloc pour la page adresse.html*/
#facturation{margin-top:1.5em;margin-left:5em;}
#facturation h1{font-size:1.2em;font-weight:bold;margin:2em 0 1em -3em;text-decoration:none;padding:0px;}
#facturation h2{font-size:1em;font-weight:bold;margin:2em 0 1em 0;text-decoration:none;padding:0px;color:#B44627}
#facturation  a{text-decoration:none;color:#833A72; text-decoration:none;width:150px;}
#facturation a:hover{color: #FF0000;text-decoration:underline;}
#facturation li {background: url(../img/home/puce-fleche_violet.gif) no-repeat 0em 0.5em;background-repeat:no-repeat;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0em 0pt 0pt 1em;}
#facturation ul {margin:1em 0;}
#facturation #valider_commande {margin-left:0;padding:0;margin-top:3em;text-align:center;}

/*pour le bloc modifier un client*/
#modif_client{margin-top:1.5em;margin-left:5em;}
#modif_client label{display:block;width:12.5em;clear:left;float:left;margin-bottom:1em;}
#modif_client input{border:1px solid black;float:left;display:inline;margin-bottom:1em;}
#modif_client select{border:1px solid black;margin:0;padding:0;float:left;display:inline;margin-bottom:1em;}
#modif_client #bouton_submit_nouveau{clear:left;border:0px;margin-left:10em;}
#modif_client .commentaires { font-size: 0.8em;padding:0em;margin-bottom:1em;}
#modif_client .hidden {border:none;}
#modif_client h1{ font-size: 1.2em;font-weight: bold;color:#B44627;margin:2em 0 1em -3em;text-decoration:none;}



/*pour le bloc confirmation de création du compte client*/
#confiramtion_compte{margin:2em 0 0 5em;}
#confiramtion_compte h2{font-size:1em;color:#B44627;font-weight:bold;margin:2em 0 2em 0;text-decoration:none;padding:0px;}
#confiramtion_compte  a{text-decoration:none;color:#833A72; text-decoration:none;width:150px;margin-right:40px}
#confiramtion_compte a:hover{color: #FF0000;text-decoration:underline;}

/*pour le gabarit ajout d'une adresse */
#ajout_adresse{margin-top:1.5em;margin-left:5em;}
#ajout_adresse label{display:block;width:12.5em;clear:left;float:left;margin-bottom:1em;}
#ajout_adresse input{border:1px solid black;float:left;display:inline;margin-bottom:1em;}
#ajout_adresse select{border:1px solid black;margin:0;padding:0;float:left;display:inline;margin-bottom:1em;}
#ajout_adresse #bouton_submit_nouveau{clear:left;border:0px;margin-left:10em;}
#ajout_adresse .hidden {border:none;}
#ajout_adresse #submit_ajout_add{clear:left;border:0px;margin-left:10em;}
#ajout_adresse h2{font-size:1em;color:#B44627;font-weight:bold;margin:1em 0 1em 0;text-decoration:none;padding:0px;}
#ajout_adresse h1{ font-size: 1.2em;font-weight: bold;margin:2em 0 1em -4em;text-decoration:none;}
#ajout_adresse li {background: url(../img/puce-ronde_rouge.gif) no-repeat 0em 1em;background-repeat:no-repeat;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0em 0pt 0pt 1em;}



/*pour le gabarit modification d'une adresse */
#modif_adresse{margin-top:1.5em;margin-left:5em;}
#modif_adresse label{display:block;width:12.5em;clear:left;float:left;margin-bottom:1em;}
#modif_adresse input{border:1px solid black;float:left;display:inline;margin-bottom:1em;}
#modif_adresse select{border:1px solid black;margin:0;padding:0;float:left;display:inline;margin-bottom:1em;}
#modif_adresse #bouton_submit_nouveau{clear:left;border:0px;margin-left:10em;}
#modif_adresse .hidden {border:none;}
#modif_adresse #submit_modif_add{clear:left;border:0px;margin-left:10em;}
#modif_adresse h1{ font-size: 1.2em;font-weight: bold;color:#B44627;margin:2em 0 1em -3em;text-decoration:none;}


/*pour la page d'accueil*/

#icone_gauche{text-align:right;}
#blocContent .coup_coeur{padding-right:1.5em;}
#blocContent .promo{padding-right:1.5em;margin-bottom:0.2em;}
#blocContent .idee_cadeau{padding-right:1.5em;}


/*pour le bloc pagination*/
#pagination{text-align:center;color:#622A14;}
#pagination a{color:#B44627;text-decoration:none;}
#pagination a:hover{color:#B44627 ;text-decoration:underline;}
#pagination  .encour{color:#000000;}


/*pour le gabarit recapitulatif de la commande */
#recap_commade .intMode{text-align:right}
#recap_commade p{margin-top:10px}
#recap_commade input{border:1px solid black;}
#recap_commade h2{font-size:1em;color:#B44627;font-weight:bold;margin:1.2em 0 1em 1.7em;text-decoration:none;padding:0px;}
#recap_commade .hidden {border:none;}
#recap_commade .submitCode{margin:3px 0 0 245px}
*+html #recap_commade .submitCode{margin-left:254px}
* html #recap_commade .submitCode{margin-left:253px}


/*pour le gabarit recapitulatif de la commande */
#bloc_cheque{}
#bloc_cheque h2{font-size:1em;font-weight:bold;color:#B44627;margin:1em 0 1em -2em;text-decoration:none;padding:0px;}
#bloc_cheque h1{ font-size: 1.2em;font-weight: bold;color:#B44627;margin:2em 0 1em 0;text-decoration:none;}

#newsletter_error{color:#FF0000;text-align:right;margin-top:-14px;}

/* Lightbox */
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666; font-family:Verdana, Arial, Helvetica, sans-serif;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{float: left;}
#keyboardMsg{float: right;}
#closeButton{top: 5px;right: 5px;}
#lightbox img{border: none; clear: both;} 
#overlay img{border: none;}
#overlay{background-image: url(../img/lightbox/overlay.png);}
kbd {background-color:#DDDDDD;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#555555;font-family:inherit;font-size:inherit;padding:0pt 3px 2px 4px;}

* html #overlay{background-color: #333;	back\ground-color: transparent;	background-image: url(../img/lightbox/blank.gif);	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/lightbox/overlay.png", sizingMethod="scale");}