/*COMMERCY - Style Front*/

*{
margin: 0;
padding: 0;
zoom: 1;
}

img{
border: none;
}

body{
background: #d4361d;
text-align: center;
font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
}

/********************************************************************************************/
/**************************************BLOCS PRINCIPAUX**************************************/
/********************************************************************************************/

#latotale{
margin: 0 auto;
width: 940px;
text-align: left;
position: relative;
}

#header{
width: 940px;
height: 165px;
}

#content{
width: 940px;
background: url(../images/bg_content.jpg) repeat-y;
overflow: auto;
}

#footer{
width: 940px;
height: 55px;
background: url(../images/bg_footer.jpg) no-repeat;
color: #fff;
text-align: center;
line-height: 35px;
font-size: 0.90em;
}

#colgauche{
width: 270px;
float: left;
}

#coldroite{
width: 640px;
float: left;
}

/************************************************************************************************/
/**************************************STYLES DE CARACTÈRES**************************************/
/************************************************************************************************/

/**********COULEURS**********/

.orange{
color: #de6025;
}

.bordeaux{
color: #8A1C30;
}

.grosorange{
color: #de6025;
font-size:1.2em;
}
.gris{
color: #666;
}

.red{
color:#8a1c30;
}

.vert{
color: #68963b
}

.grosred{
color:#8a1c30;
font-size:1.3em;
}

.marron{
color: #6d3833;
}

/**********TAILLE**********/

.big{
font-size: 1.5em;
line-height: 1.2em;
}

.gras{
font-weight:bold;
}

/**********ALIGNEMENT**********/

.left{
text-align: left!important;
}

.center{
text-align: center!important;
}

.right{
text-align: right!important;
}

/**********FLOAT/CLEAR**********/



/********************************************************************************************/
/**************************************PARTIES COMMUNES**************************************/
/********************************************************************************************/

/**********TITRAGES**********/

span.invisible{
display: none;
}

h1 a{
width: 349px;
height: 166px;
margin-left: 50px;
z-index: 15;
position: relative;
display: block;
}

.fixpng{//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo_commercy.png');}
.fixpng[class]{background: url(../images/logo_commercy.png) no-repeat center center;}

#rubrique_vente #titre_page, #produit #titre_page, #commande #titre_page{
/*position: absolute;*/

/*float: right;*/

text-align: right;

padding-left: 20px;
font-size: 30px;
line-height: 30px;
color: #A83750;
font-family: Georgia, "Times New Roman", Times, serif;
}

#commande #titre_page{
top: 140px!important;
}

.h3_commande{
text-align: center;
height: 22px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
background: url(../images/h3_commande.jpg) no-repeat;
font-size: 14px;
line-height: 22px;


}

div#coldroite h2#titre_page.moncompte{
	top: 120px;
}

.h4_compte{
background: #8A1C30;
height: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
font-size: 12px;
line-height: 18px;
text-indent: 10px;
}

/**********FORMULAIRES**********/

input.customform1{
border: 1px solid #333;
height: 17px;
font-size: 11px;
text-align: center;
padding: 0 2px;
}

input.customform1:focus{
background-color:#F9EFE5;
}

#tb_formulaire td{
text-align: left;
}

.w60{
width: 60px!important;
}

.w120{
width: 120px;
}

.w200{
width: 200px;
}

.w330{
width: 330px;
}

/**********LIENS**********/

a{
color: #000;
}

#footer a{
color: #fff;
}

/**********CONNEXION**********/

#connexion{
position: absolute;
display: block;
top: 15px;
left: 750px;
color: #460000;
font-size: 0.9em;
text-align: right;
font-style: italic;
}

/**********RAPPEL BOUTIQUE**********/

#rappel_boutique{
position: absolute;
top: 40px;
right: 30px;
}

#rappel_boutique a{
float: left;
display: block;
width: 90px;
margin: 20px;
text-align: center;
text-decoration: none;
font-size: 11px;
color: #460000;
}

#rappel_boutique a:hover{
color: #d4361d;
}

/**********BLOCS TEXTE**********/

#actus_lorraine .bloc_texte strong {
	color: #8a1c30;
}

.bloc_texte{
width: 560px;
background: url(../images/bg_blochist_bas.jpg) no-repeat bottom #FEFFF1;
margin: 10px 0 10px 25px;
float: left;
padding-bottom: 20px;
}

.bloc_texte h2{
height: 25px;
background: url(../images/bg_blochist_haut.jpg) no-repeat;
}

.bloc_texte h3{
margin:0 0 5px 20px;
color:#8a1c30;
font-weight:bold;
font-size:14px;
}


.bloc_texte h4{
margin:0 0 5px 20px;
color:#8a1c30;
font-size:13px;
}

.bloc_texte p
{margin: 0 20px 10px 20px;
line-height:17px;
}


.bloc_texte ul{
margin:0 10px 0 35px;
}

.bloc_texte li{
position: relative;
list-style:url(../images/puce.jpg);
margin: 5px 0 5px 0;
}

.bloc_texte img
{
margin: 0 15px 0 15px;
}


/**********BLOCS MADELEINE**********/


