@charset "utf-8";

/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form, a, img, span, dl, dt, dd, fieldset, legend, label {
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

body { background-color:#4F3007; /*marron*/ }

html, body {
	margin:0;
	height:100%;
}


.clear { clear:both; }

/* ENTETE */
#bandeau_haut_fond {
	background:url(images/bkg_haut_fond.jpg) repeat-x;
	height:151px;
}
#bandeau {
	background:url(images/entete.jpg) no-repeat center top;
	height:151px;
	/*width:1085px;*/
	text-indent:-5000px;
}
#entete {
	width: 980px;
	height: 120px;
	margin: 0 auto;
}
#lien_logo {
	display:block;
	width:200px;
	height:120px;
}


/************************ MENU PRINCIPAL ************************/
#menu_principal {
	width:980px;
	height:20px;
	margin:-21px auto 0 auto;
}

ul#menu {
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}

.separation { border-right: 1px dotted #FFF; }

ul#menu li { float: left; }

ul#menu a {
	float: left;
	padding: 3px 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;/*background: #fff;*/
}

/*trait vertical de sepration des boutons */
ul#menu a:hover { background: #b60061;/*border: 1px solid gray;*/ }

.btnactif { background-color:#c0dffb; /*bleu clair du survol*/ }

/***** CONTAINER *****/
#container_fond { background-color:#FFF; }

#container {
	margin:0 auto;
	width:980px;
	background-color:#FFFFFF;
	position:relative;
	padding-bottom:45px;
}

#banniere {
	width:725px;
	height:220px;
	background-color:#CCCCCC;
	float:left;
	margin:10px 0 10px 0;
}

/****************************/
/* Formlaire Mon panier		*/
/****************************/
#col_droite {
	width:235px;
	float:right;
	background:url(images/mon_panier.jpg) no-repeat;
	background-position:5px 18px;
	margin:-18px 10px 10px 0;
	position:relative;
}
#lien_panier {
	text-indent:-5000px;
	width:230px;
	height:70px;
	position:absolute;
	top:-75px;
	right:0px;
}
#mon_panier {
	width:235px;
	height:146px;
	margin: 0 10px;
}
#mon_panier a {
	text-decoration:none;
	color:#FFFFFF;
}
#mon_panier_form {
	width:176px;
	margin:0 35px 0 auto;
}
.aligneinput {
	background-color:white;
	width:165px;
	margin:2px 0 0 0;
}
#btn_envoyer {
	margin:5px 0 0 0;
	text-align:center;
}

#mini_module {
	width:235px;
	height:100px;
	margin:2px 0 0 0;
}

#info_panier {
	background-color:#FFFFFF;
	text-align:center;
	width:150px;
	margin:0 auto;
}

#bt_details {
	margin:25px 0 0 30px;
}

.info_panier {
	clear:both;
}

/*************************************/
/* Boite produit */
/*************************************/
.produit {
	width:235px;
	height:220px;
	background:url(images/nom_offre.jpg) top no-repeat;
	float:left;
	margin:10px 10px 10px 0;
}

.produit_nom_txt {
	font-weight:bold;
	margin:2px 5px 0 5px;
	color:#FFF;
	height:16px;
	overflow:hidden;
}

.produit_bkg, .produit_bkg_hori {
	width:235px;
	height:203px;
	background:url(images/produit_fond.jpg) bottom no-repeat;
}
.produit_image {
	margin:2px 10px 10px 0;
	float:left;
}
.produit_bkg .produit_image {
	width:120px;
	height:200px;
}
.produit_bkg_hori .produit_image {
	width:235px;
	height:110px;
}

.produit_detail {
	margin:7px 0 5px 0;
	float:left;
	font-size:10px;
	/*background-color:yellow; ********** jaune *********/
}
.produit_bkg .produit_detail {
	width:100px;
	height:110px;
}

.produit_bkg_hori .produit_detail {
	width:125px;
	height:70px;
}

.produit_detail p {
	font-size:10px;
	font-weight:lighter;
}

.produit_detail a:link, .produit_detail a:visited, .produit_detail a:active
{
	font-size:9px;
	color:#006ab3;
	text-decoration:none;
}

.produit_detail a:hover{
	font-size:9px;
	color:#006ab3;
	text-decoration:underline;
}

.produit_prix {
	width:95px;
	float:left;
	margin:0 0 5px 0;
}

.produit_txt_prix {
	font-size:18px;
	font-weight:bold;
	color:#b60061;
	text-align:center;
}

.produit_txt_poids {
	font-size:10px;
	text-align:center;
}

.img_panier {
	margin:0 0 0 0;
	width:95px;
	height:32px;
	float:left;
	text-align:center;
}

/***** TEXTE ******/
.txt_14 { font-size:14px; }

