/*
 * ------------ 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, input, select, textarea, button { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:12px; } 
 
html, body {
	margin:0; padding:0;
}
body {
	background:url("../img/bg.jpg") top center no-repeat;
	background-attachment:fixed;
	color:#FFFFFF;
}
p {
	margin:0;
}

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

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-family:'Ubuntu',sans-serif; font-size:20px; }
h2 { font-family:'Ubuntu',sans-serif; font-size:14px; }
h3 { }
h4 { }
h5 { }
h6 { }

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

div#header {
	height:200px;
	font-family:'Ubuntu',sans-serif;
	color:#000000;
}

div#header-left 			{ float:left; width:584px; height:160px; }
div#header-left h1			{ }
div#header-left a			{ height:70px; width:464px;	display:block; margin:50px 0 0 60px; }
div#header-left a img 		{ }
div#header-left h2,
div#header-left span		{ font-size:16px; text-align:center; margin-top:5px; display:block; }

div#header-right			{ font-size:16px; text-align:right; float:left; width:395px; height:131px; padding:29px 1px 0 0; }

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

/* contenu de la page */
div#content					{ /*background:url("../img/bg_content.png") top left repeat;*/ }

div#content-left			{ float:left; width:190px; padding:20px 10px 10px 20px; }
div#content-left a			{ color:#FFFFFF; display:block; width:168px; height:120px; font-size:16px; padding:0 16px 10px 6px; }
div#content-left a:hover	{ color:#FFCA1F; text-decoration:none; }
a.restaurant				{ background:url("../img/restaurant.png") top left no-repeat; margin-bottom:10px; }
a.carte						{ background:url("../img/carte.png") top left no-repeat; margin-bottom:10px; }
a.contact					{ background:url("../img/contact.png") top left no-repeat; }

div#content-right						{ float:left; width:760px; margin:20px 0 0 0; }
div#content-right h1,
div#content-right h2.carte				{ font-size:20px; background-color:#390D01; margin-right:20px; padding:9px 20px 9px 20px; color:#FFFFFF; }
div#content-right h1.magie				{ display:none; }
div#content-right div.textepage			{ background:url("../img/bg_menu.png") top left repeat; /*margin-right:20px;*/ margin-bottom:20px; padding:20px; line-height:14px; width:700px; }
div#content-right div.textepage h2		{ line-height:16px; margin:0 0 3px 0; color:#FFFFFF; font-weight:bold; }
div#content-right div.textepage table	{ margin:0; }
div#content-right ul#portfolio			{ margin:0; padding:3px; height:404px; background:url("../img/bg_diapo.png") top left no-repeat; }
div#content-right ul#portfolio li		{ list-style:none; }
div#content-right ul#portfolio li img	{ }

div.textepage table						{ margin:0; }

/* bas de page */
div#footer {
	height:100px;
	background:url("../img/bg_menu.png") top left repeat;
	color:#FFFFFF;
}

div#footer img.brasserie-licorne { margin:14px 20px; float:left; }

div.footer-menu,
div.footer-newsletter		{ float:left; height:92px; margin-left:8px; padding:8px 20px 0 45px; background:url("../img/volute.png") center left no-repeat; }

div.footer-menu				{ width:307px; }
div.footer-newsletter		{ width:307px; }

div.footer-menu span,
div.footer-newsletter span	{ font-family:'Ubuntu',sans-serif; font-size:16px; padding:0 0 0 27px; display:block; }

