/* CSS Document */
body,form,ul,li,span,h1,h2,h3,h4,dl,dd,dt,p,a{padding:0px; margin:0px;}

div.clear_fix{ clear:both; height:0px; overflow:hidden; visibility:hidden; }

body{background-color:#f6f2e3;}
#site{ width:1005px; margin-left:auto; margin-right:auto;}
#site #header{ width:1005px; height:248px; margin-left:auto; margin-right:auto;}
#site #main{ background-image:url(images/back_main.jpg); background-repeat: repeat; width:1005px; margin-left:auto; margin-right:auto; padding-top:20px;}
#site #main #cadre{width:964px; height:auto;  margin-left:auto; margin-right:auto; }
#site #main #cadre .left{ float:left; width:490px;}
#site #main #cadre .left h1{ margin-top:5px; padding-bottom:5px; margin-left:10px;}
#site #main #cadre .left p{ margin-top:10px; margin-left:10px; font-family:verdana; font-size:10px; font-weight:500; color:#ffdfc2; line-height:16px; text-align:justify;}
#site #main #cadre .left img.img_accueil{ margin-top:15px; margin-left:30px;}
#site #main #cadre .left .actu { width:436px; height:187px; background-image: url(images/back_actualite.jpg); background-repeat:no-repeat;
background-position:center; margin-top:43px; margin-left:30px;}
#site #main #cadre .right{ float: right; width:465px;}
#site #main #cadre .right img.img_accueil2{ margin-top:30px; margin-left:18px;}
#site #main #cadre .right .prod{ width:436px; height:187px; background-image:url(images/back_prod.jpg); background-repeat:no-repeat; margin-top:46px; margin-left:10px; }
#site #footer{ width:1005px; height:46px; background-image:url(images/footer.jpg); background-repeat:no-repeat; clear:both;}
#site #footer table{font-family:tahoma; font-size:10px; font-weight:500; color:#552800; text-decoration:none;}
#site #footer table a{font-family:tahoma; font-size:10px; font-weight:500; color:#552800; text-decoration:none;}

/******************pages internes********************/
/* commander */
#commander .ligne_cat{ width:740px; clear:both; margin:0px auto 0px auto; padding:60px 0px 0px 0px;}
#commander .ligne_cat img{float:left;}
#commander table {border: 1px solid #f1eacb; width:550px; float:right;}
#commander table tr.entete { background-color:#f1eacb;}
#commander table tr.entete td {border-top:none; border-right: 1px solid #4b2401; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#7d3b01; text-align:center;}
#commander table tr td.nborder {border-right:none;}
#commander table td {border-top: 1px solid #4b2401; border-right: 1px solid #f1eacb; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#f1eacb; font-size:11px; padding:2px 0px 2px 0px;}
#commander table td.titre_prod { text-align:left; padding:0px 0px 0px 5px; width:212px;}
#commander table td  input { height:12px; border:none;}

#salon .ligne_salon{ width:800px; clear:both; margin:0px auto 0px auto; /*padding:50px 0px 0px 0px;*/}
#salon table {border: 1px solid #f1eacb; width:550px; margin-top:20px;}
#salon table tr.entete { background-color:#f1eacb; border-right:none;}
#salon table tr.entete td {border-top:none; border-right: 1px solid #4b2401; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#7d3b01; text-align:center;}
#salon table tr td.nborder {border-right:none;}
#salon table td {border-top: 1px solid #4b2401; border-right: 1px solid #f1eacb; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#f1eacb; font-size:11px; padding:2px 0px 2px 0px;}
#interne .titre_salon {padding:30px 0px 10px 15px; clear:both;}
#salon table td.titre_prod { text-align:left; padding:0px 0px 0px 5px; width:212px;}

/****couleur*****/
.vert{background-image:url(images/back_ssmenu_presenattion.jpg); background-repeat:no-repeat;}
.bleu{background-image:url(images/back_ssmenu_chocolat.jpg); background-repeat:no-repeat;}
.orange{background-image:url(images/back_salon.jpg); background-repeat:no-repeat;}
.jaune{background-image:url(images/cadre_recette.jpg); background-repeat:no-repeat;}

