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

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
html, body {
	margin:0; padding:0;
}
body {
	background:#2E2626 url("../img/tetiere.png") top center no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
}

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

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size:15px; color:#DED3B5; width:540px; border-bottom:1px #544D4C solid; margin:0 0 18px 0; padding:0 0 5px 0; }
h2 { font-size:14px; color:#564F4D; }
div.actualites ul li h3 { line-height:17px; }
h3 { font-size:12px; color:#342925; text-transform:uppercase; margin:0 0 3px 0; }
h3 a.actus { font-size:12px; color:#342925; }
h3 a.actus:hover { text-decoration:none; }
h4 {  }
h5 {  }
h6 {  }

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur de la page */
div#container {
	width:820px;
	text-align:left;
	margin:0 auto;
}

a.home { display:block; height:75px; width:164px; margin:25px 0 0 70px; -margin:25px 0 0 35px; float:left; }

div.header { height:108px; }

div.infos {
	height:60px;
	color:#2E2626;
	text-align:right;
	padding:48px 0 0 90px;
	float:left;
}
div.infos a.header-link {
	text-decoration:none;
	color:#2E2626;
}

div#menu {
	height:328px;
	margin:11px 0 0 0;
	padding:1px 0;
	display:block;
}

/* second conteneur de la page */
div#wrapper {
	clear:both;
}

/* contenu de la page */
div#contenu {
	display:block;
	clear:both;
	margin:0;
}
div#contenu .textepage {
	width:540px;
	float:left;
	text-align:justify;
	padding:14px 20px 0 0;
	display:block;
	/*min-height:561px;*/
}

div.actualites { width:196px; height:100%; float:left; background:url("../img/bg_actualites.png") top left no-repeat; padding:47px 22px 0 42px; color:#635d58; }

div.actualites ul { list-style:none; margin:0; padding:0; }

div.actualites ul li { list-style:none; margin:0; padding:7px 0 5px 0; border-bottom:1px #BDB6AE solid; }

div.actualites_bottom { width:260px; height:20px; float:left; background:url("../img/bg_actualites_bottom.png") top left no-repeat; display:block; }

div.facebook { padding:10px 0 0 0; line-height:14px; }

div.facebook a.facebook { color:#564D48; }
div.facebook a.facebook:hover { color:#246BCC; }

img.pic { border:1px #78716D solid; padding:7px; }

img.deco { margin:0 224px 15px 224px; }

/* bas de page */
div#footer {
	background-color:#5a504b;
	color:#FFFFFF;
}
div.footer-content {
	width:820px;
	margin:0 auto;
	background-color:#5a504b;
	padding:11px 0 0 0;
}
div.menubas {
	width:686px;
	padding:0 0 0 67px;
	text-align:center;
	float:left;
}
div.menubas a.footer-link {
	color:#FFFFFF;
	text-decoration:none;
}
div.menubas a:hover {
	text-decoration:underline;
}
div.animaweb { width:65px; float:left; padding:3px 0 0 0; }

/*
 * MENUS ----------------------------------------------------------
 */
div#menuhaut {
	float:right;
}
div#menuhaut ul { list-style-type:none; margin:0; padding:0; }
div#menuhaut ul li { display:inline; float:left; color:#cccccc; margin:0 0.5em 0 0; line-height:1.4em; }
div#menuhaut ul li a 			{ text-decoration:none; display:inline; font-size:0.9em; color:#999999; }
div#menuhaut ul li a:visited 	{ text-decoration:none; }
div#menuhaut ul li a:hover 		{ text-decoration:underline; color:#000000; }

div#fil-ariane {
	display:block;
	margin:0.5em 0;
	padding:0.3em 1em;
	border:1px #ececec solid;
	font-size:0.8em;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0; margin:0;
}
div#fil-ariane ul li {
	float:left; display:inline;
}
div#fil-ariane ul li a {
	
}

/* Propriétés du conteneur de navigation -----------------------------*/
#navigation	{ display:block; padding:0; margin:0; -margin:0 0 0 -1px; height:311px; }

