/*
 * ------------ 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{
	font-family:Arial, Helvetica, sans-serif;
	background:#ffffff url("../img/bg_bottom.jpg") center top no-repeat fixed;
}
p {
	margin:0 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
}

a 			{  }
a:visited 	{  }
a:hover 	{  }

h1, h2, h3, h4, h5, h6 {  }
h1 { font-family:Geneva, Arial, Helvetica, sans-serif; size:26px; }
h2 { size:22px; }
h3 { font-family:Arial, Helvetica, sans-serif; size:18px;  }
h3.sifr { font-family:Arial, Helvetica, sans-serif; size:18px; margin:10px 0 8px 8px; }
h4 { font-family:Arial, Helvetica, sans-serif; size:14px; height:auto; }
h5 { font-weight:bold; size:12px; }
h6 { size:11px; }

hr { border:1px solid #660000; width:33%; margin-left:300px; }

hr.vins { border:1px solid #660000; width:210px; margin-left:220px; }

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

div#content{
	padding:0;	background:url("../img/bg-mid.png") center top repeat-y;
}

.logo{
 	padding:20px 0px 0 250px;
	position:absolute;
	z-index:1;
	width:380px;
	height:105px;
/*	border:1px solid #FF0000;*/
}

div#header{
	width:870px;
	height:231px;
	background:url("../img/bg-header.png") center top no-repeat;
	position : relative;
}

div#header ul{
	position : absolute;
	top : 35px;
	right : 10px;
	list-style:none;
}

div#header ul li{
	float : left;
	margin-left : 5px;
}

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

/* contenu de la page */
div#contenu {
	display:block;
	clear:both;
	margin:0;
	padding:15px 10px;
	border:0px;
}

div#mid{
	padding:15px 15px 5px 15px;
}

div#mid .textepage {
	margin:0;
}
div#mid table { margin:0; }
div#mid table tr td .textepage p { margin:0; }
div.liens {
	padding:0 10px;
}
div.liens a {
	color:#6F3428;
	text-decoration:underline;
}
div.liens a:hover {
	text-decoration:none;
}
div.liens table td {
	background:url("../img/bg_liens.jpg") left top no-repeat;
}


/* bas de page */
div#footer {
	/*border-top:1px solid #ff0000;*/
	height:55px;
	margin:0px auto;
	background:url("../img/bg-footer.png") center center no-repeat ;
	text-align:center;
	font-size:11px;
}

#footer a 			{ color:#1D5E97; text-decoration:none; }
#footer a:visited 	{ color:#666666; text-decoration:none; }
#footer a:hover 	{ text-decoration:underline; }


.nous{
	float:right;
	background:url("../img/nous.gif") no-repeat;
	height:20px;
	width:78px;
	padding-right:10px;
	padding-top:0px;
}

.pic {
	width:640px;
	/*height:66%;*/
	border:1px solid #1C4E19;
	padding:2px 2px 2px 2px;
}

.picg {
	width:175px;
	border:1px solid #1C4E19;
	padding:2px 2px 2px 2px;
	margin:0 10px 6px 0;
}
.picd {
	width:175px;
	border:1px solid #1C4E19;
	padding:2px 2px 2px 2px;
	margin:0 0 6px 10px;
}
/*
 * MENUS ----------------------------------------------------------
 */

div#menuhaut {
	float:right; font-size:11px; color:#CFDC7B; 
}
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 0;
	padding:1.8em 1em 0 2.3em;
	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 {
	
}

#lien-home {
	/*background:url("../img/pix.gif") left top repeat;*/
	display:block;
	width:455px;
	height:175px;
	position:absolute;
	margin:40px 10px 0 205px;
}

div#menu {
	display:block;
	width:870px;
	height:35px;
	background:url("../img/bg_menu.png") center top no-repeat;
}

#lang {
	position:absolute;
	background:url("../img/lang.png") left bottom no-repeat;
	float:right;
	padding:0;
	margin-top:0px;
	margin-right:0px;
	margin-left:780px;
	width:69px;
	height:20px;
}

div#lang ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0; margin:-20px 0 0 0; 
}

div#lang ul li { padding:0 5px 0 0; margin:0px; float:left; display:inline; }

p.lien_boutique { text-align:right; }

