/*--  balises générales --*/
html { 
/*	height:100%; 
*/	overflow:auto;
	margin:0; padding:0;  
}
BODY {
	margin:0x;
	/*width:100%;*/
	overflow:hidden;
	background:#915d48 url("../images/bg.jpg") top left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.85em;
	line-height:1.3em;
	color:#000000;
}

h1 { font-family:"Garamond Normal",Georgia, "Times New Roman", Times, serif; font-size:26px; padding:6px 0 0px 0; height:100px; color:#FFFFFF; line-height:1.1em; font-weight:bold; text-align:center; margin:0 0 0.5em 0; }
h2 { font-family:"Garamond Normal",Georgia, "Times New Roman", Times, serif; font-size:20px; }
h3 { font-family:Arial, Helvetica, sans-serif; color:#000000;  font-size:18px; }
h4 { font-family:"Garamond Normal",Georgia, "Times New Roman", Times, serif; font-size:14px; }
h5 { font-family:"Garamond Normal",Georgia, "Times New Roman", Times, serif; font-size:12px; }

a { color:#000000; text-decoration:none; font-weight:bold; }/*666666*/
a:visited { color:#333333; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
a img { border:0; }

img { display:block; }
p img { display:inline; vertical-align:middle; }
p.grand { font-size:1.25em; }

hr { height:0px; display:block; border:0; border-top:1px #D49102 dotted; line-height:0px; padding:0; margin:4px 0; }
acronym { cursor:help; border-bottom:1px #cccccc dotted; }

.titre { font-size:17px; color:#666666; }

.asterisque {
	font-size:10px;color:#FF0000;
}

label.error {
	font-size:10px;color:#FF0000; font-style:italic;
	display:block;
}
input.error { border:1px #990000 solid; }

.div_error, .form_error{ background:#FBEED0 url("../img/bg_error_mini.png") top left no-repeat; padding:3px 0 3px 26px; color:#F80000; font-weight:bold; font-size:12px; margin:0.5em 0;}
.div_success, .form_success { background:#EAFAC9 url("../img/bg_success_mini.png") top left no-repeat; padding:3px 0 3px 26px; color:#008301; font-weight:bold; font-size:12px; margin:0.5em 0; }



/*-- balises spécifiques  ------------------------------------------------------------------------------------------------ --*/
#contener {
	margin-left: auto; 
	margin-right: auto;
	width:950px;
}

#content {
	margin-left: auto; 
	margin-right: auto;
	width:100%;
}

#contenu {
	background:#ffffff url("../images/bg_contenu.jpg") top center no-repeat;
	padding:4px 0;
	margin:0;
	border:2px #61452F solid;
}

.lien-home { 
	position:absolute;
	margin-top:-170px;
	margin-left:-200px;

	/*border:1px solid #00CC66;*/
	width:290px; 
	height:165px;
}

#top {
	background:url("../images/top.jpg") top center no-repeat;
	width:100%;
	height:210px;
}

#menu {
	position:absolute;
    display:block;
	margin-top:180px;
	margin-left:200px;
	width:730px;
}

#mid {
	background:url("../images/fd-content.jpg") top center repeat-y;
	margin-left: auto; 
	margin-right: auto;
	width:960px;
}
#blabla {

	padding:10px 10px 10px 10px;
	font-size:12px;color:#000000;
}

#bottom {
	background:url("../images/bottom.jpg") 0px -5px no-repeat;
	display:block;
	padding:8px 0 0 0;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	line-height:1.5em;
}

#bottom a { color:#FFFFFF; text-decoration:none; }
#bottom a:visited { color:#FFFFFF; text-decoration:none; }
#bottom a:hover { text-decoration:underline; }

/*
* Table contenu
*/
.table_contenu { width:100%; border-collapse:separate; border:0; border-spacing:5px 0; }
.col_left {
	width:20%;
	/*background-color:#F9AF6E;*/
	background:#5B2E18 url("../images/bg_cols.jpg") top left;
	padding:5px;
	margin:0;
	border:2px #61452F solid;
}
.col_contenu {
	width:60%;
	/*background-color:#ffffff;*/
	padding:10px;
}
.col_right {
	width:20%;
	background:#5B2E18 url("../images/bg_cols.jpg") top right;
	padding:5px;
	margin:0;
	border:2px #61452F solid;
}
.pwet { padding:0; }

/*
* Fil d'ariane
*/
.fil_ariane { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#5F2A18; margin:88px 5px 5px 5px; padding:0; line-height:1.1em; position:absolute; }
.fil_ariane ul { width:525px; }
.fil_ariane ul li { display:inline; }
.fil_ariane a {  color:#804922; }
.fil_ariane a:hover, .fil_ariane a.actif { color:#000000; }
.fil_ariane_mini { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; margin:0; text-align:right; float:right; }
.fil_ariane_mini a {  color:#999999; }
.fil_ariane_mini a:hover, .fil_ariane_mini a.actif { color:#333333; }

/*
* Block divers
*/
						
.block_blanc 		{ display:block; margin:6px 0px 0px 0px; padding:5px; background-color:#FFFFFF; border:4px #D6D6D6 solid; white-space:normal; color:#666666; }
.block_blanc2 		{ display:block; margin:6px 0px 0px 0px; padding:5px; background-color:#FFFFFF; border:4px #FFD042 solid; white-space:normal; }
.block_blanc3 		{ display:block; margin:6px 0px 0px 0px; padding:5px; background-color:#FFFFFF; border:4px #FF8000 solid; white-space:normal; }
.block_blanc4 		{ display:block; margin:6px 0px 0px 0px; padding:5px; background-color:#FFFFFF; border:4px #D49102 solid; white-space:normal; }
.block_blanc5 		{ display:block; margin:6px 0px 0px 0px; padding:5px; background-color:#FFFFFF; border:4px #992F15 solid; white-space:normal; }
.block_blanc6 		{ display:block; margin:6px 0px 0px 0px; padding:5px; background-color:#FFFFFF; border:4px #D6D6D6 solid; white-space:normal; }
.block_blanc7 		{ display:block; margin:6px 0px 0px 0px; padding:0px; background:url('../img/bg_block_1.jpg') top right no-repeat; background-color:#FFFFFF; border:4px #FF8000 solid; white-space:normal; }

/*
* Icones
*/
a.icon_plus { background:url("../images/icon_plusmoins.png") 0px 0px no-repeat; width:22px; height:22px; display:block; margin:0 0 2px 0; }
a.icon_plus:hover { background-position:0px -30px; text-decoration:none; }
a.icon_moins { background:url("../images/icon_plusmoins.png") -30px 0px no-repeat; width:22px; height:22px; display:block; }
a.icon_moins:hover { background-position:-30px -30px; text-decoration:none; }

/*
* Menu de nav dans les categories
*/
.menu_categs 		{ margin:0 -5px 0 -10px; }
.menu_categs li		{ margin:0; padding:0; }
.menu_categs li	a	{ font-size:12px; padding:3px 0 3px 20px; color:#FAA61A; font-weight:bold; text-decoration:underline; background: url("../img/puce_5.gif") 0 0 no-repeat; line-height:1.2em; vertical-align:middle; display:block; width:auto; }
.menu_categs li	a:hover	{ background: url("../img/puce_5.gif") 0 -60px no-repeat; color:#992F15; }
.menu_categs li	a.actif{ background: url("../img/puce_5.gif") 0 -60px no-repeat; color:#992F15; }
.menu_categs ul		{ padding:0 0 0 6px; margin:0 0 0 5px; }
.menu_categs ul li	{  }
.menu_categs ul li a	{ font-size:11px; color:#000000; font-weight:normal; text-decoration:none; background:url("../img/puce_6.gif") 8px center no-repeat; line-height:1.3em; display:block; width:89%; min-height:inherit; padding:0 0 0 20px; }
.menu_categs ul li a:hover 	{  background: url("../img/puce_7.gif") 8px center no-repeat; }
.menu_categs ul li a.actif 	{  background: url("../img/puce_7.gif") 8px center no-repeat; color:#ffffff; font-weight:bold; background-color:#992F15; }


/*
* Encart table du catalogue (1er dans l'aborescence)
*/
.table_categ { display:block; width:100%; border:1px #4D221B solid; }
.table_categ .td1 { height:80px; width:100%; vertical-align:bottom; }
.table_categ .td2 { vertical-align:bottom; }
.table_categ .td2 a { display:block; height:100%; white-space:nowrap; border-top:1px #4D221B solid; background:url() 0px 0px repeat-x; text-decoration:none; }
.table_categ .td2 a span { color:#F5F5F5; }
.table_categ .td2 a span.titre { display:block; font-weight:bold; font-size:32px; padding:5px 0 0 2px; font-family:Shelley-AllegroScript, Arial; line-height:1em; white-space:normal; }
.table_categ .td2 a span.texte { display:block; padding:0px 5px 5px 5px; font-size:12px; white-space:normal; -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }
.table_categ .td2 a:hover { background-position:0px -400px; text-decoration:none; color:#ffffff; }
.table_categ .td2 a:hover * { color:#ffffff; }

.input_search { background:url("../img/icon_loupe.gif") 2px center no-repeat; background-color:#FFFFFF; border:1px #cccccc solid; font-size:10px;padding-left:20px; width:155px; margin:0; }

/* table pour listing produit */
.datatable { border-collapse:collapse; border-spacing:0; margin:0 0 8px 0; border-bottom:2px #D49102 solid; background:#5F301C url("../images/bg_table_head.jpg") top left no-repeat; }
.datatable thead {  }
.datatable tr th { padding:8px 0px 6px 0px; border-bottom:2px #D49102 solid;  white-space:nowrap; font-size:12px; color:#FFFFFF; vertical-align:middle; text-align:center;}
.datatable tr th.normalwrap { white-space:normal; width:100%; text-align:left; }
.datatable tr th.normalwrap a {font-family:"Garamond Normal",Georgia, "Times New Roman", Times, serif;  font-size:18px; color:#FFFFFF; padding:0 0 0 8px; display:block; }
.datatable tr th.normalwrap h2 { font-size:18px; color:#FFFFFF; padding:0 0 0 8px; }
.datatable tr th.th_prix 	{ white-space:nowrap; font-size:12px; }
.datatable tr td { padding:2px 2px; border:1px #D49102 solid; background-color:#FFFFFF; }/*border:1px #CCCCCC solid; */
.datatable tr td a { display:block; background:#fcfcfc; font-size:1.1em; padding:3px 3px; color:#000000; font-weight:bold; }
.datatable tr td a:hover { display:block; color:#000000; }
.piccat { width:140px; float:left; margin:1.6em 0.5em 0 0; }

.datatable tr td.tdpic 	{ border-right:0px #ffffff solid; padding:0; background-color:#ffffff; padding:0 0 3px 0; }
.datatable tr td.tdnom 	{ border-left:0px; width:100%; }
.datatable .pic { float:left; width:100px; display:block; margin:0 0.5em 0 0; }
.datatable .coderef { font-size:0.8em; white-space:nowrap; }
.datatable .texteintro { font-size:0.95em; color:#444444; padding:0 3px; }
.datatable .texteintro strong { color:#222222; }
.datatable .prixttc { font-weight:bold; text-align:right; font-size:1.1em; }
.datatable del { display:block; text-align:right; font-size:0.8em; font-weight:normal; color:#993300; background:url("../img/bg_prix_promo.gif") 55% center no-repeat; text-decoration:none; margin:0 2px 0 0; }
.datatable tr.regroup td 	{ border-top:0px; }
.datatable tr.regroup2 td 	{  }
.datatable tr.regroup0 td 	{ border-top:0; border-left:0; border-bottom:0; border-right:0; height:1em; }
.datatable tr.regroup2 td.tdpic 	{ border-right:0px; }
.datatable tr.regroup2 td.tdnom 	{  }
.datatable .promo_differentiel { white-space:nowrap; }

/* table pour fiche produit */
.prodtable { border-collapse:collapse; width:100%; margin:1em 0; }
.prodtable th { padding:2px 5px; border-bottom:2px #D49102 solid; white-space:nowrap; }
.prodtable td { padding:2px; border:0px #cccccc solid; vertical-align:middle; }
.prodtable td a { display:block; font-size:0.9em; padding:3px 3px; }
.prodtable td small { color:#999999; }
.prodtable td a:hover { display:block; }
.prodtable .prodpic { max-width:250px !important; max-height:250px; width:250px; display:block; }
.prodtable .coderef { font-size:0.8em; white-space:nowrap; }
.prodtable .prixttc { font-weight:bold; font-size:1.5em; background:url("../img/bg_prix.gif") right center no-repeat; padding:0 15px 0 0; }
.prodtable del { text-align:right; font-size:1em; font-weight:bold; color:#666666; background:url("../img/bg_prix_promo.gif") 55% center no-repeat; text-decoration:none; margin:0 2px 0 0; text-decoration:line-through; }

/* conteneur des descriptions produits */
.proddesc { border:1px #C08750 solid; display:block; }
.proddesc .tit { border-bottom:1px #C08750 solid; padding:5px; }
.proddesc .txt { padding:5px; }

/* table pour deco */
.decotable { border-collapse:collapse; width:100%; }
.decotable tr { margin:0 0 10px 0; }
.decotable th { padding:2px 5px; border:1px #cccccc solid; border-left:2px #D49102 solid; white-space:nowrap; }
.decotable td { padding:2px; border:1px #cccccc solid; }
.decotable td a { font-size:10px; }
.decotable td small { color:#999999; }
.decotable td a:hover { }

/* table pour deco (mini) */
.decotable_mini { border-collapse:collapse; font-size:9px; display:block; }
.decotable_mini tr {  }
.decotable_mini th { padding:2px 5px; border:1px #cccccc solid; white-space:normal; }
.decotable_mini td { padding:2px; border:1px #cccccc solid; }

/* table pour deco (mini) */
.decotable_moyen { border-collapse:collapse; font-size:11px; width:100%; }
.decotable_moyen tr {  }
.decotable_moyen th { padding:5px 5px; border:1px #cccccc solid; white-space:normal; font-weight:bold; }
.decotable_moyen td { padding:2px 5px; border:1px #cccccc solid; }

.small {font-size:10px; }

/* box 1 & 2 ################################################################################################# */ 
.cssbox1, .cssbox1 .body,  .cssbox1 .head, .cssbox1 .head h2, .cssbox1 .head div {
    background: transparent url("../images/box_model1.png") no-repeat bottom right; 
} 
.cssbox2, .cssbox2 .body,  .cssbox2 .head, .cssbox2 .head h2, .cssbox2 .head div {
    background: transparent url("../images/box_model2.png") no-repeat bottom right; 
}  
.cssbox3, .cssbox3 .body,  .cssbox3 .head, .cssbox3 .head h2, .cssbox3 .head div {
    background: transparent url("../images/box_model3.png") no-repeat bottom right; 
}  
.cssbox4, .cssbox4 .body,  .cssbox4 .head, .cssbox4 .head h2, .cssbox4 .head div {
    background: transparent url("../images/box_model4.png") no-repeat bottom right; 
} 
.cssbox1, .cssbox2, .cssbox3, .cssbox4  { 
	/* pas de width, dans ce cas par défaut, ça prends toute la largeur */
    padding:0 15px 0 0; /* the gap on the right edge of the image (not content padding) */
	width:142px; float:left; display:inline; margin:0 5px 5px 0; 
} 
/* défini l'image en haut à droite */ 
.cssbox1 .head,
.cssbox2 .head,
.cssbox3 .head,
.cssbox4 .head { background-position: top right; margin:0 -15px 0 0; padding:0 15px 0 0; background-color:#FFFFFF !important; } 

/* défini l'image en haut à gauche */ 
.cssbox1 .head h2, .cssbox1 .head div,
.cssbox2 .head h2, .cssbox2 .head div,
.cssbox3 .head h2, .cssbox3 .head div,
.cssbox4 .head h2, .cssbox4 .head div { 
    background-position: top left; margin: 0;  border: 0;
    padding: 10px 0 0 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
     height: auto !important; height: 1%; /* IE Hack */ background-color:#FFFFFF !important;
} 
/* défini l'image en bas à gauche */ 
.cssbox1 .body,
.cssbox2 .body,
.cssbox3 .body,
.cssbox4 .body { 
    background-position: bottom left; margin:0 0px 0 0; /* interior-padding right */
	padding: 5px 0 10px 10px; /* mirror .cssbox_head right/left */  
	background-color:#FFFFFF !important;
	font-size:11px;
}

/* boxprod ################################################################################################# */ 
.boxprod, .boxprod .body,  .boxprod .head, .boxprod .head h2, .boxprod .head div {
    background: transparent url("../images/box_model1.png") no-repeat bottom right; 
}
.boxprod  { 
	/* pas de width, dans ce cas par défaut, ça prends toute la largeur */
    padding:0 15px 0 0; /* the gap on the right edge of the image (not content padding) */
	width:156px; float:left; display:inline; margin:0 5px 5px 0; 
} 
/* défini l'image en haut à droite */ 
.boxprod .head { background-position: top right; margin:0 -15px 0 0; padding:0 15px 0 0; background-color:#FFFFFF !important; } 

/* défini l'image en haut à gauche */ 
.boxprod .head h2, .boxprod .head div { 
    background-position: top left; margin: 0;  border: 0;
    padding: 10px 0 0 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
     height: auto !important; height: 1%; /* IE Hack */ background-color:#FFFFFF !important;
} 
/* défini l'image en bas à gauche */ 
.boxprod .body { 
    background-position: bottom left; margin:0 0px 0 0; /* interior-padding right */
	padding: 5px 0 10px 10px; /* mirror .cssbox_head right/left */  
	background-color:#FFFFFF !important;
	font-size:11px;
	text-align:center;
}
.boxprod a.href	{ font-size:12px; font-weight:bold; color:#5F2A18; text-decoration:none; }
.boxprod a.href:hover	{ color:#333333;  }
.boxprod .pic { width:145px; display:inline; }
.boxprod .tarif { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold; display:block;  }
.boxprod .poids { font-size:10px; color:#999999; }
.boxprod .ref 	{ font-size:10px; color:#999999; display:none; }


/* boxcat ################################################################################################# */ 
.boxcat  { 
    padding:0 15px 0 0;
	width:156px; float:left; display:inline; margin:0 5px 5px 0; 
	text-align:center;
} 
.boxcat a	{ font-size:12px; font-weight:bold; color:#5F2A18; text-decoration:none; }
.boxcat a:hover	{ color:#333333;  }
.boxcat a span { font-weight:bold; height:3em; display:block; }
.boxcat .pic { width:145px; display:inline; }


.box_elements table { width:100%; }
.box_elements table td { vertical-align:middle; }
.box_elements table th { vertical-align:middle; padding-left:3px; width:100%; }
.box_elements table th input { vertical-align:middle; font-size:19px; color:#BBBBBB; font-weight:bold; width:34px; border:1px #ffffff solid; background-color:transparent; }
.box_elements table th input.nozero { color:#DDB20D; }
.box_elements table th input:hover { border:1px #cccccc solid; }
.box_elements table td.img { padding:0 3px 0 0; }
.box_elements table td.img img { height:75px; max-width:75px; }
.box_elements small { color:#999999; }

.table_assortiment { width:670px; border:1px #cccccc solid; margin:10px 0; }
.table_assortiment td { border:1px #cccccc solid; padding:5px; }
.table_assortiment .div_progress { display:block; width:100%; height:5px; background-color:#F8F3EF; border:1px #666666 solid; vertical-align:middle; margin:3px 0 35px 0; /*margin:35px 0;*/ }
.table_assortiment .div_progress div.bar { display:block; width:0%; height:3px; margin:1px 0 0 0; background-color:#CC9900; }
.table_assortiment .div_progress div.info { display:inline; position:absolute; border-left:2px #C49300 solid; font-size:12px; font:bold; padding:4px 0 0 2px; }
.table_assortiment .div_progress div.info2 { display:inline; position:absolute; border-right:2px #C49300 solid; font-size:12px; padding:4px 2px 0 0; }
.table_assortiment_cl { height:160px; /*height:200px;*/ }

.pop_pic { display:block; }
.pop_pic_preview { position:absolute; border-right:2px #cccccc solid; margin:-20px 0 0 0; background:#ffffff url("../img/icon_loupe.gif") 98% center no-repeat; padding:0.5em 23px 0.5em 0.3em; font-size:9px; line-height:1em; cursor:pointer; text-align:right; }

.hovertip_div { position:absolute; border:1px #ffffff solid; margin:0; }
.hovertip_div div.hovertip_div1 { border:3px #5F2A18 solid; padding:5px; font-size:11px; color:#000000; background-color:#FFFFFF; width:200px; } 

.disabled { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; }

.textepage { margin:6px 0 0 0; font-size:15px; }

.contenu_texte ul { list-style:outside disc; margin:0 0 0.5em 3em; }
.contenu_texte ol { list-style:outside decimal; margin:0 0 0.5em 3em; }
.contenu_texte p { margin:0 0 1em 0; }

/*
* BOUTONS
*/
a.bton_chocolats { display:block; width:255px; height:180px; background:#ffffff url("../img/btn_chocolats.jpg") 0px 0px no-repeat; }
a.bton_chocolats:hover { background-position:0px -200px; }
a.bton_chocolats span { display:none; }
a.bton_gateaux-bredele { display:block; width:255px; height:180px; background:#ffffff url("../img/btn_gateaux-bredele.jpg") 0px 0px no-repeat; }
a.bton_gateaux-bredele:hover { background-position:0px -200px; }
a.bton_gateaux-bredele span { display:none; }
a.bton_bonbons { display:block; width:255px; height:180px; background:#ffffff url("../img/btn_bonbons.jpg") 0px 0px no-repeat; }
a.bton_bonbons:hover { background-position:0px -200px; }
a.bton_bonbons span { display:none; }
a.bton_accessoires { display:block; width:255px; height:180px; background:#ffffff url("../img/btn_accessoires.jpg") 0px 0px no-repeat; }
a.bton_accessoires:hover { background-position:0px -200px; }
a.bton_accessoires span { display:none; }
a.bton_cadeaux { display:block; width:255px; height:180px; background:#ffffff url("../img/bton_cadeaux.jpg") 0px 0px no-repeat; }
a.bton_cadeaux:hover { background-position:0px -200px; }
a.bton_cadeaux span { display:none; }
a.btn_nouveautes { display:block; width:255px; height:180px; background:#ffffff url("../img/btn_nouveautes.jpg") 0px 0px no-repeat; }
a.btn_nouveautes:hover { background-position:0px -200px; }
a.btn_nouveautes span { display:none; }

a.btn_votrecompte { display:block; width:174px; height:55px; background:#ffffff url("../img/btn_votrecompte.jpg") 0px 0px no-repeat; }
a.btn_votrecompte:hover { background-position:0px -80px; }
a.btn_votrecompte span { display:none; }