/* Changement du header en fonction des pages */
ul.accueil { /*background-color:#625C5B;*/ background:url("../img/bg_accueil.png") top center no-repeat; }
ul.restaurant { /*background-color:#625C5B;*/ background:url("../img/bg_restaurant.png") top center no-repeat; }
ul.carte { /*background-color:#625C5B;*/ background:url("../img/bg_carte.png") top center no-repeat; }
ul.evenementiel { /*background-color:#625C5B;*/ background:url("../img/bg_evenementiel.png") top center no-repeat; }
ul.galerie { /*background-color:#625C5B;*/ background:url("../img/bg_galerie.png") top center no-repeat; }
ul.recettes { /*background-color:#625C5B;*/ background:url("../img/bg_recettes.png") top center no-repeat; }
ul.contact { /*background-color:#625C5B;*/ background:url("../img/bg_contact.png") top center no-repeat; }

#navigation li { float:left; display:block; list-style:none; margin:1px 0 0 1px; width:116px; }
#navigation li a { float:left; display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:middle; color:#666666; margin:0; white-space:nowrap; padding:310px 0 0 0; width:116px; }
#navigation li a:hover
,#navigation li.current a
,#navigation li.jdm_hover a { /*background:url("../img/bg_menu_hover.png") top center no-repeat;*/ }