.bloc_madeleine{
width: 560px;
background: url(../images/bg_blochist_bas.jpg) no-repeat bottom #FEFFF1;
margin: 10px 0 10px 25px;
float: left;
padding-bottom: 20px;
}

.bloc_madeleine h2{
height: 25px;
background: url(../images/bg_blochist_haut.jpg) no-repeat;
}

.bloc_madeleine h3{
margin:0 0 5px 20px;
color:#8a1c30;
font-weight:bold;
font-size:14px;
}


.bloc_madeleine h4{
margin:0 0 5px 20px;
color:#8a1c30;
font-size:13px;
}

.bloc_madeleine p
{margin: 0 20px 10px 20px;
line-height:17px;
}


.bloc_madeleine ul{
margin:0 10px 0 35px;
}

.bloc_madeleine li{
position: relative;
list-style:url(../images/puce.jpg);
margin: 5px 0 5px 0;
}

.bloc_madeleine img
{
margin: 0 15px 0 15px;
}

/******************************************************************************************/
/**************************************COLONNE GAUCHE**************************************/
/******************************************************************************************/

/**********NAVIGATION**********/

#navig{
width: 235px;
margin-left: 30px;
background: url(../images/bg_navig.jpg) no-repeat;
text-align: right;
}

#navig li{
list-style: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-weight: bold;
}

#navig a{
color: #534c47;
text-decoration: none;
}

#navig a:hover{
color: #c4531b;
}

#navig li.courant a {
	color: #c4531b;
}

#bt_commander a{
/**color: #fff;*/
}

#bt_commander a:hover{
color: #c4531b;
}

#bt_boutique a{

color: #534c47;

}



#bt_boutique a:hover{

color: #c4531b;

}

#bt_accueil{line-height: 35px; margin-right: 30px;}
#bt_histoire{line-height: 30px; margin-right: 25px;}
#bt_espace{line-height: 32px; margin-right: 25px;}
#bt_magasin{line-height: 32px; margin-right: 29px;}
#bt_contact{line-height: 39px; margin-right: 36px;}
#bt_direct{line-height: 36px; margin-right: 29px;}
#bt_liens{line-height: 32px; margin-right: 38px;}
#bt_commander{line-height: 35px; margin-right: 44px;}

#bt_boutique{line-height: 35px; margin-right: 35px;}

/**********MON PANIER**********/

#panier{
width: 216px;
background: url(../images/footer_panier.jpg) no-repeat bottom #FEFFF1;
margin: 15px 0 15px 35px;
padding-bottom: 20px;
text-align: center;
}

#panier h2{
height: 27px;
background: url(../images/h2_panier.jpg) no-repeat;
margin-bottom: 10px;
}

#panier p{
margin: 5px 0;
}

#panier_totaux{
border-top: 1px solid #de6025;
margin: 10px 10px;
padding-top: 20px;
padding-right: 85px;
text-align: right;
height: 50px;
background: url(../images/panier.jpg) no-repeat 120px 10px;
}

/**********RECETTES**********/

#recettes{
margin: 10px 0 10px 20px;
}


/**********LIENS**********/

#logos{
width: 216px;
background: url(../images/liens_bas.jpg) no-repeat bottom #FFF ;
margin: 15px 0 15px 26px;
float: left;
padding-bottom: 20px;
text-align:center;
}

#logos img{
margin-left:10px;
}


#logos h2{
height: 23px;
background: url(../images/liens_haut.jpg) no-repeat;
margin-bottom: 10px;
}

/**********ADRESSE**********/
#adresse{
width: 272px;
height: 345px;
background: url(../images/adresse.jpg) -27px 0 no-repeat;
margin-bottom: 10px;
}

/************************************************************************************/
/**************************************HOMEPAGE**************************************/
/************************************************************************************/

#homepage #header{
background: url(../images/bg_header_home.jpg) no-repeat;
}

#homepage h2#titre_page{
position: absolute;
right: 40px;
top: 110px;
background: url(../images/h2_accueil.png) no-repeat;
height: 45px;
width: 150px;
}

#carousel{
position: relative;
margin-left: 20px;
}

/**********A DEGUSTER**********/

#adeguster{
width: 496px;
background: url(../images/footer_adeguster.jpg) no-repeat bottom #4f0d0d;
margin: 15px 0 15px 25px;
float: left;
padding-bottom: 20px;
text-align: center;
margin-bottom: 80px;
}

#adeguster h2{
height: 60px;
background: url(../images/h2_adeguster.jpg) no-repeat;
}

#voirtout{
color: #fff;
position: relative;
top: 8px;
font-size: 0.9em;
clear: both;
}

/**********PRODUIT**********/

td{
vertical-align: top;
}

.produit_home{
width: 125px;
margin-left: 22px;
margin-top: 10px;
margin-bottom: 20px;
border: 4px solid #fff;
position: relative;
}

.produit_home_titre{
width: 125px;
color: #fff;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 5px 0;
text-decoration: none;
font-weight: bold;
background: #de6525;
}