.txt_bold_white{
	font-weight:bold;
	color:#FFF;
}
.txt_10_white{
	font-weight:normal;
	color:#FFF;
	font-size:9px;
}

/*************************************/
/* FOOTER */
/*************************************/
#footer {
	background:#4F3007 url(images/footer_bkg.jpg) repeat-x;
	height:176px;
}

#footer p {
	font-size:10px;
}
#footer_container {
	background:url(images/footer_bkg.jpg) repeat-x;
	width:980px;
	height:156px;
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
}
#foo_adresse {
	width:190px;
	float:left;
	margin:0 10px 0 0;
}

#foo_adresse_txt {
	font-size:10px;
	color:#FFF;
}

#foo_adresse_txt a:link, #foo_adresse_txt a:visited, #foo_adresse_txt a:active {
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

#foo_adresse_txt a:hover {
	font-size:10px;
	color:#fff;
	text-decoration:underline;
}

#foo_menu_theme {
	width:750px;
	float:left;
}

#foo_menu_theme p {
	color:#FFF;
	text-align:justify;
}

#foo_menu_theme a:link, #foo_menu_theme a:visited, #foo_menu_theme a:active {
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

#foo_menu_theme a:hover {
	font-size:10px;
	color:#fff;
	text-decoration:underline;
}

#foo_paiement {
	width:245px;
	float:right;
	margin:20px 42px 0 10px;
	text-align:center;
}

#foo_paiement_txt { color:#FFF; }

.foo_paiement img { }

#foo_menu {
	width:980px;
	height:20px;
	float:left;
	text-align:center;
	margin:30px 0 10px 0;
	color:#FFF;
}

#foo_menu a:link, #foo_menu a:visited, #foo_menu a:active {
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

#foo_menu a:hover {
	font-size:10px;
	color:#fff;
	text-decoration:underline;
}

#accroche {
	width:480px;
	float:left;
	margin-top:20px;
}

#accroche p {
	font-size:10px;
	color:#fff;
}

/*******************************LES 3 BOITES ***************/
#cliquer_ici{
	width:335px;
	text-align:center;
}
#liste_boite {
	width:725px;
	float:left;
	margin:10px 0 0 0;
}
.bloc_choix_boite{
	width:725px;
	margin:15px 0 15px 0;
}
.boite_image{
	width:335px;
	text-align:center;
	float:left;
}
.boite_descriptif{
	width:335px;
	float:left;
	background:url(images/choix_boite_fond.jpg) bottom right no-repeat; 
}
.margehaute{
	margin:20px 0 0 0;
}
.boite_logo{
	float:left;
}
.prix_descriptif{
	float:right;
}
.descriptif_contenu{
	width:335px;
	height:50px;
	float:left;
	margin:10px 0 0 33px;
	/*background-color:#009999;*/
}
/******************************* LISTE DES BOITES DE CHOCOLATS ***************/
#liste_chocolats {
	width:725px;
	float:left;
	margin:20px 0 20px 0;
}
.bloc_choix_chocolats{
	width:725px;
	/*margin:15px 0 15px 0;
	background-color:silver;*/
}
.bloc_le_choco{
	width:151px;
	height:194px;
	background:url(images/choix_choco_bloc.gif) no-repeat bottom;
	float:left;
	margin:10px 15px 10px 15px;
	position:relative;
}
.bloc_le_choco h4 {
	font-size:10px;
	font-weight:normal;
	text-align:center;
	margin-top:-2px;
	!margin-top:0px;
}

.choco_img{
	margin:0px auto 0 auto;
	width:120px;
	height:120px;
	padding:0 0 0 0;
	text-align:center;
}
.choco_nom{
	text-align:center;
	font-size:11px;
	font-weight:bold;
	margin:0 0 5px 0;
	_margin:0 0 5px 0; /*tous les IE sauf IE 7*/
	!margin:0 0 2px 0; /*tous les IE*/
}
.bloc_le_choco a:link, .bloc_le_choco a:visited, .bloc_le_choco a:active {
	font-size:10px;
	color:#000;
	text-decoration:none;
}

.bloc_le_choco a:hover {
	font-size:10px;
	color:#000;
	text-decoration:underline;
}
.form_choco{
	position:absolute;
	bottom:1px;
	right:2px;font-size:7px;
}

.lien_desc {
	position:absolute;
	bottom:20px;
	left:10px;
}

.titre_ss_cat {
	clear:left;
	padding:30px 0 20px 40px;
}

.drag_choco {
	cursor:pointer;
}


/*************** POPUNDER *****************/
.popunder {
	z-index:100;
	background:lightsalmon;
	position:absolute;
	border:2px solid black;
}
#popunder_achat {
	top:150px;
	left:340px;
	width:300px;
	height:125px;
}



