/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

	@charset "utf-8";

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * FONTS ----------------------------------------------------------
 */

/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
 
html, body,
input,
textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } 

html, body {
	margin:0;
	padding:0;
	font-size:11px;
	color:#FFFFFF;
	background:url("../img/bg-body.jpg") no-repeat center top;
}
body {
	/*background-color:#D7C3A2;*/
}

p, table, tr, th, td, ul, li { margin:0; padding:0; }

a,
a:visited 	{ text-decoration:underline; color:#4A463D; outline:none; }
a:hover 	{ text-decoration:none; }

h1, h2, h3, h4, h5, h6	{ margin:0; padding:0; line-height:1.5; height:auto; }

h1						{  }
h1,						
h2.h2_accueil			{ font-size:18px; margin-bottom:5px; }
h2						{ }
h3						{ }
h4						{ }
h5						{ }
h6						{ }

select option { font-size:13px; line-height:1.2em; }

button.submit {
	background: none repeat scroll 0 0 #B41328;
    padding: 3px 7px;
    text-align: center;
    text-decoration: none;
	border:none;
	color:#FFF;
	cursor:pointer;
	border:solid 1px #870714;
}

fieldset {
	border:solid 1px #CBC6BB;
}

input.text, input.title {
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-ms-border-radius:5px;
	width:200px;
	height:16px;
	font-size:11px;
}

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */

/* conteneur de la page */
div#container {
	
}

div#container-content {
	width:996px;
	margin:0 auto;
	padding:0;
}


table#table-container					{ }
table#table-container tr				{ }
table#table-container tr td				{ vertical-align:top; }
table#table-container tr td#td-header	{ background:#A9854C; width:277px; border-right:3px #FFFFFF solid; }
table#table-container tr td#td-contenu	{ width:700px; }


/* BANDEAU RESA */
div#bandeau-resa { display:none; background:#32b32b; border-left:solid 1px #4D4C48; border-right:solid 1px #474644; padding:5px; }


/* header */
div#header 				{ height:270px; background:url("../img/bg-header.jpg") no-repeat center top; }
div#header h1 			{ display:block; height:190px; width:155px; margin-left:12px;float:left; }
div#header h1 a img	{ margin:0; }
div#header #p1			{ text-align:left; float:left; font-size:15px; font-weight:normal; top:20px; left:104px; position:relative; }
div#header #p1 img	{ margin:0; }
div#header #header-col-right			{ float:right; width:160px; display:block; padding-top:34px; margin-right:17px; }
div#header #header-col-right	.titre1	{  font-size:13px; color:#55524d; padding-left:40px; }
/*div#header #header-col-right	div#user	{ background:#DCDADB; border:solid 1px #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; color:#a87545; }*/
div#header #header-col-right	div#user	{
 	background:#DCDADB url("../imgshop/bg-user.png") no-repeat scroll 7px center;
    color: #50484A;
    height: 27px;
    line-height: 27px;
    padding-left: 30px;
    text-align: center;
	border:solid 1px #FFF;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px;
}
div#header #header-col-right	div#user form#login_form { width:152px; margin:0 auto; padding-top:7px; }
div#header #header-col-right	div#user form#login_form input[type="text"], div#header #header-col-right	div#user form#login_form input[type="password"] { /*background:url("../img/fd-input-txt.png") no-repeat center top; width:143px; height:22px; border:none; padding-left:5px; padding-bottom:10px;*/ width:143px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; }
div#header #header-col-right	div#user form#login_form a { color:#65615b; text-decoration:none; display:block; }
div#header #header-col-right	div#user form#login_form .btnSuite { float:right; }

div#header-menu-right {
	float:right;
	width:259px;
	height:43px;
	background:url("../img/bg-header-menu-right.png") left center;
	margin-top:13px;
	margin-right:14px;
	padding:2px 4px 5px 1px;
}

div#header-menu-right a {
	text-decoration:none;
	text-align:center;
	text-shadow: #e0e0e0 4px 2px 1px;
	font-weight:bold;
	color:#940620;
	display:block;
	width:83px;
	height:38px;
	padding-top:4px;
	float:left;
}

div#header-menu-right img.sep {
	float:left;
}