.produit_home_prix{
width: 125px;
color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 18px;
padding: 5px 0;
text-decoration: none;
display: block;
position: absolute;
bottom: -27px;
background: url(../images/bg_produit_vousaimerez.jpg) no-repeat top left;
text-align: right;
}


/**********DISCLAIMER**********/

#disclaimer{
clear: both;
display: block;
width: 649px;
text-align: center;

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;

/*font-family: Arial, Helvetica, sans-serif;
font-size: 11px;*/

position: absolute;
bottom: 55px;
right: 19px;
background: #fff;

border-top: 3px dotted #EEE1D0;
}

#disclaimer img{
float: right;
}

#disclaimer p{
margin: 22px 0;
}
/************************************************************************************/
/**************************************BOUTIQUE**************************************/
/************************************************************************************/

#boutique #header, #ap #header{
background: url(../images/bg_header_generique.jpg) no-repeat;
}

#boutique h2#titre_page{
position: absolute;
right: 20px;
top: 40px;
background: url(../images/h2_boutique.png) no-repeat;

height: 186px;

width: 447px;
}

#boutique_boutons{
margin-left: 50px;
padding-top: 50px;
background: url(../images/bg_boutique.jpg) no-repeat bottom center;
padding-bottom: 200px;
}

#boutique_boutons img{
margin: 10px;
}

#ap h2#titre_page{
position: absolute;

right: 20px;

top: 55px;

background: url(../images/h2_acces_pro.png) no-repeat;

height: 131px;

width: 425px;
}

.bloc_boutique{
margin:15px;
padding:10px;
}

#bloc_3_boutique, #bloc_2_boutique{
width: 560px;
background: url(../images/bg_blochist_bas.jpg) no-repeat bottom #FEFFF1;
margin: 5px 0 20px 25px;
float: left;
padding-bottom: 20px;
}

#bloc_3_boutique h2, #bloc_2_boutique h2{
height: 25px;
background: url(../images/bg_blochist_haut.jpg) no-repeat;
}

#mentions_obligatoires{
font-size: 0.8em;
font-style:italic;
text-align: justify;
margin:7px;
}

#tabform{
	width: 100%;
	margin: 5px 20px;
}

#phrase_intro_boutique{
	line-height: 1.5em;
}

#pas_encore_client, #deja_client{
	padding-left:10px;
	color:#8a1c30;
	font-weight: bold;
	font-size: 1.3em;
	text-align:center;
}

#tabform td{
	padding: 5px;
}

#bloc_3_boutique label{
	color:#8a1c30;
	width: 80px;
	display: inline;
	float: left;
}

.input_encadre{
	border:1px solid #333333;
}

#boutonenvoi{
	border:1px solid #333333;
	margin:2px 10px;
	width:200px;
	cursor: pointer;
}

.visugrand{
	float:left;
	margin-right:10px;
}

#telechargements h3{
	color: #534c47;
}

#catalogue_produit, #catalogue_promotions, #bon_commande, #liste_ingredients{
	margin-left: 30px;
	height:200px;
}

#ptelecharger{
 text-decoration:underline;
 font-size: 14px; 
 text-align:center; 
 color:#534c47;
 font-weight: bold;
 margin: 10px 0 30px 0;
}

#banniere_flash{
position: relative;
margin-left: 25px;
margin-bottom: 15px;
}

/***********************************************************************************************/
/**************************************BOUTIQUE PROVISOIRE**************************************/
/***********************************************************************************************/

#boutique_infos
{
width: 293px;
background: url(../images/contact_infos_bas.jpg) no-repeat bottom #FEFFF1;
margin: 10px 0 10px 25px;
float: left;
padding-bottom: 20px;
text-align: justify;
}

#boutique_infos p
{
margin:10px;
line-height:17px;

}

#boutique_infos h2{
height: 19px;
background: url(../images/contact_infos_haut.jpg) no-repeat;
}
/******************************************************************************************/
/**************************************RUBRIQUE VENTE**************************************/
/******************************************************************************************/
#rubrique_vente #header{
	background: url(../images/bg_header_generique.jpg) no-repeat;
}
#rubrique_vente_mozaique{
	margin-top: 50px;
}

div#content_rubrique_produit {
}
.rubrique_produit{
	width: 190px;
	height: 240px;
	background: url(../images/bg_rubriquevente_produit.jpg) no-repeat;
	float: left;
	margin-left: 20px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
}

.rubrique_produit a {
	text-decoration: none;
}
.rubrique_produit img{
	padding-top: 14px;
}
.produit_rubrique_titre{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	display: block;
	/*margin: 3px 17px 0 17px;*/
	margin: 2px auto;
	padding: 0 10px;
	text-decoration: none;
}
.produit_rubrique_desc{
	font-size: 11px;
	display: block;
	/*margin: 0 17px;*/
	margin: 2px auto;
	padding: 0 10px;
	text-decoration: none;
}
.produit_rubrique_prix{
	color: #A83750;
	display: block;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	position: absolute;
	bottom: 18px;
	right: 10px;
}

/****************************************************************************************/
/**************************************PAGE PRODUIT**************************************/
/****************************************************************************************/

#produit #header{
background: url(../images/bg_header_generique.jpg) no-repeat;
}