.bordure					{ color:#FFFFFF; background-color:#390D01; border:1px #000000 solid; padding:5px 0 5px 7px; display:block; width:298px; }
a.bordure:hover				{ color:#FFCA1F !important; text-decoration:none; }
a.bordure:visited			{ color:#FFFFFF; }
div.bordure-txt				{ float:left; }

form#mailctrl_form			{ float:left; margin:5px 0 0 10px; *margin:5px 0 0 5px; *width:150px; }
input#mailctrl_email		{ border:1px #000000 solid; padding:3px 5px; height:18px; line-height:18px; font-size:11px; float:left; }

input.mailctrl_submit		{ border:0; margin:0; padding:2px; background-color:#390D01; color:#FFFFFF; height:26px; width:22px; display:inline; float:left; }
input.mailctrl_submit:hover { }

div#links					{ color:#FFFFFF; margin:5px 1px 5px 0; text-align:right; }
div#links a					{ color:#FFFFFF; }
div#links a:hover			{ }

ul.mentions_legales { margin-top:5px; margin-bottom:2px; }

/*
 * CARTE ----------------------------------------------------------
 */
ul.carte { margin:0; padding:0; }
ul.carte li { list-style:none; margin:0 0 9px 0; padding:0 0 0 15px; background:url("../img/puce.png") top left no-repeat; line-height:18px; }
ul.carte li.last { margin:0 0 0 0; }
ul.carte li a { color:#FFFFFF; text-decoration:none; }
ul.carte li a:hover { text-decoration:underline; }
ul.carte li ul { margin:9px 0 0 7px; padding:0; }
ul.carte li ul li,
ul.carte li ul li.last { list-style:none; margin:5px 0 0 0; padding:0 0 0 15px; background:url("../img/puce2.png") top left no-repeat; }
ul.carte li ul li a { }
ul.carte li ul li a:hover { }

p.nomrepas-nomargin, p.nomrepas { color:#FFCA1F; font-weight:bold; }
p.descrcat { margin:0; padding:0; }
p.prix1 {  }
p.prix2 {  }

/*
 * 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 {
	
}

div.menu						{ background:url("../img/bg_menu.png") top left repeat; }
div.menu ul						{ margin:0; padding:0; height:40px; text-align:center; }
div.menu ul li					{ list-style:none; display:block; float:left; height:40px; }
div.menu ul li a				{ color:#FFFFFF; text-transform:uppercase; line-height:40px; display:block; padding:0 9px; background:transparent url("../img/bg_li.jpg") top right no-repeat; font-weight:bold; }
:root div.menu ul li a			{ padding:0 15px \0/IE9; }
div.menu ul li a.first,
div.menu ul li:first-child a	{ padding-left:15px; }
:root div.menu ul li a.first	{ padding-left:17px \0/IE9 !important; }
div.menu ul li a.last,
div.menu ul li:last-child a		{ padding-right:15px; background:none; }
:root div.menu ul li a.last		{ padding-right:18px \0/IE9 !important; }
div.menu ul li a:hover			{ background:#390D01 url("../img/bg_li.jpg") top right no-repeat; text-decoration:none; }
div.menu ul li a.last:hover		{ background:#390D01 !important; }


.logo {
	background:url("../img/logo.png") top left no-repeat;
	width:305px;
	height:271px;
	position:absolute;
	display:block;
	margin:0 0 0 -54px;
}
.logo-block {
	width:251px;
	height:271px;
	display:block;
}

div.news {
	background:url("../img/bg_news.png") top left no-repeat;
	width:207px;
	height:160px;
	position:absolute;
	display:block;
	margin:0 0 0 -20px;
	padding:20px 20px 0 40px;
	font-size:11px;
	z-index:100;
}

div.news-block {
	width:187px;
	height:160px;
	display:block;
	padding:20px 20px 0 40px;
}

div.right {
	width:710px;
	float:left;
}

div#terrasse_flash { float:right; margin:-25px -10px 0 10px; background:url("../img/fd_terrasse.png") center left no-repeat; }

/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; padding:0; margin:0 0 40px 0; z-index:101; }
#navigation li		{ list-style:none; margin:0 0 20px 24px; padding:0 0 0 70px; background:url("../img/li_menu.png") center left no-repeat; }
#navigation li a		{ display:block; margin:0; padding:0; border:0; text-decoration:none; font-weight:normal; vertical-align:middle;  font-size:21px; color:#FFFFFF; border-bottom:1px #FFFFFF solid; width:126px; }
#navigation li a:hover	{ color:#FFCA1F; border-bottom:1px #FFCA1F solid; }
#navigation li.current a
,#navigation li.jd_menu_hover_toolbar a    		{ background:url("") top left repeat-x;  }
#navigation li.current ul li a
,#navigation li.jd_menu_hover_toolbar ul li a 	{ background:url(""); }

#navigation li ul { display:none; position:absolute; background-color:#8A2010; clear:left; height:auto; padding:0; margin:-1px 0 0 70px; border-top:1px #FFCA1F solid; z-index:101; }
#navigation li ul li { display:block; float:none; background:url(""); background-color:#C02942; padding:0; margin:0; list-style-position:outside; border:1px solid #FFCA1F; border-top:0; font-size:0.9em; }
#navigation li ul li a { display:block; float:none; background:url(""); background-color:#C02942; background-image:none; margin:0; padding:5px 4px; line-height:normal; color:#FFFFFF; font-size:0.9em; border-bottom:0; width:116px; }
#navigation li ul li a:hover
,#navigation li.jd_menu_hover_toolbar ul li a:hover
,#navigation li ul li.current a { background:#53777A url(""); color:#FFFFFF; border-bottom:0; cursor:pointer; }

#navigation li ul li ul { display:none; position:absolute; background-color:#ffffff; clear:left; height:auto; padding:0; margin:-1px 0 0 2px; border-top:1px solid #FFCA1F; z-index:101; }
#navigation li ul li ul li { display:block; float:none; background:url(""); background-color:#C02942; padding:0; margin:0; list-style-position:outside; border:1px solid #FFCA1F; border-top:0; font-size:0.9em; }
#navigation li ul li ul li a { display:block; float:none; background:url(""); background-color:#C02942; background-image:none; margin:0; padding:5px 4px; line-height:normal; color:#FFFFFF; font-size:0.9em; border-bottom:0; width:116px; }

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 */
div.contact_form { width:404px; float:left; }

fieldset.required { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:0; border:0; padding:0; /*background:#ffffff;*/ display:block; background:transparent url('../imgshop/shop_bg_td.png') bottom left repeat-x; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0; }
fieldset.normal legend.img { margin:0; }
fieldset.normal p { text-align:left; margin:0; }
fieldset.normal ul { /*width:262px;*/ margin:12px 0 0 0; padding:0; }
fieldset.normal ul li { float:left; list-style-type:none; margin:4px 0; padding:0; background:url('../img/bg_li.png') left top no-repeat; }
fieldset.normal ul li.nobg { list-style-type:none; margin:0; padding:0; background:url('') left top no-repeat; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { display:block; margin:0 5px 0 0; padding:0; width:123px; float:left; font-weight:bold; text-align:right; line-height:22px; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; margin:0; background-color:#390D01; color:#FFFFFF; /*border:1px #542437 solid;*/ float:left; width:254px; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; vertical-align:middle; }
fieldset.normal ul li.radio { border:0; }
fieldset.normal ul li.radio input { float:left; background:url('') right top no-repeat; border:0; }
fieldset.normal ul li.radio label { float:left; margin:0; border:0; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus { border:1px #FFFFFF solid; }
fieldset.normal input[type=image] { border:1px #ff0000 solid; }
fieldset.normal input:hover, fieldset.normal input:focus, textarea:hover { border:1px #FFFFFF solid; }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { vertical-align:middle; margin:0; background-color:#390D01; color:#FFFFFF; float:left; width:250px; }
fieldset.normal textarea.big { height:12em; }
fieldset.normal textarea:hover { border:1px #FFFFFF solid; }
fieldset.normal textarea.error { width:253px; }

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

fieldset.normal button.submit { display:block; cursor:pointer; margin:0 0 0 330px; padding:0; width:60px; height:26px; background-color:#390D01; border:1px #BBBBBB solid; color:#FFFFFF; }
fieldset.normal button.submit:hover { border:1px #FFFFFF solid; }

span.required { color:#FFCA1F; }

input.img_fiel { border:1px #ff0000 solid; float:left; }

div.plan { float:left; display:block; width:262px; height:471px; background:url('../img/bg_plan.png') top left no-repeat; border:0; outline:0; margin:-6px 0 0 0; padding:30px 0 0 40px; color:#000; font-size:15px; line-height:1.5; }

div.plan a { color:#53777A; text-decoration:underline; }
div.plan a:hover { color:#53777A; text-decoration:none; }

/*a.link_plan { display:block; width:275px; height:370px; border:0; outline:0; margin:25px 0 0 0; padding:10px 0 0 15px; }

div.plan p { text-align:left; margin:10px 0 0 0px; }*/


/*
* 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; margin:10px 0 0 0; padding:0; }
.block_actualites li { display:block; margin:0 0 8px 0; padding:0; width:217px; }
.block_actualites li p { margin:5px 0 0 127px; padding:0; }
.block_actualites li p a { color:#FFCA1F; text-decoration:none; background:url("../img/li_a.png") center left no-repeat; margin:0; padding:0 0 0 10px; }
.block_actualites li a:hover { text-decoration:underline; }
.block_actualites h3 { }
.block_actualites .img { float:right; margin:0; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:1em;  }
.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; }

h2.titreactu-nomargin	{ }
h2.titreactu			{ margin-top:13px; }

div.clearme { *clear:none; }