a.accueil {
	background:url("../img/menu_accueil.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
a.carte {
	background:url("../img/menu_la_carte.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
a.contact {
	background:url("../img/menu_contact.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
a.evenementiel {
	background:url("../img/menu_evenementiel.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
a.galerie {
	background:url("../img/menu_galerie.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
a.dorade-royale-en-epais-filet-marinee-aux-ecorces-d-agrumes {
	background:url("../img/menu_recettes.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
a.restaurant {
	background:url("../img/menu_restaurant.png") top left no-repeat;
	-background:url("") top left no-repeat;
}

#navigation li.jdm_hover a.accueil {
	height:0px;
	background:url("../img/menu_accueil_hover.png") top left no-repeat; 
	-background:url("") top left no-repeat;
}
#navigation li.jdm_hover a.carte {
	height:0px;
	background:url("../img/menu_la_carte_hover.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
#navigation li.jdm_hover a.contact {
	height:0px;
	background:url("../img/menu_contact_hover.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
#navigation li.jdm_hover a.evenementiel {
	height:0px;
	background:url("../img/menu_evenementiel_hover.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
#navigation li.jdm_hover a.galerie {
	height:0px;
	background:url("../img/menu_galerie_hover.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
#navigation li.jdm_hover a.dorade-royale-en-epais-filet-marinee-aux-ecorces-d-agrumes {
	height:0px;
	background:url("../img/menu_recettes_hover.png") top left no-repeat;
	-background:url("") top left no-repeat;
}
#navigation li.jdm_hover a.restaurant {
	height:0px;
	background:url("../img/menu_restaurant_hover.png") top left no-repeat;
	-background:url("") top left no-repeat;
}

#navigation li.current ul li a
,#navigation li.jd_menu_hover_toolbar ul li a 	{ background:url(""); }
#navigation li ul { display:none; position:absolute; clear:left; height:auto; padding:4px; margin:0 0 0 -1px; -margin:-18px 0 0 -1px; z-index:1000; width:108px; background:#CCC6BE url("../img/bg_ssmenu.png") top center no-repeat; border-right:1px #625C5B solid; border-bottom:1px #625C5B solid; border-left:1px #625C5B solid; }
#navigation li ul li { display:block; float:none; padding:3px 0; margin:0; list-style-position:outside; width:108px; }
#navigation li ul li a { display:block; float:none; background:url(""); margin:0; padding:0; line-height:normal; color:#666666; line-height:16px; width:108px; color:544d48; text-align:center; }
#navigation li ul li a:hover
,#navigation li.jd_menu_hover_toolbar ul li a:hover
,#navigation li ul li.current a { background:url(""); color:#000000; text-decoration:underline; }

div#menubas {
	display:block;
	margin:0;
	font-size:0.9em;
}
div#menubas ul { list-style-type:none; margin:0; padding:0; }
div#menubas ul li { display:inline; float:left; margin:0 0.2em 0 0; }
div#menubas ul li a 			{ text-decoration:none; display:inline; }
div#menubas ul li a:visited 	{ text-decoration:none; }
div#menubas ul li a:hover 		{ text-decoration:underline; }

div#searchbox { position:relative; width:13em; border:0px #ff0000 solid; float:right; margin-top:-0.5em; }
div#searchbox fieldset { padding:0; margin:0; border:0; float:right; }
div#searchbox fieldset legend { padding:0; margin:0; border:0; font-size:0.8em; display:none; }
div#searchbox fieldset input.text { width:12em; font-size:0.8em; padding:0.2em 0.3em; vertical-align:middle; color:#999999; }
div#searchbox fieldset input.text:focus { color:#000000; }
div#searchbox fieldset button.submit { font-size:0.8em; padding:0.1em; vertical-align:middle; border:0px; background-color:transparent; color:#999999; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */
 
/* Logo Animaweb */
.logo_animaweb {
	float:right;
	position:relative;
	margin:0px;
}

/*
* TABLES */
table.data { width:100%; }
table.data th { font-weight:bold; font-size:1em; color:#333333; white-space:nowrap; padding:0.2em 0.5em; border:1px #eeeeee solid; vertical-align:middle; }
table.data td { padding:0.2em 0.5em; font-size:1em; border:1px #eeeeee solid; vertical-align:middle; }

table.normal { width:100%; }
table.normal th { font-weight:bold; font-size:1em; padding:0; vertical-align:top; }
table.normal td { font-weight:normal; font-size:1em; padding:0; vertical-align:top; }

/*
* FORMULAIRES */
fieldset .required { color:#CC0000; }
fieldset.normal { margin:0; padding:0; display:block; }
fieldset.normal p { margin:0 0 15px 0; padding:0; text-align:center; }

fieldset.normal ul.ul-left { margin:0 0 0 0; padding:0; float:left; width:260px; }
fieldset.normal ul.ul-left li { list-style-type:none; margin:10px 0 0 0; padding:0; display:block; min-height:24px; float:left;  }
fieldset.normal ul.ul-left li label { display:block; margin:0 0 0 0; font-weight:bold; width:85px; float:left; text-align:right; padding-right:5px; line-height:24px; }
fieldset.normal ul.ul-left li label.nobold { font-weight:normal; color:#CCCCCC; }

fieldset.normal ul.ul-right { margin:0 0 0 10px; padding:0; float:left; width:270px; }
fieldset.normal ul.ul-right li { list-style-type:none; margin:10px 0 0 0; padding:0; display:block; min-height:24px; float:left; }
fieldset.normal ul.ul-right li label { display:block; margin:0 0 0 0; font-weight:bold; width:95px; float:left; text-align:right; padding-right:5px; line-height:24px; }

fieldset.normal ul.ul-center { margin:10px 0 0 0; padding:0; float:left; width:540px; }
fieldset.normal ul.ul-center li { list-style-type:none; margin:0; padding:0; display:block; min-height:24px; }
fieldset.normal ul.ul-center li label { display:block; margin:0 0 0 0; font-weight:bold; width:85px; float:left; text-align:right; padding-right:5px; line-height:24px; }

fieldset.normal ul.ul-center2 { margin:5px 0 0 0; padding:0; float:left; width:385px; }
fieldset.normal ul.ul-center2 li { list-style-type:none; margin:0; padding:0; display:block; min-height:24px; }
fieldset.normal ul.ul-center2 li label { display:block; margin:0 0 0 0; font-weight:bold; width:85px; float:left; text-align:right; padding-right:5px; line-height:24px; }

fieldset.normal ul.ul-left li ol li, fieldset.normal ul.ul-right li ol li, fieldset.normal ul.ul-center li ol li, fieldset.normal ul.ul-center2 li ol li { margin:2px 0; float:none; }

fieldset.normal legend img { display:inline; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { width:162px; border:0; float:left; margin:0; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#FFFFFF url("../img/bg_input.jpg") right bottom no-repeat; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; vertical-align:middle; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus {  }
fieldset.normal select { display:block; }
fieldset.normal textarea { display:block; margin:0 0 5px 0; padding:3px; border:0; width:442px; height:100px; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; background:#FFFFFF url("../img/bg_input.jpg") right bottom no-repeat; }
fieldset.normal textarea.big { height:12em; }

input#captcha_code { background:#FFFFFF url("") right bottom no-repeat; }

fieldset.normal ul.ul-left li label.error { width:258px; text-align:left; font-size:10px; display:block; float:left; margin:5px 0 6px 0px; padding:0; font-weight:bold; border:0; line-height:10px; background:url('') left 7px no-repeat; color:#5A504B; text-align:right; }

fieldset.normal ul.ul-right li label.error { width:268px; text-align:left; font-size:10px; display:block; float:left; margin:5px 0 6px 0px; padding:0; font-weight:bold; border:0; line-height:10px; background:url('') left 7px no-repeat; color:#5A504B; text-align:right; }

fieldset.normal ul.ul-center li label.error { width:538px; text-align:left; font-size:10px; display:block; float:left; margin:0px 0 6px 0px; padding:0; font-weight:bold; border:0; line-height:10px; background:url('') left 7px no-repeat; color:#5A504B; text-align:right; }

fieldset.normal ul.ul-center2 li label.error { width:383px; text-align:left; font-size:10px; display:block; float:left; margin:5px 0 6px 0px; padding:0; font-weight:bold; border:0; line-height:10px; background:url('') left 7px no-repeat; color:#5A504B; text-align:right; }

fieldset.normal input.error { border:0; height:17px; width:161px; }

/*fieldset.normal button.submit {
	background:url("../img/btn_envoyer.jpg") no-repeat scroll left top transparent;
	border:0 none;
	cursor:pointer;
	display:block;
	height:43px;
	margin:10px 0 0 223px;
	width:94px;
}*/

fieldset.normal button.submit {
	background:url("../img/btn_envoyer2.jpg") no-repeat scroll left top transparent;
	border:0 none;
	cursor:pointer;
	display:block;
	height:45px;
	margin:14px 0 0 248px;
	width:111px;
}
fieldset.normal button.submit:hover {
	background-position:0 -50px;
}

/*
* 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 { margin-bottom:10px; }
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; -margin:0 0 25px 5px; padding:0; }
.block_actualites li { display:block; margin:0 10px 20px 10px; -margin:0 5px 20px 5px; padding:5px; background-color:#F6F6F6; width:380px; width:380px; 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 h3 { display:block; border-bottom:1px #2F2320 dotted; padding:0.5em; margin:0; }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:1em; /*text-align:justify;*/ color:#625C5B; }
.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; }

ul#portfolio { margin:0; padding:0; list-style:none; }
ul#portfolio li { margin:0; padding:0; list-style:none; }

table.chef { margin:0; padding:0; }
table.chef tr { margin:0; padding:0; }
table.chef tr td { margin:0; padding:2px 0; vertical-align:top; }
table.chef tr td.annee { width:72px; font-weight:bold; }

table.recette {}
table.recette tr {}
table.recette tr.legende td { font-weight:bold; }
table.recette tr td { vertical-align:top; }
table.recette tr td.ingredients { width:138px; vertical-align:top; }
table.recette tr td.quantites { width:55px; }
table.recette tr td.progression {}
table.recette tr td img { border:1px #7B716D solid; padding:7px; width:284px; }

.basic { text-align:center; }

div#list div p { margin-bottom:5px; }

div#list h2 { margin:10px 0; }

.basic a {
	cursor:pointer;
	display:block;
	text-decoration:none;
}
.basic a:hover {
	background-color:white;
	text-decoration:none;
}
.basic a.selected {
	background-color:#5A504B;
	text-decoration:none;
}
.basic a.selected h2 {
	color:#FFFFFF;
}

ul.idee-cadeau {}
ul.idee-cadeau li { list-style:square; margin-left:3px; }

a.decouverte { width:188px; height:88px; display:block; padding:3px; border:1px #BDB6AE solid; }

a.decouverte:hover { border:1px #342925 solid; }

ul.sitemap { margin:0; padding:0; }
ul.sitemap li { margin:0; padding:0; list-style:none; background:url("../img/puce.jpg") top left no-repeat; padding-left:16px; }
ul.sitemap li a { font-size:14px; }
ul.sitemap li ul { margin:0; padding:0; }
ul.sitemap li ul li { margin:0; padding:0; list-style:none; background:url("../img/puce2.jpg") top left no-repeat; padding-left:10px; }
ul.sitemap li ul li a { color:#564F4D; font-size:12px; }

fieldset.normal ul.ul-left li div.ketchup-error-container ol li, fieldset.normal ul.ul-right li div.ketchup-error-container ol li, fieldset.normal ul.ul-center li div.ketchup-error-container ol li, fieldset.normal ul.ul-center2 li div.ketchup-error-container ol li  { min-height:16px; }