#produit_retour{
/*position: absolute;*/
/*float: right;*/
font-size: 11px;
}

#produit_image{
margin: 0px 0 20px 20px;
float: left;

border: solid 1px #f9efe5;
}

/**********FICHE**********/

#produit_fiche{
border-bottom: 1px dashed #d4c0b8;
padding-bottom: 10px;

min-height:40px;
position: relative;
}

p a#ajout_panier {
	float: right;
	margin: 30px 60px;
}

#produit_desc{
display: block;
width: 260px;
line-height: 16px;
}

#produit_prix, #produit_prixkilo{
color: #d4361d;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: right;
}

#produit_prix{
font-size: 30px;
display: block;
position: absolute;
top: 0px;
left: 240px;

width: 150px;

text-align: center;

line-height: 25px;


}

#produit_prixkilo{
font-size: 12px;
display: block;
position: absolute;
top: 30px;
left: 265px;
}

/**********PANIER**********/

#produit_panier{
margin-top: 10px;

margin-bottom: 30px;
padding-top: 20px;
position: relative;

float: right;

width: 400px;
}

#produit_panier input{
height: 17px;
font-size: 11px;
background: #fff;
border: 1px solid #8c7767;
width: 40px;
text-align: right;
padding: 0 2px;
}

#produit_panier form{
display: inline;
}

#produit_panier_plus, #produit_panier_moins{
margin: 4px 4px 0 4px;
position: relative;
top: 4px;
cursor: pointer;
}

input#produit_panier_ajout{
position: absolute;
right: 40px;
top: 0px;
cursor: pointer;

height: 67px;

width: 125px;

border: none;

padding: 0;
}

/**********BLOC ONGLETS**********/

#produit_onglets{
clear: both;
height: 32px;
width: 232px;
margin-left: 35px;
background: url(../images/produit_onglets_fin.jpg) no-repeat right;
}

#produit_onglets2{

clear: both;

height: 32px;

width: 232px;

margin-left: 35px;

}

#produit_onglets li{
float: left;
list-style: none;
width: 106px;
height: 32px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
font-weight: bold;
cursor: pointer;
font-size: 12px;
line-height: 37px;
}

#produit_onglets2 li{

float: left;

list-style: none;

width: 142px;

height: 32px;

font-family: Georgia, "Times New Roman", Times, serif;

color: #fff;

font-weight: bold;

cursor: pointer;

font-size: 12px;

line-height: 37px;

}

#produit_onglets_presentation {
background: url(../images/produit_presentation_out.jpg) no-repeat;
text-indent: 17px;
}

#produit_onglets_presentation2{
	background: url(../images/produit_presentation_out2.jpg) no-repeat;
	text-indent: 27px;
}

#produit_onglets_recettes.derriere{
	background: url(../images/produit_recettes_out.jpg);
}

#produit_onglets_recettes.devant {
	background: url(../images/produit_recettes_on.jpg);
}

#produit_onglets_recettes{
background: url(../images/produit_recettes_out.jpg) no-repeat;
text-indent: 28px;
}

#produit_onglets_ingredients{
background: url(../images/produit_ingredients_out.jpg) no-repeat;
width: 130px;
text-indent: 30px;
}

#produit_onglets_recettes:hover{
/*background: url(../images/produit_recettes_on.jpg);*/
}

#produit_onglets_ingredients:hover{
background: url(../images/produit_ingredients_on.jpg);
}

#produit_contenu{
width: 557px;
height: 160px;
background: url(../images/papier.jpg) top left no-repeat;

padding: 15px;
margin-left: 25px;

border: solid 1px #c35421;

font-size: 11px;

overflow: auto;
}

/**********VOUS AIMEREZ AUSSI**********/

#vousaimerez{
width: 590px;
background: url(../images/footer_vousaimerez.jpg) no-repeat bottom #4f0d0d;
margin: 15px 0 35px 25px;
float: left;
padding-bottom: 20px;
text-align: center;
}

#vousaimerez img {
	background-color: #fff;
}

#vousaimerez h2{
height: 63px;
background: url(../images/h2_vousaimerez.jpg) no-repeat;
}

.produit_vousaimerez{
width: 125px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 15px;
border: 4px solid #fff;
position: relative;
}

.produit_vousaimerez_titre{
width: 121px;

min-height: 32px;
color: #fff;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;
padding: 5px 2px;
text-decoration: none;
font-weight: bold;
background: #de6525;
}

.produit_vousaimerez_prix{
width: 125px;
color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 18px;
padding: 5px 0;
text-decoration: none;
display: block;
position: absolute;
bottom: -27px;
background: url(../images/bg_produit_vousaimerez.jpg) no-repeat top left;
text-align: right;
}

/******************************************************************************************/
/**************************************PAGES COMMANDE**************************************/
/******************************************************************************************/

#commande #header{
background: url(../images/bg_header_home.jpg) no-repeat;
}

/**********FIL DE LA COMMANDE**********/

#fil_commande{
width: 600px;
text-align: center;
margin: 20px;
height: 40px;
}

#fil_commande li{
color: #666;
float: left;
font-size: 18px;
list-style: none;
line-height: 40px;
height: 40px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