div#header-menu-center {
	float:left;
	background:url("../img/bg-header-menu-center.png") left center;
	top:50px;
	left:57px;
	width:460px;
	height:73px;
	position:relative;
}

/* user connected */
div#header #header-col-right	div#user div#user-connected {
	width:152px; 
	margin:0 auto; 
	padding-top:7px;
}

div#header #header-col-right	div#user div#user-connected ul {
	list-style:none;
}

div#header #header-col-right	div#user div#user-connected ul li a {
	text-decoration:none;
}

/*.btnSuite	{  font-size:14px; color:#89837d !important; background:url("../img/bg-btn-suite.png") no-repeat center right; padding-right:19px; text-decoration:none; }
.btnRetour	{  font-size:14px; color:#D9C5A1 !important; background:url("../img/bg-btn-retour.png") no-repeat center left; padding-left:19px; text-decoration:none; }*/

span.ville				{ font-size:15px; display:block; margin:15px 0 0 83px; }
span.tel				{ font-size:15px; display:block; margin:0 0 0 65px; padding:0 0 0 11px; }

div.actu				{ color:#2F1F0B; text-align:center; margin:27px 20px 20px 20px; }
div.actu-top			{ height:1px; }
div.actu-middle			{ border-left:1px #FFFFFF solid; padding:16px; }
div.actu-bottom			{ height:1px; }

div.actu-middle a		{ }
span.title				{ font-weight:bold; display:block; text-transform:uppercase; }

/* contenu de la page */
div#bg-foie							{ width:425px; height:247px; position:absolute; margin-left:-305px; margin-top:-247px; }
div#contenu							{ padding:0 15px; background:url("../img/bg-repeat.jpg") repeat-y left bottom; }

div#contenu div#menuleft		{ width:153px; padding-top:5px; padding-left:7px; background:url("../img/bg-categ-left.jpg") no-repeat left top;  color:#423e39; float:left; font-size:10px; text-align:left; }
div#contenu div#menuleft ul#categParent			{ list-style:none;  }
div#contenu div#menuleft ul#categParent li			{ margin-bottom:5px; }
div#contenu div#menuleft ul#categParent li a		{ text-decoration:none; font-size:11px; padding:0 3px; display:block; }
div#contenu div#menuleft ul#categParent li.parent a		{ font-weight:bold; color:#940620; font-size:12px; }
div#contenu div#menuleft ul#categParent li.current a,
div#contenu div#menuleft ul#categParent li a:hover 	{ text-decoration:underline; }
div#contenu div#menuleft ul#categParent li img 	{ margin-top:4px; display:none; }
div#contenu div#menuleft ul#categParent li.current img 	{ display:block; }
div#contenu div#menuleft ul#categParent li ul.sscateg { margin-left:4px; }
div#contenu div#menuleft ul#categParent li ul.sscateg li { list-style:none; background:url("../img/puce-categ-left.jpg") no-repeat; background-position:0px 4px; padding-left:9px; }
div#contenu div#menuleft ul#categParent li ul.sscateg li h3 a { font-size:11px; color:#50484a; font-weight:normal; text-decoration:none; }
div#contenu div#menuleft ul#categParent li ul.sscateg li.current h3 a { text-decoration:underline; }




div#contenu div#col-left			{ float:left; width:160px; padding-right:10px; }
div#contenu div#col-center			{ float:left; width:570px; /*background:url("../img/moulin.jpg") no-repeat; background-position:330px 280px;*/ }
div#contenu div#col-right		{ float:right; width:220px; }
div#contenu div#col-right a 	{  text-decoration:none; }
div#contenu div#col-right img#img-panier		{ margin-bottom:10px; }

div#contenu div#col-right div.block_recettes_mini						{ padding:0 20px; }
div#contenu div#col-right div.block_recettes_mini label				{ color:#54524a; font-size:12px; }
div#contenu div#col-right div.block_recettes_mini ul					{ list-style:none; }
div#contenu div#col-right div.block_recettes_mini ul li					{ margin-bottom:15px; }
div#contenu div#col-right div.block_recettes_mini ul li	a				{ text-decoration:none; }
div#contenu div#col-right div.block_recettes_mini ul li h3			{ font-size:12px; font-weight:bold; color:#a87545; }
div#contenu div#col-right div.block_recettes_mini ul li .texte		{ color:#54524a; font-size:11px; }


div#contenu table#tab-structure #col-right a.lnk-right img	{ display:block; margin-bottom:2px; opacity:0.6;
	/* Firefox */
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-moz-transition-delay: 0.1s;
	/* WebKit */
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	/* Opera */
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
	-o-transition-delay: 0.1s;
	/* Standard */
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-delay: 0.1s; 
}

div#contenu table#tab-structure #col-right a.lnk-right img:hover, div#contenu table#tab-structure #col-right a.lnk-right.selected img	{ opacity:1; }

img.diapo				{ float:left; }

div#horizontal			{  }
div#vertical			{ float:left; width:399px; }

/*
*
*	Pour le textepage voir dans le css style_textepage.css
*
*/
/*div.textepage			{ padding:10px 14px; color:#000; }
div.textepage h1 		{ font-family:"HelveticaNeueUltraLight"; font-size:50px; line-height:50px; color:#000; }
div.textepage a			{ }*/

div.liens				{ margin:0 60px; }
div.liens span			{ display:block; text-align:center; color:#2F1F0B; font-weight:bold; }
div.liens table tr td	{ text-align:center; }

/* bas de page */
div#footer															{ text-align:center; color:#2F1F0B; font-size:11px; width:526px; margin:0 auto; padding:15px 25px; text-shadow:4px 2px 1px #E0E0E0 }
div#footer a														{ margin:0; text-decoration:none; }

div#footer div#divadresse									{ background:#6f6460; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; padding:7px; margin-bottom:15px; color:#ded8d8; }
div#footer div#divadresse span.orange				{ color:#d3bb7a; }
div#footer div#divadresse a								{ color:#ded8d8; text-decoration:none; }

div#footer div#menuprincipalbas						{ float:left; text-align:left; color:#cac8c4; font-size:9px; }

div#footer div#mentions									{ float:right; text-align:left; color:#cac8c4; font-size:9px; }
div#footer div#mentions ul#menubas, div#footer div#menuprincipalbas ul				{ display:block; position:relative; color:#868078; }
div#footer div#mentions ul#menubas li, div#footer div#menuprincipalbas ul li				{ list-style:none; float:left; display:inline; margin-right:5px; }
div#footer div#mentions ul#menubas li a, div#footer div#menuprincipalbas ul li a				{ color:#868078; text-decoration:none; }
div#footer div#mentions ul#menubas li.current a, div#footer div#menuprincipalbas ul li.current a	{ font-weight:bold; }
/*
 * MENUS ----------------------------------------------------------
 */

/* fil ariane */
div#fil-ariane {
	display:block;
	padding:0.3em 14px;
	font-size:10px;
	font-weight:bold;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0; margin:0;
	color:#4A463D;
}
div#fil-ariane ul li {
	float:left; display:inline;
}
div#fil-ariane ul li a {
	
}