#interne {width:964px; clear:both; border-bottom:none; margin:0px; padding-bottom:15px; background-color:#552800; display:block; margin-top:20px;}
#interne.cadre_vide {border-bottom:none; border:none; }
#interne.cadre_orange { border:2px solid #e85d01;  border-bottom:none; }
#interne.cadre_bleu { border:2px solid #08b1bb;  border-bottom:none;}
#interne.cadre_rose { border:2px solid #d40470;  border-bottom:none;}
#interne.cadre_jaune { border:2px solid #d9bd00;  border-bottom:none;}
#interne.cadre_violet { border:2px solid #740f98;  border-bottom:none;}
#interne.cadre_vert { border:2px solid #76a007;  border-bottom:none;}

#interne h1 { padding:20px 0px 20px 0px;}
#interne h3 {clear:both; padding-top:8px; margin-left:8px; margin-bottom:5px;}
#interne p {clear:both;font-family:verdana; font-size:11px; font-weight:500; color:#ffdfc2; padding:8px; line-height:16px; text-align:justify;}
#interne .cadre_boutique{float:left; width:470px; margin-left:5px; padding-bottom:30px; padding-top:30px;}
#interne .cadre_boutique td{font-family:verdana; font-size:10px; font-weight:500; color:#ffdfc2;  }
#interne img.img_entreprise{ float:right; padding-left:10px;}
#interne #cadre_ssmenu {display:block; text-align:center;  }
#interne #cadre_ssmenu .ssmenu {width:179px; height:96px; float:left; display:inline-block; position:relative;  margin-left:50px;}


#interne #cadre_ssmenu .ssmenu a{ /*background-image:url(images/flechette_ssmenu.png);*/ background-repeat:no-repeat; background-position:30px 10px; display:block; font-family:verdana; font-size:12px; color:#fff; font-weight:600; text-decoration:none; padding:5px 0px 0px 0px; }
#interne #cadre_ssmenu .ssmenu p{font-family:tahoma; font-size:9px; color:#4d2501; font-weight:500; padding:12px 5px 5px 5px; line-height:normal;}
#interne #cadre_ssmenu .ssmenu img{ float:right; padding-left:4px;}
#interne div.ligne_actu{ width:430px; height:193px; background-image:url(images/cadre_actu.jpg); background-repeat:no-repeat; margin-top:50px; display:block; float:left; margin-left:35px; margin-bottom:40px;}