#fil_commande li.courant{
color: #8a1c30;
}

#fil_commande1{
background: url(../images/bg_fil_commande1.jpg) no-repeat;
width: 120px;
}

#fil_commande2{
background: url(../images/bg_fil_commande2.jpg) no-repeat;
width: 180px;
}

#fil_commande3{
background: url(../images/bg_fil_commande3.jpg) no-repeat;
width: 145px;
}

#fil_commande4{
background: url(../images/bg_fil_commande4.jpg) no-repeat;
width: 150px;
}

/**********BOUTONS PREC/SUIV/CREER**********/

#commande_retour, #commande_valider{
color: #fff;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
padding: 5px;
margin: 10px;
position: absolute;
text-align: center;
border: 1px solid #fff;
}

#commande_valider.noabs {
	position: static;
}

#commande_retour{
background: #de6025;
bottom: 5px;
left: 5px;
}

#commande_valider{
background: #8a1c30;
bottom: 5px;
right: 5px;
}

#creer_compte{
background: #8a1c30;
color: #fff;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
padding: 3px;

width: 130px;
margin: 35px 0 0 59px;
text-align: center;
border: 1px solid #fff;
display: block;
}

.commande_modifier{
position: absolute;
top: 4px;
right: 5px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

.commande_modifier:hover{
text-decoration: underline;
}

/**********DIV COMMANDE**********/

.div_commande{
clear: both;
width: 580px;
background: #fefff0 url(../images/footer_commande.jpg) no-repeat bottom;
position: relative;
margin: 20px 30px;
padding-bottom: 30px;
}

div.div_commande.petit {
	width: 270px;
	padding-bottom: 0;
	float: left;
	clear: none;
	margin-right: 10px;
}

div.div_commande.petit p {
	padding: 5px 10px;
}

div.div_commande.petit p.option_modif {
	color: #534C47;
	text-align: center;
	margin: 5px 0;
	padding: 0;
}

div.div_commande.petit p.option_modif a {
	display: block
}

div.div_commande.petit p.option_modif a:hover {
	color: #c4531b;
}
.nopadding{
padding-bottom: 0px!important;
}

.div_commande span{
margin: 10px;
}

/**********DIV IDENTIFICATION**********/

.div_identification{
float: left;
width: 260px;
background: #fefff0 url(../images/footer_identification.jpg) no-repeat bottom;
position: relative;
margin: 10px 0 20px 40px;
padding-bottom: 10px;

min-height: 192px;
}

.div_identification.big2 {
	width: 580px;
	margin-top: 30px;
	height: 430px;
}

.div_identification.big2.smallH {
	height: 80px;
}

.div_identification.big2.smallH2 {
	height: 110px;
}
.h3_identification1{
text-align: center;
height: 22px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
background: url(../images/h3_identification1.jpg) no-repeat;
font-size: 14px;
line-height: 22px;
padding: 0 10px;
}

.h3_identification2{
text-align: center;
height: 22px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
background: url(../images/h3_identification2.jpg) no-repeat;
font-size: 14px;
line-height: 22px;
padding: 0 10px;
}

.div_identification li{
list-style: none;
text-align: right;
margin: 10px;
}

#id_vous{
margin: 10px;
display: block;
font-weight: bold;
color: #DE6025;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
font-size: 15px;
}

.div_identification p{
margin: 10px;
font-weight: normal;
font-size: 12px;
}

/**********TABLES COMMANDE/IDENTIFICATION**********/

.div_commande table{
border-collapse: collapse;
width: 560px;
margin: 20px 10px;
}

.div_commande table th{
text-align: center;
padding: 5px;
}

.div_commande table td{
padding: 5px;
text-align: center;
}

.bordertop_orange{
border-top: 1px solid #DE6025;
padding: 10px 5px!important;
}

/*****************************************************************************************/
/**************************************PAGE HISTOIRE**************************************/
/*****************************************************************************************/

#histoire #header{
background:url(../images/bg_header_generique.jpg);
}

#histoire h2#titre_page{
position: absolute;
right: 40px;
top: 50px;
background: url(../images/h2_histoire.png) no-repeat;
height: 131px;
width: 425px;
}

#histoire_chapeau{
margin: 15px 20px;
text-align: center;
font-size: 14px;
line-height: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
}

#histoire_images{
display: block;
margin: 0 40px;
}

#histoirebloc{
background: url(../images/bg_histoire.jpg) no-repeat;
margin: 10px 20px;
padding: 40px 10px 20px 40px;
position: relative;
}

#histoirebloc p{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
font-weight: bold;
font-style: italic;
color: #44392b;
margin-bottom: 15px;
}

#footer_histoire{
width: 600px;
height: 81px;
background: url(../images/footer_histoire.jpg) no-repeat;
display: block;
position: absolute;
bottom: 0;
}

/**********DATES CLES**********/

#dates_cles{
width: 274px;
color:#FFFFFF;
background: url(../images/dates_cles_bas.jpg) no-repeat bottom #8a1c30;
margin:  15px 0 15px 15px;
float: left;
padding-bottom: 20px;
}