#popunder_desc_choco {
	position:absolute;
	z-index:100;
	background-color:#FFFFFF;
}
#popunder_desc_choco h2 {
	height:18px;
	font-size:15px;
	color:#FFFFFF;
	padding:4px 10px 2px 10px;
	overflow:hidden;
	cursor:move;
	background-color:#4F3007;
}

.pop_choco {
	width:300px;
}
.pop_choco #bas_popunder {
	border:1px #4F3007 solid;
	height:376px;
}
.pop_choco img {
	margin: 0 30px;
}
.pop_choco p {
	padding:0 10px 10px 10px;
}
.pop_choco a {
	padding:10px;
	text-align:center;
	margin:0 auto;
	color:#000000;
}

.pop_ref {
	width:470px;
}
.pop_ref #bas_popunder {
	border:1px #4F3007 solid;
	/*height:376px;*/
}
.pop_ref img {
	float:left;
	margin:0 10px 0 -1px;
}
.pop_ref p {
	/*float:left;
	background-color:red;*/
	padding:15px 10px 10px 10px;
	line-height:20px;
	text-align:justify;
	
}
.pop_ref a {
	padding:10px;
	text-align:center;
	margin:0 auto;
	color:#000000;
	float:left;
}


/**************** BOITE CHOCO JS *************/
#div_fixe {
	position:fixed;
	padding-bottom:20px;
	width:190px;
	margin:10px 0 0 23px;
}

#col_haut {
	height:2300px; /* Hauteur max en dur !! à changer */
}

#boite_js {
	background-position:top center;
	background-repeat:no-repeat;
}

#liste_js { 
	list-style:none;
	width:180px;
	margin:15px 0 10px 0;
	padding-left:10px;
}

#div_fixe a {
	margin:20px 0 0 10px;
	width:170px;
	color:#B60162;
}

.boite_1 {
	background:url(images/boites/vide_1.jpg);
	width:145px;
	height:145px;
	margin:20px 0 0 22px;
}

.boite_2 {
	background:url(images/boites/vide_2.jpg);
	width:190px;
	height:96px;
	margin:20px 0 0 0;
}

.boite_3 {
	background:url(images/boites/vide_3.jpg);
	width:145px;
	height:236px;
	margin:20px 0 0 22px;
}

.boite_etage_1 {
	background:url(images/boites/etage_1.jpg);
}
.boite_etage_2 {
	background:url(images/boites/etage_2.jpg);
}
.boite_etage_3 {
	background:url(images/boites/etage_3.jpg);
}
.boite_complet_1 {
	background:url(images/boites/couvercle_1.jpg);
}
.boite_complet_2 {
	background:url(images/boites/couvercle_2.jpg);
}
.boite_complet_3 {
	background:url(images/boites/couvercle_3.jpg);
}

#boite_js img {
	margin:2px 2px;
}

#info_js {
	color:#B60162;
	font-size:12px;
	margin:10px 0 0 0;
	text-align:center;
	width:190px;
}

#div_fixe p {
	color:#B60162;
	font-size:12px;
	text-align:left;
	width:190px;
	margin:0 0 10px 0; 
}


/************ PANIER *******************/
#titre_img_panier {
	padding:30px 0 10px 0;
}

#table_panier {
	width:725px;
	border:1px solid #4F3007;
}

#table_panier thead {
	background:#4F3007;
	color:#FFFFFF;
	font-size:13px;
}


#table_panier thead tr {
	text-align:left;
}
#table_panier thead .th_designation {
	width:450px;
	height:20px;
	padding:0 10px;
}
#table_panier thead .th_pu {
	width:50px;
	padding:0 10px;
}
#table_panier thead .th_qte {
	width:80px;
	padding:0 10px;
	text-align:left;
}
#table_panier thead .th_tot {
	width:65px;
	padding:0 10px;
	text-align:center;
}

#table_panier tfoot {
	padding-top:30px;
}
#table_panier tfoot .td_foot1 {
	text-align:right;
	font-weight:bold;
	height:15px;
	padding:0px;
}
#table_panier tfoot .td_foot2 {
	text-align:right;
	padding: 0 10px;
	font-weight:bold;
	height:15px;
}
#table_panier tbody tr {
	height:20px;
}
#table_panier tbody tr.tr_impair {
	background-color:#FFFFFF;
}
#table_panier tbody tr.tr_impair {
	background-color:#EDE1D2;
}
#table_panier tbody .td_designation {
	width:450px;
	padding:0 10px;
}
#table_panier tbody .td_pu {
	width:50px;
	text-align:right;
	padding:0 10px;
}
#table_panier tbody .td_qte {
	width:80px;
	text-align:left;
	padding:0 10px;
}
#table_panier tbody .td_tot {
	width:65px;
	text-align:right;
	padding:0 10px;
}
#lien_commander {
	float:right;
	margin:20px 0 50px 0;
}
#lien_vider {
	float:left;
	margin:20px 0 50px 0;
}
#col_panier {
	width:725px;
}