p.lien_boutique a { color:#6E3326; text-decoration:none; }

p.lien_boutique a:hover { color:#371A13; text-decoration:underline; }

/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:44px; padding:0; margin:0 0 0 13px; }
#navigation li		{ display:inline; list-style:none; float:left; padding:0; margin:0; }
#navigation li a	{ display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:middle; padding:5px 14px 0 14px; color:#FFFFFF; font-size:18px; margin:0; white-space:nowrap; height:30px; font-family:"Times New Roman", Times, serif; }
#navigation li a:hover	{ background:url("../img/bg_menu_top.jpg") left top no-repeat;  color:#000000; text-decoration:none; }
#navigation li.current a { background:url("../img/bg_menu_top.jpg") left top no-repeat;  color:#000000; text-decoration:none; }
,#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;
	margin:0;
	font-size:0.9em;
	text-align:center;
}
div#menubas ul { list-style-type:none; margin:0; padding:0; }
div#menubas ul li { display:inline; margin:0; text-align:center;}
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;
}

/* Pr les gammes et les vins */

DIV.block_results { margin:8px 0px; padding:0px; }
	DIV.block_results .titre { font-size:17px; color:#56591E; font-weight:normal; margin-bottom:5px; display:block; }
	DIV.block_results UL { margin:0px; padding:0px; list-style:none; list-style-position:outside; width:390px; }
	DIV.block_results LI DIV.puce { width:12px; height:auto; }
	DIV.block_results LI { font-weight:normal; color:#666666; margin-left:0px; padding-left:0px; }
	DIV.block_results LI:hover {  }
	DIV.block_results LI.li { color:#000000; }
	DIV.block_results LI a { color:#888888; text-decoration:none; text-indent:0px; display:block; background:url('../img/block1_a.gif') top left no-repeat; padding-top:15px; text-align:justify; }
	DIV.block_results LI a:visited { color:#999999; }
	DIV.block_results LI a:hover { color:#666666; background-color:#F8F7F0; text-indent:0px; }
	DIV.block_results LI DIV { font-weight:normal; color:inherit; padding:0px; border:0px; }
	DIV.block_results LI a span.contenu { display:block; padding:8px; padding-bottom:0px; color:#999999; }
	DIV.block_results LI a SPAN.div { display:block; font-weight:normal; padding:4px 3px; border:0px; }
	
	DIV.block_results LI a SPAN h4 { font-weight:normal; font-size:14px; color:#56591E; padding:0px; line-height:12px; padding-left:15px; }
	DIV.block_results LI a SPAN h5 { display:block; font-weight:normal; color:#000000; padding:0px; line-height:14px; font-size:12px; margin-top:4px; width:375px; padding-left:15px; }

	DIV.block_results LI a SPAN.bottom { line-height:8px; height:8px; display:block; background:url('../img/block1_b.gif') bottom left no-repeat; clear:both; }
	
	DIV.block_results LI a IMG.pic { float:left; margin-right:8px; }


.imgcateg {
	float:right; 
	margin:-34px 13px 0 11px;
 	width:100px; 
	height:75px;
	padding:2px 2px 2px 2px;
	border:1px solid #666666;
}

.fiche{
	margin-left: auto; 
	margin-right: auto;
	background:url("../img/fd-fiche_haut.gif") no-repeat;
	height:100%;
	width:610px;
	padding:30px 15px 0 10px;
}

.fichebottom { line-height:11px; height:11px; display:block; background:url('../img/fd-fiche_bas.gif') bottom left no-repeat; clear:both; margin:0 0 0 -10px; }

.img-cave {
	border:1px solid #CCCCCC; padding:2px 2px 2px 2px;
}

.bg-cave {
	background:url("../img/fd-cave.gif") center bottom no-repeat;
	width:730px;
}
a.up {
	font-size:9px;
	background:url("../img/up.gif") left bottom no-repeat;
	padding-left:22px;
}

p.up { margin:0 0 0 550px; padding:0; }

ul.menu_vins { list-style:none; margin:0; }
ul.menu_vins li { background:url("../img/btem.gif") left top no-repeat; padding:0 0 0 25px; }
ul.menu_vins li a { color:#652518; text-decoration:underline; line-height:25px; }
ul.menu_vins li a:visited { color:#652518; }
ul.menu_vins li a:hover { color:#652518; text-decoration:none; }

ul.actu { list-style:none; margin:0; }

ul.actu li { margin:0 0 20px 0; }

/*
* 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_new { margin:0 0 0 20px; width:390px; float:left; }
div.contact_new fieldset { background-color:#CDD767; width:450px; color:#666666;}
div.contact_new fieldset .required { font-size:1.2em; color:#CC0000; }
div.contact_new fieldset.normal { margin:0 0 0 10px; border:1px #FFFFFF solid; padding:1em 0; background:transparent; display:block; border:0px #ff0000 solid; width:380px; }
div.contact_new fieldset.normal legend { font-size:14px; background-color:transparent; margin:0 auto; }
div.contact_new fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
div.contact_new fieldset.normal p { text-align:center; margin-bottom:5px; }
div.contact_new fieldset.normal ul { padding:0; margin:0; }
div.contact_new fieldset.normal ul li { list-style-type:none; margin-bottom:1em; text-align:left; clear:both; position:relative; border:0px #093 solid; }
div.contact_new fieldset.normal legend img { display:inline; }
div.contact_new fieldset.normal label { width:110px; display:block; float:left; margin:0 0 0 0; font-weight:bold; border:0px #ff0000 solid; line-height:30px; background:url('../img/bg_label.jpg') 0px 6px no-repeat; padding-left:22px; }
div.contact_new fieldset.normal label.error { width:220px; font-size:10px; display:block; float:left; margin:0 0 4px 0; font-weight:bold; border:0px #ff0000 solid; line-height:10px; background:url('') left top no-repeat; padding-left:145px; }
div.contact_new fieldset.normal .inline { display:inline; }
div.contact_new fieldset.normal input { vertical-align:middle; }
div.contact_new fieldset.normal input[type=text], fieldset.normal input.text, fieldset input[type=password] { width:194px; display:block; vertical-align:middle; float:left; clear:right; margin:0; background:url('../img/bg_input.png') 0px 0px no-repeat; border:0; padding:7px 16px 7px 10px; }
div.contact_new fieldset.normal input[type=file] { display:block; }
div.contact_new fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus { background-position:0px -50px;  }
div.contact_new fieldset.normal select { width:100%; display:block; }
div.contact_new fieldset.normal textarea { display:block; width:195px; height:5.5em; line-height:1.3em; background:url('../img/bg_textarea.png') 0px 0px no-repeat; border:0; padding:10px 10px; margin-bottom:-12px;}
div.contact_new fieldset.normal textarea.big { height:10em; }
div.contact_new fieldset.normal textarea:focus { background-position:0px -100px;  }
div.contact_new fieldset.normal button.submit { margin:5px auto 0 auto; width:215px; display:block; background:url('../img/bg_submit.png') 0px 0px no-repeat; height:61px; /*text-indent:-9999px;*/ border:0; cursor:pointer; }
div.contact_new fieldset.normal button.submit:hover {  background-position:0px -60px; }
div.contact_new fieldset.normal button.submit_en:hover {  background-position:0px -60px; }

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

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* Bloc plan d'accès */
a.plan_acces { display:block; height:507px; width:386px; background:url('../img/contact.jpg') 0px -520px no-repeat; margin:0; padding:0; border:0; /*text-indent:-9999px;*/ outline:0; }
a.plan_acces:hover { background-position:0px 0px; }

/*
* Page recettes */
div.block_recettes 					{ margin:0 13px 3px 15px; }
div.block_recettes h1				{ margin:0 0 3px 0; padding:0; font-size:24px; }
div.block_recettes ul 				{ list-style:none; margin:0; padding:0; }
div.block_recettes ul li 			{ border-bottom:solid 1px #D9C5A1; margin:0; float:left; width:406px; }
div.block_recettes ul li a 			{ text-decoration:none; cursor:pointer; color:#5B170A; display:block; padding:10px; }
div.block_recettes ul li:hover a,
div.block_recettes ul li:hover a h2	{ color:#FFFFFF; }
div.block_recettes ul li a h2		{ margin:0; padding:0; font-size:16px; line-height:17px; }
div.block_recettes ul li:hover		{ background-color:#5B170A; }
div.block_recettes ul li a img		{ float:left; margin:0 10px 0 0; height:90px; border:1px #FFFFFF solid; }
div.block_recettes ul li a .restau	{ font-style:italic; display:block; margin-top:2px; }

div.recette 						{ margin:0 13px 0 15px; }
div.recette h1						{ margin:0 0 3px 0; padding:0; font-size:24px; }
div.recette a 						{ text-decoration:none; color:#5B170A; }
div.recette a.btnRetour				{ }
div.recette a/*.btnRetour*/:hover	{ text-decoration:underline; }
div.recette a h2					{ color:#FFFFFF; }
div.recette div.phot				{ float:left; margin:0 20px 0 0; }
div.recette div.phot img			{ width:300px; float:left; }
div.recette div.des					{ width:492px; float:left; }
div.recette .restau					{ font-style:italic; color:#5B170A; font-weight:bold; }
div.recette div.texte				{ text-align:justify; }
div.recette span.date				{ color:#5B170A; }
div.recette table tr td				{ margin:0; padding:0; }
div.recette div.rest				{ border:2px #5B170A solid; padding:8px 10px; }

/*disclaimer*/	
div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
div#disclaimer-cadre b{ font-size:14px; color:black; }
div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
div#disclaimer-cadre a:h