#dates_cles h2{
height: 81px;
background: url(../images/dates_cles_haut.jpg) no-repeat;
}

#dates_cles ul{
margin: 0 15px;}

#dates_cles li{
position: relative;
margin: 3px 0 10px 0;
text-align: left;
list-style: inside url(../images/puce_dates.gif);
}

/**********VIDEO HISTOIRE**********/

#video_hist{
margin:65px 0 0 10px;
width: 320px;
float: left;
}

#bloc2{
width:640px;
float:left;
}


/********************************************************************************************/
/**************************************ESPACE MADELEINE**************************************/
/********************************************************************************************/

#espace #header{
background:url(../images/bg_header_generique.jpg);
}

#espace h2#titre_page{
/*
position: absolute;
right: 40px;
top: 80px;
background: url(../images/h2_espace.png) no-repeat;
height: 88px;
width: 202px;
*/

position: absolute;

right: 40px;

top: 50px;

background: url(../images/h2_espace.png) no-repeat;

height: 131px;

width: 425px;
}

/**********TEXTE ESPACE MADELEINE**********/

#texte_espace{
width: 588px;
background: url(../images/bg_texte_espace_bas.jpg) no-repeat bottom #FEFFF1;
margin: 10px 0 10px 25px;
float: left;
padding-bottom: 20px;

}

#texte_espace h2{
width:588px;
height: 19px;
background: url(../images/bg_texte_espace_haut.jpg) no-repeat;
}

#texte_espace  p{
margin: 0 20px 0 20px;
line-height:17px;
}

#texte_espace ul{
margin:0 20px 0 30px;
}

#texte_espace li{
position: relative;
margin: 3px 0 10px 0;
text-align: left;
}

/**********SALON/SALLE VIDEO ESPACE MADELEINE**********/

#esp_bloc_gauche{
width:288px;
float:left;
}
#esp_bloc_droit{
margin:25px 0 0 25px;
width:282px;
float:left;
}

#salon_the{
width:288px;
text-align:center;
margin:10px 0 10px 10px;
}

#salle_video{
text-align:center;
width:288px;
margin:10px 0 10px 10px;
}

/**********RENSEIGNEMENTS**********/

#renseignements{
width:282px;
color:#FFF;
background: url(../images/renseignements_bas.jpg) no-repeat bottom #de6025;
margin: 15px 0 15px 0;
float:left;
padding-bottom: 20px;
}

#renseignements h2{
height: 85px;
background: url(../images/renseignements_haut.jpg) no-repeat;
}

#renseignements h3 {
font-size: 1.2em;
margin-left: 20px;
margin-top: 15px;
}


#renseignements ul{
margin: 0 10px;
}

#renseignements li{
position: relative;
list-style: url(../images/puce2.jpg) outside ;
text-align: left;
line-height:17px;
margin: 5px 5px 5px 20px;
}

#pourtousreseignements{
padding-top:15px;
text-align: center;
}

#renseignements li a{
color:#F1E4B0;
}

#renseignements li a:hover{
color:#EEE1D0;
}
#renseignements p a{
color:#F1E4B0;
}

#renseignements p a:hover{
color:#EEE1D0;
}


#renseignements p {
margin: 0 20px 10px 20px;
line-height:17px;
}

/**********SLIDER**********/

#slider2{
float:left;
text-align:center;
width:511px;
height: 266px;
margin: 20px 10px 0 50px;
padding-top:12px;
background:url(../images/bg_slider.png) no-repeat;
}

/***********************************************************************************/
/**************************************MAGASIN**************************************/
/***********************************************************************************/

#magasin #header{
background:url(../images/bg_header_generique.jpg);
}

#magasin h2#titre_page{
/*
position: absolute;
right: 40px;
top: 80px;
background: url(../images/h2_magasin.png) no-repeat;
height: 43px;
width: 229px;
*/
position: absolute;

right: 40px;

top: 50px;

background: url(../images/h2_magasin.png) no-repeat;

height: 131px;

width: 425px;
}

#slider3{
float:left;
text-align:center;
width:511px;
height: 266px;
margin: 20px 10px 0 50px;
padding-top:12px;
background:url(../images/bg_slider.png) no-repeat;
}

/****************************************************************************************************/
/**************************************EN DIRECT DE LA LORRAINE**************************************/
/****************************************************************************************************/

#actus_lorraine #header{
background:url(../images/bg_header_generique.jpg);
}

#actus_lorraine h2#titre_page{
/*position: absolute;
right: 40px;
top: 70px;
background: url(../images/h2_lorraine.png) no-repeat;
height: 90px;
width: 252px;*/

position: absolute;

right: 40px;

top: 50px;

background: url(../images/h2_lorraine.png) no-repeat;

height: 131px;

width: 425px;

}

.date{
color:#DE6025;
font-weight:bold;
}

/*******************************************************************************************/
/**************************************INFOS PRATIQUES**************************************/
/*******************************************************************************************/

#infos #header{
background:url(../images/bg_header_generique.jpg);
}

#infos h2#titre_page{
/*
position: absolute;
right: 20px;
top: 70px;
background: url(../images/h2_infos.png) no-repeat;
height: 90px;
width: 252px;
*/

