/*
 * ------------ 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:#FFFFFF url("../img/bg.jpg") top center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
p {
	margin:0;
	padding:0;
}

a 			{ font-weight:bold; color:#F26101; text-decoration:none; }
a:visited 	{  }
a:hover 	{ color:#F6904D; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size:24px; font-weight:normal; padding:16px 0 0 23px; }
h2 { font-size:14px; font-weight:bold; margin:0 0 5px 0; border-bottom:1px #F6904D dashed; }
h2.actuellement { margin:0 0 10px 0; }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

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

div#header {
	background:url("../img/bg_header.jpg") top left no-repeat;
	height:258px;
	display:block;
}

/* contenu de la page */
div#contenu {
	background:#FFFFFF url("../img/bg_content.jpg") top left no-repeat;
	display:block;
	clear:both;
	margin:0;
	padding:0;
	min-height:275px;
}
div#contenu .textepage {
	margin:20px 25px;
}

/* bas de page */
div#footer {
	background:url("../img/bg_footer.jpg") top left no-repeat;
	height:42px;
	margin:15px 0 0 0;
	padding:33px 0 0 0; 
	display:block;
	font-size:11px;
	color:#999999;
}

/*
 * 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#menu {
	padding:206px 0 0 340px;
}
div#menu ul {
	margin:0;
	padding:0;	
}
div#menu ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	height:52px;
}
div#menu ul li a {
	display:block;
}
div#menu ul li a.menu-accueil {
	height:52px;
	width:92px;
	background:url("../img/menu_accueil.png") top left no-repeat;
}
div#menu ul li a.menu-accueil:hover {
	background-position:0 -60px;
}
div#menu ul li a.menu-accueil-active {
	height:52px;
	width:92px;
	background:url("../img/menu_accueil.png") 0 -60px no-repeat;
}

div#menu ul li a.menu-actuellement {
	height:52px;
	width:244px;
	background:url("../img/menu_actuellement.png") top left no-repeat;
}
div#menu ul li a.menu-actuellement:hover, div#menu ul li a.menu-actuellement-active {
	background-position:0 -60px;
}
div#menu ul li a.menu-actuellement-active {
	height:52px;
	width:244px;
	background:url("../img/menu_actuellement.png") 0 -60px no-repeat;
}

div#menu ul li a.menu-hotel {
	height:52px;
	width:80px;
	background:url("../img/menu_hotel.png") top left no-repeat;
}
div#menu ul li a.menu-hotel:hover, div#menu ul li a.menu-hotel-active {
	background-position:0 -60px;
}
div#menu ul li a.menu-hotel-active {
	height:52px;
	width:80px;
	background:url("../img/menu_hotel.png") 0 -60px no-repeat;
}

div#menu ul li a.menu-contact {
	height:52px;
	width:97px;
	background:url("../img/menu_contact.png") top left no-repeat;
}
div#menu ul li a.menu-contact:hover, div#menu ul li a.menu-contact-active {
	background-position:0 -60px;
}
div#menu ul li a.menu-contact-active {
	height:52px;
	width:97px;
	background:url("../img/menu_contact.png") 0 -60px no-repeat;
}

div#menu ul li a span {
	display:none;
}

div#flashcontent { background:url("../img/bg_diapo.png") top left no-repeat; width:300px; height:235px; padding:0 8px 8px 0; float:right; margin:-40px 1px 0 15px; }

div.plats_du_jour { float:left; width:401px; margin:0 8px 0 0; padding:5px 7px; border:1px #F6904D dashed; }
div.suggestions { float:left; width:401px; margin:0 8px 0 0; padding:5px 7px; border:1px #F6904D dashed; }
div.evenements { float:left; width:401px; margin:0 0 0 8px; padding:5px 7px; border:1px #F6904D dashed; }

/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:2em; padding:0; margin:0;  }
#navigation li		{ float:left; display:inline;  list-style: none; padding:0; margin:0; }
#navigation li a		{ float:left; display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:middle; padding:0px 1em; color:#666666; font-size:1.1em; margin:0px 0.3em 0 0; white-space: nowrap; line-height:2em; border:1px solid #dedede; }
#navigation li a:hover	{ color:#000000; }
#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:#ffffff; clear:left; height:auto; padding:0; margin:-1px 0 0 2px; border-top:1px solid #cccccc; z-index:1000; }
#navigation li ul li { display:block; float:none; padding:0; margin:0; list-style-position:outside; }
#navigation li ul li a { display:block; float:none; background:#ffffff url(""); background-color:#FFFFFF; background-image:none; margin:0; padding:0.2em 0.5em; line-height:normal; color:#666666; border:1px solid #cccccc; border-top:0; font-size:0.9em;}
#navigation li ul li a:hover
,#navigation li.jd_menu_hover_toolbar ul li a:hover
,#navigation li ul li.current a { background:#eeeeee url(""); color:#000000; }

div#menubas {
	display:block;
	float:left;
	width:140px;
	padding:0 0 0 90px;
}
div#menubas ul { list-style-type:none; margin:0; padding:0; }
div#menubas ul li { margin:0; line-height:14px; }
div#menubas ul li a 			{ text-decoration:none; font-size:11px; color:#999999; }
div#menubas ul li a:visited 	{ text-decoration:none; }
div#menubas ul li a:hover 		{ text-decoration:underline; }

div#adresse {
	float:left;
	width:541px;
	line-height:14px;
}

div#copyrights {
	float:left;
	width:114px;
	padding:0 15px 0 0;
}

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 { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:10px auto; border:1px #cacaca solid; padding:1em 2em; background:#ffffff; display:block; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0 0 0 -0.3em; }
fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
fieldset.normal p { text-align:center; margin-bottom:5px; }
fieldset.normal ul { }
fieldset.normal ul li { list-style-type:none; margin-bottom:0.2em; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { display:block; margin:0 0 0 0; font-weight:bold; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; width:97%; vertical-align:middle; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus {  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:97%; height:6em; line-height:1.3em; }
fieldset.normal textarea.big { height:12em; }*/

