/*
 * ------------ 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 ----------------------------------------------------------
 */
 @font-face {
    font-family: 'TrajanProBold';
    src: url('../fonts/trajanpro-bold-webfont.eot');
    src: url('../fonts/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trajanpro-bold-webfont.woff') format('woff'),
         url('../fonts/trajanpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrajanProRegular';
    src: url('../fonts/trajanpro-regular-webfont.eot');
    src: url('../fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

html, body {
	margin:0;
	padding:0;
	font-size:11px;
	color:#FFFFFF;
	background:#F6F4F2 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 #D4BD92;
    padding: 3px 7px;
    text-align: center;
    text-decoration: none;
	border:none;
	color:#4A463D;
	cursor:pointer;
}

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 {
	width:996px;
	margin:0 auto;
	padding:0;
}

div#container-content {
	
}

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 				{ background:url("../img/bg-header.jpg") top center no-repeat; height:313px; }
div#header div#logos {
    display: block;
    float: left;
    height: 60px;
    text-align: center;
    width: 270px;
}
div#header div#logos h1 			{ /*display:block; height:135px; width:260px; margin-left:25px; padding-top:60px; float:left;*/
	display: block;
    float: left;
    height: 135px;
    margin-bottom: 13px;
    margin-left: 25px;
    padding-top: 90px;
    width: 270px;
}
div#header div#logos h1 a img	{ height: 136px; margin: 0; width: 270px; }
div#header #p1			{ font-family:"TrajanProRegular"; color:#7d7a73; text-align:left; float:left; font-size:15px; font-weight:normal; margin-top:25px; }
div#header #header-col-right			{ float:right; height:270px; width:187px; display:block; padding-top:43px; margin-right:10px; background:url("../img/fd-header-col-right.png") no-repeat top center; }
div#header #header-col-right	.titre1	{ font-family:"TrajanProBold"; font-size:13px; color:#55524d; padding-left:40px; }
div#header #header-col-right	div#user	{ height:230px; font-family:Arial, Helvetica, sans-serif; color:#a87545; }
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; 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; }

/* 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-family:"TrajanProRegular"; 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-family:"TrajanProRegular"; 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; background:url("../img/telephone.png") top left no-repeat; }

div.actu				{ color:#2F1F0B; text-align:center; margin:27px 20px 20px 20px; }
div.actu-top			{ height:1px; background:url("../img/bg_actu_top.png") top left no-repeat; }
div.actu-middle			{ border-left:1px #FFFFFF solid; padding:16px; }
div.actu-bottom			{ height:1px; background:url("../img/bg_actu_top.png") top left no-repeat; }

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; background:url("../img/foie.png") no-repeat bottom left; position:absolute; margin-left:-305px; margin-top:-247px; }
div#contenu							{ background:url("../img/fd-contenu.png") repeat-y top center; }

div#contenu div#menuleft		{ width:120px; background:#FFF; padding-top:20px; padding-bottom:20px; padding-left:1px; font-family:"TrajanProRegular"; color:#423e39; float:left; font-size:10px; text-align:center; }
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; }
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#col-left			{ float:left; width:575px; margin-left:121px; background:#ddd8cf; }
div#contenu div#col-right		{ float:right; width:187px; background:#4c4240; margin-right:10px; }
div#contenu div#col-right a 	{ color:#F1EADD; 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 }
div#footer a														{ margin:0; }

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:0.8em;
}
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; font-family: 'TrajanProRegular'; 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	{ font-family: 'TrajanProBold'; }
#navigation li.current a
,#navigation li.jdm_hover a    		{ font-family: 'TrajanProBold';  }
#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 url("../img/bg-input-blanc.png") no-repeat right top; 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 url("../img/bg-textarea-blanc.png") no-repeat right top; 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 #F33; }

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


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;
}