.rubchocolat{ width:750px; display:block;  margin-left:auto; margin-right:auto;}
.rubchocolat_jaune{ width:950px; display:block;  margin-left:auto; margin-right:auto;}
.rubpresentation{ width:550px; display:block;  margin-left:auto; margin-right:auto;}
div.cartouche{ width:430px; display:block;}
p.para_ganache img{ float:right; padding-left:5px;}
p.para_amande img{ clear:both; padding:20px 0px 0px 50px; }
p.para_praline img{ float:left; padding-right:10px; display:block;}
p.para_epice img{ float:left; padding-right:10px; display:block;}
p.cours img {float:left; padding-right:10px; display:block;}
p.slogon_commande{ width:800px; margin:auto;}
#interne div.para_cours{ clear:both; width:870px; display:block; padding-left:30px;}
#interne div.para_visite{ clear:both; width:840px; display:block; padding-left:30px;}
#tcartouche td{ vertical-align:top; }
#tcartouche p{ font-size:9px; line-height:12px;}
#tcartouche { padding-top:50px; margin-top:50px; display:block; background:url(images/trait_sep.jpg) center top no-repeat; clear:both;}
#tcours{ clear:both; display:block; width:816px;}
.cartouche_planning{ width:380px; padding-left:10px;}
.cartouche_planning span{ font-family:tahoma; font-size:11px; color:#01c4ce; font-weight:bold; padding-bottom:10px; display:block;}
.cartouche_planning h2{ font-family:tahoma; font-size:11px; color:#ffdfc2;}
#interne div.cartouche_planning p.para{font-size:9px; line-height:12px;}
.cartouche_planning span.prix{ float:left; padding-right:80px; text-decoration:underline;}
.cartouche_planning span.dispo{ float:left; font-family:tahoma; font-size:11px; color:#7a5432;}
.cartouche_planning span.dispo img{ padding-left:5px;}
.znqte {font-family:Verdana; font-size:11px; text-align:center; color:#000000; width:30px; border-style:solid; border-width:1px; border-color:#929292;}
.totalpanier {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#fff; width:376px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#fff; padding-bottom:4px; clear:both; padding-top:3px;}
.totalpay {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#f1eacb; width:376px; padding-bottom:4px; clear:both; padding-top:3px;}
.znformu {border:none; height:18px; width:195px; font-family:Verdana; font-size:11px; color:#d2177e; background-color:#f1eacb;}
#identification{ width:850px; clear:both; display:block; height:750px; margin-left:auto; margin-right:auto;}
#identification .deja_client { width:420px; height:163px; border-style:solid; border-width:1px; border-color:#d40470; background-color:#552800; clear:both; display:block; margin:auto; padding:7px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#f1eacb; margin-bottom:30px;}
#identification .lien_passe_oublier {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#f1eacb;}
#identification .inscription {clear:both; width:580px; border-style:solid; border-width:1px; border-color:#d40470; background-color:#552800; clear:both; display:block; margin:auto; padding:7px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#f1eacb;}
#identification .retour_erreur {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#d2046f; }
#identification #form_inscription input[type=text],#identification #form_inscription input[type=password]  {border:none; height:18px; width:195px; font-family:Verdana; font-size:11px; color:#d2177e; background-color:#f1eacb;}
#identification #form_passe_oublier input[type=text]{border:none; height:18px; width:195px; font-family:Verdana; font-size:11px; color:#d2177e; background-color:#f1eacb;}
#livraison{ width:919px; clear:both; display:block; margin-left:auto; margin-right:auto;}
#livraison .inscription {clear:both; border-style:solid; border-width:1px; border-color:#d40470; background-color:#552800; clear:both; display:block; margin:auto; padding:7px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#f1eacb;}
#livraison #ereur_form{font-family:Verdana; font-size:12px; color:#d2046f; font-weight:500;}
#livraison #form_livraison input[type=text] {border:none; height:18px; width:195px; font-family:Verdana; font-size:11px; color:#d2177e; background-color:#f1eacb;}
#identification #ereur_form{font-family:Verdana; font-size:10px; color:#d2046f; font-weight:400;}
.nb2 {font-family:Verdana; font-size:10px; color:#d40470; font-weight:bold; float:none; text-decoration:underline;}
.nb1 {font-family:Verdana; font-size:10px; color:#d2046f; font-weight:400;}
#confirmation{ width:919px; clear:both; display:block; margin-left:auto; margin-right:auto;}
#confirmation .inscription {clear:both; border-style:solid; border-width:1px; border-color:#d40470; background-color:#552800; clear:both; display:block; margin:auto; padding:7px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#f1eacb;}
.nb3 {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#f1eacb; float:none; }
#paiement{ width:919px; clear:both; display:block; margin-left:auto; margin-right:auto;}
#paiement h2.titre_pai{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px; color:#d40470;}
#interne .titre_goodies img{ padding: 30px 0px 10px 30px; clear:both; display:block;}
#interne .cadre_partenaire{ background-image:url(images/back_partenaire.jpg); background-repeat:no-repeat;  display:block;  width:350px; height:175px; margin-top:40px; margin-left:90px; padding:5px 5px 5px 10px; float:left;}

/*************   style ilyasse     *********************/
#recette{ width:900px; margin-left:auto; margin-right:auto; margin-top:40px; clear:both;}
.text_recette{ font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#ffdfc2; text-align:justify;}
.text_relisation{float:left; margin-top:20px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#ffdfc2; width:577px; height:197px; background-image:url(images/cadre_recette1.jpg); display:block; padding-left:5px; padding-top:10px; background-repeat:no-repeat;}
.text_relisation span.titre_realisation1{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#da6700;  margin-top:20px; }

.txt_orange{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#da6700;  margin-top:20px;  }
/*********** fin style ilyasse ****************/


#commander #bt_ajou_panier{ padding:45px 0px 0px 400px;}

/* panier */
#panier .msg_panier_vide{padding:80px 0px 250px 0px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:600; font-size:16px; color:#d2046f;}
.pagination{ font-family:verdana; font-size:9px; color:#ffdfc2;}
.formulaire{ font-family: tahoma; font-size: 8pt; border: 1px solid #c1c1c1;}
#interne #contact td{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#ffdfc2;}
#interne .cadre_plan td{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#ffdfc2;}
#interne .cadre_plan td a{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#ffdfc2; }
#interne #condition p{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#ffdfc2; text-align:justify;}

#contact #ereur_form{font-family:Verdana; font-size:12px; color:#d2046f; font-weight:500;}
.msg_conf{font-family:Verdana; font-size:14px; color:#ffdfc2; font-weight:500;}