position: absolute;

right: 40px;

top: 50px;

background: url(../images/h2_infos.png) no-repeat;

height: 131px;

width: 425px;
}

/**********FAQ**********/

#faq{
width: 560px;
background: url(../images/bg_blochist_bas.jpg) no-repeat bottom #FEFFF1;
margin: 10px 0 10px 25px;
float: left;
padding-bottom: 20px;
text-align: justify;
}

#faq h2{
height: 25px;
background: url(../images/bg_blochist_haut.jpg) no-repeat;
}

#faq h3{
height: 25px;
margin-left:40px;
}

#faq p{
margin: 0 20px 20px 0;
line-height:17px;
}

#faq ul{
margin:0 10px 0 20px;
}

#faq li{
position: relative;
list-style:url(../images/puce.jpg);
margin: 5px 0 10px 40px;
text-align: left;
}

#faq li a{
color:#8A1C30;
font-weight:bold;
}

#faq li a:hover{
color:#DE6025;
font-weight:bold;
}

/**********BOUTON**********/

#lien_contact{
width:180px;
height:180px;
float:right;
margin-right:10px;
}

/***********************************************************************************/
/**************************************CONTACT**************************************/
/***********************************************************************************/

#contact #header{
background:url(../images/bg_header_generique.jpg);
}

#contact h2#titre_page{
/*position: absolute;
right: 30px;
top: 50px;
background: url(../images/h2_contact.png) no-repeat;
height: 90px;
width: 252px;*/

position: absolute;

right: 40px;

top: 50px;

background: url(../images/h2_contact.png) no-repeat;

height: 131px;

width: 425px;
}


#contact_infos
{
width: 293px;
background: url(../images/contact_infos_bas.jpg) no-repeat bottom #FEFFF1;
margin: 10px 0 10px 25px;
float: left;
padding-bottom: 20px;
text-align: justify;
}

#contact_infos p
{
margin:10px 0 0 60px;
line-height:20px;

}

#contact_infos h2{
height: 19px;
background: url(../images/contact_infos_haut.jpg) no-repeat;
}

#form {
width: 560px;
background: url(../images/bg_blochist_bas.jpg) no-repeat bottom #FEFFF1;
margin: 10px 0 10px 25px;
float: left;
padding-bottom: 20px;
text-align: justify;
}

#form h2{
height: 25px;
background: url(../images/bg_blochist_haut.jpg) no-repeat;
}


p#form 
{
margin: 0 20px 10px 80px;
line-height:25px;
}


ul#form{
margin:0 10px 0 35px;
}

li#form {
position: relative;
list-style:none;
margin: 5px 0 5px 0;
}

#form img
{
margin: 0 15px 0 15px;
}

/**********MESSAGE**********/

ul#form_message{
margin-left: 20px;
text-align: left;
}

ul#form_message li{
position: relative;
list-style: none inside;
margin: 3px 0;
width: 300px;
text-align: right;
}

ul#form_message li input{
width: 200px;
margin: 2px 10px;
border: 1px solid #333;
}

ul#form_message li input:focus, ul#form_message li textarea:focus {
background-color:#F9EFE5;
}

ul#form_message li textarea{
width: 500px;
margin: 2px 10px;
border: 1px solid #333;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px;
}

/**********QUESTIONS**********/

ul#form_questions{
margin-left: 20px;
text-align: left;
}

ul#form_questions li{
position: relative;
list-style: none inside;
margin: 3px 0;
width: 370px;
text-align: right;
}

ul#form_questions li input{
width: 250px;
margin: 2px 10px;
border: 1px solid #333;
}

ul#form_questions li input:focus, ul#questions li textarea:focus {
background-color:#F9EFE5;
}

ul#form_questions li textarea{
width: 450px;
margin: 2px 10px;
border: 1px solid #333;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px;
}

/**************************************************************************************/
/**************************************MON COMPTE**************************************/
/**************************************************************************************/

#moncompte{
line-height: 15px;
margin: 10px 10px 30px 10px;
}

#moncompte .field_compte{
margin: 20px 0;
border: 1px solid #8A1C30;
}

#moncompte br{
clear: left;
}

.span_compte1{
display: block;
width: 105px;
text-align: right;
float: left;
}

#moncompte input, #moncompte select{
display: block;
float: left;
position: relative;
top: 8px;
}

.span_compte2{
display: block;
width: 70px;
text-align: right;
float: left;
}

.span_compte3{
display: block;
width: 50px;
text-align: right;
float: left;
}

.span_compte4{
margin-top: 8px;
display: block;}

.clear_left{
float: none!important;
display: inline!important;
top: 0!important;
}

/********************************************************************************************/
/**************************************MENTIONS LEGALES**************************************/
/********************************************************************************************/

#mentions #header, #cgv #header {
background:url(../images/bg_header_generique.jpg);
}

#mentions h2#titre_page{
/*
position: absolute;
right: 30px;
top: 50px;
background: url(../images/h2_mentions.png) no-repeat;
height: 90px;
width: 187px;
*/

position: absolute;

right: 40px;

top: 50px;