/* lang */
ul#lang						{ position:absolute; margin:290px 0 0 900px; }
ul#lang li					{ list-style:none; display:inline; margin:0 4px; }

/* menu */
#navigation			{ position:relative; display:block; height:22px; width:572px; padding:0; padding-left:4px; margin:0 auto; margin-bottom:10px; margin-top:4px; border-bottom:solid 1px #cbc6bb;  }
#navigation li		{ float:left; display:inline;  list-style: none; padding:0; margin:0; height:22px; }
#navigation li a		{ float:left; display:block;  border:0; text-decoration:none; font-weight:normal; vertical-align:middle; color:#666666; font-size:12px; white-space: nowrap; line-height:22px; height:22px; padding:0px 10px; color:#4a463d; /*width:92px;*/ text-align:center;  }
#navigation li a:hover	{  }
#navigation li.current a
,#navigation li.jdm_hover a    		{   }
#navigation li.current ul li a
,#navigation li.jdm_hover ul li a 	{ background:none; }

#navigation li.sep		{ background:url("../img/sep-menu.jpg") no-repeat top center; width:4px; height:22px; display:block; }

#navigation li ul { display:none; position:absolute; background-color:#ffffff; clear:left; height:auto; padding:0; margin:0px 0 0 0px;   z-index:1000; width:218px; }
#navigation li ul li, #navigation li ul li:hover { display:block; float:none; padding:0; margin:0; list-style-position:outside; height:23px; }