div.contact { width:471px; float:left; padding-right:9px; }
div.plan { float:left; display:block; width:360px; height:458px; background:url('../img/bg_plan.png') top left no-repeat; border:0; outline:0; margin:15px 0 0 10px; padding:0; color:#000; font-size:12px; }

form#form_contact { width:471px; }

fieldset.required { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:0; padding:0; border:0; width:471px; display:block; }
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; padding:0; }
fieldset.normal ul.form-object { margin:12px 0 0 0; padding:0; }
fieldset.normal ul.form-captcha, fieldset.normal ul.form-left { margin:12px 0 0 15px; padding:0; float:left; width:210px; }
fieldset.normal ul.form-right { margin:12px 0 0 25px; padding:0; float:left; width:210px; }
fieldset.normal ul li, fieldset.normal ul.form-object li, fieldset.normal ul.form-captcha li, fieldset.normal ul.form-left li, fieldset.normal ul.form-right li { float:left; list-style-type:none; margin:4px 0; padding:0; background:url('../img/li.png') left top no-repeat; }
fieldset.normal ul.form-left li.nobg, fieldset.normal ul.form-right li.nobg { list-style-type:none; margin:0; padding:0; background:url('') left top no-repeat; }
fieldset.normal legend img { display:inline; }
fieldset.normal ul.form-object label { display:block; margin:0 5px 0 0; padding:0; width:100px; font-weight:bold; text-align:left; line-height:22px; }
fieldset.normal ul.form-captcha label { display:block; margin:0 5px 0 0; padding:0; width:100px; font-weight:bold; text-align:left; line-height:22px; }
fieldset.normal ul.form-left label { display:block; margin:0 5px 0 0; padding:0 0 0 15px; width:195px; font-weight:bold; text-align:left; line-height:22px; }
fieldset.normal ul.form-right label { display:block; margin:0 5px 0 0; padding:0 0 0 15px; width:195px; font-weight:bold; text-align:left; line-height:22px; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; margin:0; background:#FFFFFF url('../img/bg_input.jpg') left bottom no-repeat; color:#000000; border:1px #F26101 solid; /*float:left;*/ width:200px; }
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 {  }
fieldset.normal input[type=image] { border:1px #ff0000 solid; }
fieldset.normal input:hover, fieldset.normal input:focus, textarea:hover { border:1px #FF3E34 solid; }
fieldset.normal select { vertical-align:top; float:left; margin:0; padding:0; height:22px; border:1px #745160 solid; }
fieldset.normal textarea { vertical-align:middle; margin:0; background:#FFFFFF url('../img/bg_input.jpg') left bottom no-repeat; color:#000000; border:1px #F26101 solid; float:left; width:196px; height:120px; }
fieldset.normal textarea.big { height:12em; }
fieldset.normal textarea:hover { border:1px #FF3E34 solid; }
fieldset.normal textarea.error { width:201px; }

fieldset.normal ul.send { margin:0; padding:0; }
fieldset.normal ul.send label { display:block; margin:0 5px 0 0; padding:0 0 0 15px; width:195px; font-weight:bold; text-align:left; line-height:22px; }

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

fieldset.normal button.submit { display:block; width:105px; height:39px; border:0; background:url('../img/btn_envoyer.jpg') top left no-repeat; cursor:pointer; margin:30px 0 0 50px; }
fieldset.normal button.submit:hover { background-position:0 -40px ; }


/*
* 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 5px 1em 0; padding:0.5em; background-color:#F6F6F6; width:45%; 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 #00CCCC 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; }
.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; }