.bt_suppr_panier {
	margin:0 0 -1px 10px;
}
.bt_moins {
	margin:0 5px -1px 0;
}
.bt_plus {
	margin:0 0 -1px 5px;
}

/************* CONNEXION *************/
#col_connexion {
	width:260px;
	padding:50px 0px;
	float:left;
}
#form_connexion {
	width:240px;
	padding:20px;
}

#col_inscription {
	width:470px;
	padding:50px 0px;
	float:left;
}
#form_inscription {
	width:450px;
	padding:20px 0 20px 20px;
	border-left:1px #4F2F06 solid;
}

#commande h3 {
	font-size:15px;
	margin:5px 0 15px 0;
}

#commande p {
	margin:0 0 10px;
}

#commande a {
	color:#006ab3;
}

#cadeau {
	margin-top:15px;
}
#cadeau textarea {
	margin:10px 0;
	width:350px;
	height:75px;
}

#form_inscription label.label_text {
	font-weight:bold;
	width:150px;
	text-align:right;
	float:left;
	margin:2px 3px 2px 0;
}

#form_inscription input.input_text {
	width:200px;
	float:left;
	margin:2px 3px 2px 0;
}

#form_inscription h5 {
	clear:left;
	font-style:italic;
	font-size:11px;
	font-weight:normal;
}

#erreur_connexion {
	margin:10px 10px 10px 0;
	background-color:#EB4757;
	padding:10px;
}
#bt_envoyer {
	margin:15px 10px;	
}
#form_inscription #mdp_info {
	margin:20px 0;
	width:300px;
}
#form_inscription label.label_mdp {
	font-weight:bold;
	width:170px;
	text-align:right;
	float:left;
	margin:2px 3px 2px 0;
}


/*********** ADRESSE *************/
#form_adresse {
	padding:20px 10px 0 0;
}

.div_adresse {
	float:left;
	margin:10px 10px 10px 20px;
	padding:10px 10px 30px 0;
	width:290px;
}
.div_adresse label {
	width:110px;
	float:left;
	text-align:right;
	margin:2px 5px;
}
.div_adresse input {
	width:150px;
}
.div_adresse h3 {
	font-size:15px;
	margin:0 0 10px 0;
	text-align:center;
}
#div_adresse_droite {
	border-left:#4F3007 solid 1px;
}
.div_cache {
	display:none;
}
.erreur_adresse {
	margin:10px;
	background-color:#EB4757;
	padding:10px;
}	
.div_adresse img {
	margin-left:20px;
}
#bt_adresse_fact {
	width:300px;
	float:left;
	margin:50px 20px;
}
#bt_adresse_idem {
	width:300px;
	margin:10px 20px;
	clear:left;
}

/********** CONTACT **********/
#form_contact {
	width:700px;
}
#form_contact label.label_text {
	float:left;
	width:70px;
	margin:2px 0;
}
#form_contact textarea {
	width:400px;
	height:130px;
}
#form_contact p {
	margin:10px 0;
	width:400px;
}
#form_contact #contact_info {
	margin:10px 10px 10px 0;
	float:right;
}
#titre_contact {
	padding:50px 10px 20px 0;
}


/********* MON COMPTE **********/
#mon_compte {
	padding:50px 10px;
}
#mon_compte p {
	margin:10px 0;
}

/********* MENTIONS **********/
#mentions {
	padding:50px 10px;
	width:700px;
}
#mentions p {
	margin:15px 0;
	line-height:17px;
}

/********* AUTRES ************/
#attente {
	padding:50px 20px 200px 20px;
	font-size:16px;
}

#titre_paiement {
	padding:50px 20px 10px 20px;
	font-size:16px;
}

#p_paiement {
	padding:20px 20px 200px 20px;
}

#perso {
	padding:50px 20px 200px 20px;
	font-size:14px;
	width:550px;
}

.erreur {
	background-color:#EB4757;
	padding:10px;
}

.succes {
	background-color:#006600;
	padding:10px;
}

.img_titre {
	margin:0 0 10px 0;
}

a {
	color:#503007;
}
a:visited {
	color:#4F3007;
}

#ul_fdp {
	padding:2px 10px;
	list-style-type:none;
}

#bt_submit {
	margin:20px;
}


/********* HISTOIRE **********/
#histoire {
	padding-top:45px;
	width: 735px;
	text-align:justify;
	line-height:17px;
}
#histoire img {
	margin-bottom:5px;
}


#form_coupon {
	margin-top:20px;
	padding:10px;
	width:705px;
	border:1px solid #4F3007;
}
#form_coupon p {
	margin-bottom:5px;
}
#form_coupon #res_coupon {
	padding-top:10px;
	color:#EB4757;
}

.fermeture_tmp {
	font-weight: bold;
	color: red;
	margin:20px 0;
}