#navigation li ul li a { 
	display:block; 
	float:none; 
	padding:0.2em 0.5em 0; 
	margin: 0 19px; 
	padding-left: 0; 
	padding-right: 0;  
	line-height:normal; 
	color:#FFF; 
	font-size:13px; 
	height:18px; 
	line-height:1.2em;
	width:180px; 
	background:none; 
	border-bottom:1px solid #fff;
}

#navigation li ul li a:hover ,#navigation li.jdm_hover ul li a:hover ,#navigation li ul li.current a { 
	background:none; 
	color:#FFF;
}

/* coords */
div#coords { text-align:center; color:#8C837B; margin:15px 0 0 0;  font-size:11px; }
div#coords a { color:#8C837B; text-decoration:none; }
div#coords ul { }
div#coords ul li { list-style:none; color:#6B5543; display:inline; margin:0 2px; }
div#coords ul li a { color:#6B5543; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */

/*
* FORMULAIRES */
div.leform								{ width:270px; float:left; }

#form_contact .required 				{ color:#CC0000; }
#form_contact 							{ border:0; margin:0;/*padding:10px 14px;*/ }
#form_contact legend 					{ }
#form_contact legend.img				{ }
#form_contact p 						{ text-align:center; }
#form_contact ul 						{ margin:0; padding:0; }
#form_contact ul li 					{ list-style:none; display:block; min-height:24px; margin:4px 0 0 0; /*float:left;*/ }
#form_contact legend img				{ }
#form_contact ul li label				{ width:100%; display:block; text-transform:uppercase; /*float:left;*/ line-height:24px; font-weight:normal; font-size:11px; }
#form_contact ul.anti-spam li label		{  }
#form_contact label.error				{ display:none !important; }
#form_contact .inline					{ }
#form_contact input						{ /*margin:0; padding:3px; width:167px; font-size:11px;*/ /*float:left;*/ }
#form_contact input[type=text],
#form_contact input[type=password] 		{ width:260px; height:18px; background:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:3px; margin-left:14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; }
#form_contact ul.anti-spam li input		{  margin:0px; }

#form_contact input.error[type=text],
#form_contact input.error[type=password]				{ border: solid 1px #CC0000; }

#form_contact input[type=file] 			{ }
#form_contact input[type=radio] 		{ }
#form_contact input[type=checkbox],
#form_contact input.checkbox 			{ }
#form_contact input[type=text]:focus,
#form_contact textarea:focus			{ }

#form_contact select 					{ }
#form_contact textarea					{ margin:0; padding:3px; font-size:13px; font-family:Arial, Helvetica, sans-serif; width:260px; height:73px; background:#FFF; margin-left:14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; }
#form_contact textarea.error				{ border: solid 1px #CC0000; }

#form_contact #cryptogram { background:#FFF; }

#form_contact div a#btn-twitter {
    background: url("../img/twitter.png") no-repeat scroll left top transparent;
    display: block;
    height: 18px;
    line-height: 18px;
    padding-left: 18px;
    text-decoration: none;
    width: 55px;
}

#form_contact div a#btn-facebook {
    background: url("../img/facebook.png") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 18px;
    line-height: 18px;
    padding-left: 18px;
    text-decoration: none;
    width: 65px;
}

div.subm 								{ float:left; margin-top:10px; margin-left:20px; }
div.subm input.envoi					{ /*background-color:#0B272D; color:#FFFFFF; font-weight:bold; width:175px !important; _width:173px !important; height:24px; margin:0 !important; padding:3px 5px !important; border:0; text-transform:uppercase; _font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; _cursor:pointer; _position:absolute; *position:absolute;*/ }
div.subm input.envoi:hover				{ cursor:pointer; }

#form_contact input#captcha_code		{ margin:4px 0 0 0; }

img.crypto								{ float:left; }

div.achtung { height:17px; margin:5px 0 10px 0; }

div.plan { width:501px; float:left; padding:5px 0 0 20px; }
div.plan iframe { margin-top:5px; *margin-top:1px; }