background: url(../images/h2_mentions.png) no-repeat;

height: 131px;

width: 425px;
}

#cgv h2#titre_page{
/*
position: absolute;

right: 30px;

top: 50px;

background: url(../images/h2_mentions.png) no-repeat;

height: 90px;

width: 187px;
*/

position: absolute;

right: 40px;

top: 50px;

background: url(../images/h2_cgv.png) no-repeat;

height: 131px;

width: 425px;

}



/********************************************************************************************/

/**************************************BOUTIQUE**********************************************/

/********************************************************************************************/
div.boutique {
	background:#FEFFF0 url(../images/footer_commande.jpg) no-repeat scroll center bottom;
	clear:both;
	margin:20px 30px;
	padding-bottom:30px;
	position:relative;
	width:580px;
}

div.boutique h3 {
	background:transparent url(../images/h3_commande.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	height:22px;
	line-height:22px;
	text-align:center;
}

div.boutique h4 {
	background:#8A1C30 none repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	height:18px;
	line-height:18px;
	text-indent:10px;
}

div.boutique span {
	margin:10px;
}

div.boutique form {
	line-height:15px;
	margin:10px 10px 30px;
}

div.boutique fieldset {
	border:1px solid #8A1C30;
	margin:20px 0;
}

button.valider {
	background:#8A1C30 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:bold;
	margin:10px;
	padding:5px;
	text-align:center;
	text-decoration:none;
}

form table {
	margin: 0 auto;
}
form table th {
	text-align: right;
}

form span.obligatoire {
	float: right;
	font-style: italic;
	color:red;
	padding: 0 5px;
}

p#pb {
	line-height: 15px;
	background-color: #eeefe0;
	color: #97441c;
	margin: 0;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

p a#ajout_panier {
	background: url(../images/produit_panier_ajouter.jpg) top left no-repeat;
	display: block;
	height: 67px;
	width: 125px;
}

p a#ajout_panier span {
	display: none;
}

#connex {
	position: absolute;
	right: 35px;
	top: 7px;
	font-size: 0.9em;
}

form#connex {
	font-size: 0.7em;
}

a.button {
	background-color: #8A1C30;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
}

td.ch_obli {
	text-align: center;
	line-height: 25px;
}

td.ch_obli span {
	color: red;
}

p.in_box {
	padding: 15px;
}

.div_commande p.option {
	text-align: center;
}

div.on {display: block;}
div.off {display: none;}


input.bouton {
background:#8A1C30 none repeat scroll 0 0;
border:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:bold;
margin:15px 90px;
padding:5px;
text-align:center;
text-decoration:none;
}

button.bouton{
background:#8A1C30 none repeat scroll 0 0;
border:none;
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
padding:0px;
text-align:center;
text-decoration:none;
position: relative;
top: 2px;
}

a.bouton{
background:#8A1C30 none repeat scroll 0 0;
border:none;
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
padding:2px 7px;
text-align:center;
text-decoration:none;
position: relative;
top: 2px;
}

#haut_con.bouton {
	margin-right: 5px;height: 18px;width: 73px;
}

input.bouton:hover, button.bouton:hover{cursor:pointer;}
form table#pas_decal {
	margin: 15px;
}

div.div_commande form select {
	width: 50px;
	/*text-align: center;*/
}

a.courant span{
	text-decoration: underline;
}

span.err_obli {color:red;}

form#formmdp {
	text-align: center;
	margin-top: 10px;
}

img.zoomProduit {
	display: none;
	position: absolute;
	top: 0;
	left: 221px;
	border: solid 1px #000;
	z-index:1000;
	background-color: #f9efe5;
}

p#continuer_cmd {
	clear:both;
	text-align: center;
	padding-top: 10px;
}

.div_commande table.recap_cmd {
	
}

.div_commande table.recap_cmd tr th, 
.div_commande table.recap_cmd tr td, 
.div_commande table.recap_cmd_produit tr th, 
.div_commande table.recap_cmd_produit tr td {
	text-align: left;
}

.div_commande table.recap_cmd_produit tr th.centre,
.div_commande table.recap_cmd_produit tr td.centre {
	text-align: center;
}

/* admin */
span.violet {
	color: #891c2f;
}
span.gras {
	font-weight: bold;
}
span.orange {
	color:de6025;
}
span.titre {
	display: block;
	margin: 5px;
}

input#envoyer_ident {
	background:#8A1C30 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:bold;
	padding:0 3px;
	text-align:center;
	text-decoration:none;
}

input#produit_panier_quantite {
	text-align: center;
}

div#rappel_boutique2 {
	display: none;
}
#titre_page2 {display: none;}



#choixDuReglement {
	list-style-type: none;
}
#choixDuReglement li {
	width: 45%;
	display: inline;
	margin: 5px 10px;
	float: left;
}
#choixDuReglement a {
	display: block;
	text-decoration: none;	
	padding: 5px;
	height: 30px;
}
.modeDeReglement {
	font-weight: bold;
}
.paiement {
	min-height: 120px;
}

.recap_cheque {
	padding-left: 50px;
	font-weight: bold;
}

.queFaire {
	text-align: center;
}