ul.mentions-legales 	{ margin:0 0 0 22px; }
ul.mentions-legales li	{ }


/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { color:#000000; font-weight:bold; font-size:1.3em; line-height:1.3em; }
div.sitemap ul li ul { margin-left:2em; }
div.sitemap ul li ul li { list-style:inside disc; }
div.sitemap ul li ul li a { color:#333333; font-weight:normal; font-size:1em; }
div.sitemap ul li ul li ul { margin-left:2em; }
div.sitemap ul li ul li ul li { list-style:inside lower-latin; font-size:0.8em; }

/*
* Bloc actualités */
.block_actualites {  }
/*.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 0 1em 0; padding:5px; background-color:#F6F6F6; width:781px; float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#ffffff; } 
.block_actualites h2 { display:block; border-bottom:1px #A2C10B dotted; padding:0.5em; margin:0; font-size:11px; font-weight:bold; text-transform:uppercase; }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:5px 12px 8px 12px; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; text-align:right; padding:0 1em; background-color:#FFFFFF; }*/

.block_actualites.mini { clear:both; width:35%; float:right; background-color:#EFF4FA; padding:1em; }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em; }
.block_actualites.mini h3 a { display:block; padding:0.5em; text-decoration:none; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }		


/*
* Page d'accueil */

/*
* PNG Fix */
div#header-content,
div#meteo,
div#div_right_visites h2,
div.menu-fr ul li,
div.menu-de ul li { behavior:url("/common/js/iepngfix/iepngfix.htc"); }


/*
*	Page inscription user
*/
form#user-form-inscription {
	background:#FFF;
}

form#user-form-inscription .normal {
}

form#user-form-inscription .normal table tr td label, form#shop_panier_form_adresse .normal table tr td label {
	display:block;
}

form#user-form-inscription .normal table tr td input.text {
}

/*
*	Page connexion user
*/
form#user-form-connection {
	background:#FFF;
}

form#user-form-connection ul.noborder {
	list-style:none;
	width:250px;
	margin:0 auto;
}

form#user-form-connection ul.noborder li input.text {
	height:18px;
	width:200px;
}


/*
*	Page mot de passe perdu
*/
form#user-form-lostpass {
	background:#FFF;
}


/*
*	Searchbox
*/
div#searchbox {
	width:158px;
	float:right;
}

div#searchbox strong {
	color:#940620;
}

div#searchbox form.form_recherche_globale {
	width:130px;
	height:26px;
	padding-left:26px;
	background:url("../img/bg-searchbox.jpg") no-repeat left center;
	border:solid 1px #CCC;
}

div#searchbox form.form_recherche_globale input.text {
	width:95px;
	margin-top:0px;
	margin-bottom:0px;
	border:none;
	background-color:transparent;
	border-radius:0px;
	padding-top:0px;
	padding-bottom:0px;
	height:20px;
	font-size:12px;
}

div#searchbox form.form_recherche_globale button {
	width:24px;
	height:20px;
	margin-left:3px;
	margin-top:3px;
	border:solid 1px #938f8f;
	background:#ededed;
	padding:0px;
	text-align:center;
	color:#50484a;
}

/*
* réseaux sociaux 
*/
div.reseaux-sociaux {
	
}

div.reseaux-sociaux a#btnRss {
    background: url("../img/btn-rss.jpg") no-repeat scroll left top transparent;
    height: 36px;
    line-height: 36px;
    padding-left: 38px;
	text-decoration:none;
	display:block;
	margin-bottom:5px;
}

div.reseaux-sociaux a#btnFacebook {
    background: url("../img/btn-fb.jpg") no-repeat scroll left top transparent;
    height: 28px;
    line-height: 28px;
    padding-left: 30px;
	text-decoration:none;
	display:block;
	margin-bottom:5px;
}

div.reseaux-sociaux a#btnTwitter {
    background: url("../img/btn-twitter.jpg") no-repeat scroll left top transparent;
    height: 28px;
    line-height: 28px;
    padding-left: 30px;
	text-decoration:none;
	display:block;
	margin-bottom:5px;
}


.ui-effects-transfer { border: 2px dotted gray; }