/*
 * ------------ 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:5px 0 0 0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F5F1D8;
	font-size:12px;
	color:#663306;
}
p {

}

a 			{ color:#9D5100; text-decoration:none; font-weight:bold; }
a:visited 	{  }
a:hover 	{ color:#9D5100; text-decoration:underline; }

img { border:0; }

h1, h2, h3, h4, h5, h6 {  }
h1 { text-transform:uppercase; font-size:20px; margin:0; padding:0 0 10px 0; }
h2 { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0; }
h3 { font-size:13px; font-weight:bold; margin:5px 0 5px 0; padding:0; }
h4 { text-transform:uppercase; font-size:20px; margin:0; padding:0; }
h5 {  }
h6 {  }

/*
 * CONTENEURS Index (de haut en bas) ------------------------------------
 */
/* conteneur de la page d'index */
div#container_index {
	width:902px;
	background-color:#F5F1D8;
	margin:0 auto;
	background:url("../img/bg_index.jpg") center top no-repeat;
}

div#content_index { }

div#mid_index { height:775px; }

#entree {
	display:block;
	width:902px;
	height:760px;
	position:absolute;
}

div#actualites_index {
	width:451px;
	float:left;
	background:url("../img/box_index_bottom.gif") center top no-repeat;
}

div#boutique_index {
	width:451px;
	float:right;
	background:url("../img/box_index_bottom.gif") center top no-repeat;
}

div#box_index_top {
	height:13px;
	background:url("../img/box_index_top.gif") center top no-repeat;
}

div#box_index_mid {
	background:url("../img/box_index_mid.gif") center top repeat-y;
	padding:0 32px;
}

div#box_index_bottom {
	height:13px;
	background:url("../img/box_index_bottom.gif") center bottom no-repeat;
}

p.actualites_index {
	text-align:left;
	padding:0;
	margin:0;
	/*font-family:"Times New Roman", Times, serif;*/
	/*font-size:18px;*/
	/*font-weight:bold;*/
}

div#box_index_mid a { color:#000000; font-size:12px; font-weight:bold; }

div#box_index_mid a:visited { }

div#box_index_mid a:hover { color:#9D5100; }

p.lien-black { margin:5px 0 0 5px; padding:0 0 0 25px; background:url("../img/tonneau.gif") left 2px no-repeat; }

p.boutique_index {
	text-align:right;
	padding:0;
	margin:0;
	/*font-family:"Times New Roman", Times, serif;*/
	/*font-size:18px;*/
	/*font-weight:bold;*/
}

/* bas de page */
div#footer_index {
	color:#663306;
	font-size:11px;
}

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur de la page */
div#container {
	width:770px;
	background-color:#F5F1D8;
	margin:0 auto;
}

div#header {
	background:url("../img/header.jpg") center top no-repeat;
	height:306px;
	padding:0;
	margin:0;
}

div#header_flash {
	padding:10px 10px 0 10px;
	height:296px;
}

#lien-home {
	background:url("../img/pix.gif") left top repeat;
	display:block;
	width:750px;
	height:296px;
	position:absolute;
	margin:10px 10px 0 10px;
}
#lien-home2 {
	background:url("../img/pix.gif") left top repeat;
	display:block;
	width:159px;
	height:152px;
	position:absolute;
	margin:345px 0 0 34px;
	z-index:1;
}

div#menu {
	background:url("../img/menu.jpg") center top no-repeat;
	height:40px;
}

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

div#mid {
	background:url("../img/logo.jpg") left top no-repeat;
	min-height:180px;
	padding:20px 35px 5px 35px;
	display:block;
	clear:both;
	margin:0;
	text-align:justify;
}

div#logo {
	height:165px;
	width:190px;
	float:left;
}

/* bas de page */
div#footer {
	background:url("../img/footer.jpg") center top no-repeat;
	font-size:10px;
	color:#999999;
}

div#footer a {
	color:#999999;
}

div#copyrights {
	clear:both;
	text-align:center;
}

/* balises spécifiques à tpl_accueil3.php (page d'accueil) */
div#mid_tpl_accueil3 {
	background:url("../img/logo.jpg") left top no-repeat;
	height:380px;
	padding:20px 35px 1px 35px;
	display:block;
	clear:both;
	margin:0;
}

div#logo_tpl_accueil3 {
	height:165px;
	width:190px;
	position:absolute;
}

div#bienvenue {
	/*background:url("../img/bienvenue.jpg") left top no-repeat;*/
	width:320px;
	line-height:22px;
	position:absolute;
	margin:0 0 0 190px;
	padding:0 0 0 5px;
}

div#photos_bienvenue {
	width:205px;
	position:absolute;
	margin:0 0 0 500px;
	padding:10px 0 0 0;
}

div#boutique {
	/*background:url("../img/boutique.jpg") left top no-repeat;*/
	width:205px;
	position:absolute;
	margin:180px 0 0 0;
	padding:0 0 0 5px;
}

div#rester_informe {
	/*background:url("../img/rester_informe.jpg") left top no-repeat;*/
	width:220px;
	position:absolute;
	margin:270px 0 0 480px;
	padding:0 0 0 5px;
	font-size:10px;
}

div.mailctrl_div {
	width:190px;
	padding-top:2px;
	height:27px;
}

input.mailctrl_input {
	background:url("../img/newsletter.jpg") left top no-repeat;
	background-color:transparent;
	border:0;
	height:22px;
	width:140px;
	margin:5px 0 0 5px;
	padding:4px 5px;
	color:#663306;
	font-size:10px;
}

input.mailctrl_submit { font-size:12px; font-weight:bold; padding:0; margin:5px 0 0 2px; vertical-align:top; border:0; background-color:transparent; color:#663306; }

p.actu_publiee { margin:0 0 24px 0; }

/* divers */

ul.liens { margin:0px; padding:0px; margin-left:10px; }

ul.liens li { vertical-align:middle; list-style:none; }

ul.liens li a { display:inline; }


span.mentions-legales { color:#000000; font-weight:bold; margin-left:-5px; }

p.mentions-legales { margin-left:-5px;}

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


hr { height:1px; margin:0 0 0 -5px; padding:0; }


table.menu-cgv p { margin:0 0 0 -5px; }


ul.plan-du-site { margin:0 0 0 10px; padding:0 0 0 195px; }

ul.plan-du-site li { }

ul.plan-du-site li a { display:inline; }

ul.plan-du-site a { color:#000000; }

ul.plan-du-site a:visited { }

ul.plan-du-site a:hover { color:#663306; }

/*
 * 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 {
	display:block;
}
/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:2em; padding:0; margin:-1px 0 0 0; font-family:"Times New Roman", Times, serif; }
#navigation li		{ display:inline; list-style: none; padding:0; margin:0; }
#navigation li a		{ display:inline; border:0; text-decoration:none; font-weight:bold; vertical-align:middle; padding:0; color:#FFFFFF; font-size:15px; margin:0 10px 0 10px; white-space:nowrap; }
#navigation li a:hover	{ color:#534835; }
#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;
	margin:0;
}
div#menubas ul { list-style-type:none; margin:0; padding:0; }
div#menubas ul li { display:inline; margin: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 ----------------------------------------------------------
 */
 
 /*panier */
 #panier {
	margin: 0px 10px 0px 300px; 
	padding: 10px 0 0 30px;
	font-size: 10px;
	color: #cccccc;
	text-align: right;
}

.caddie {
	display: inline;
	padding-left: 30px;
	background:url("../img/caddie.gif") left center no-repeat;
} 
 
 
 
 
/* 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%; border:1px #cacaca solid; }
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 */
#form { width:700px; }

fieldset .required { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:10px auto; border:1px #cacaca solid; padding:1em 2em; background:#ffffff; display:block; width:550px; }
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; }

/* formulaire */

/*#form {
	margin-bottom:50px;
}

#form legend {
	margin-left:1em;
	padding: 0 6px 0 6px;
	color: #000000;  
	font-weight: bold;
}

#form ul {  
	padding: 1em 1em 0 1em;  
	list-style: none;
}

#form li {  
	padding: 3px 3px 3px 5px;
	margin-bottom:5px;
	background-color:#ffffff;
	border:0px;
	display:block;
}

#form label {
	display:block;
	width:110px;
	float:left;
}

#form p {
	margin-left:28px;
}

.asterisque {
	font-size:10px;
	color:#FF0000;
}

#form label.error{
	display:block;
	clear:both;
	float:none;
	white-space:nowrap;
	margin-left:110px;
	font-size:10px;
	color:#FF0000;
	font-style:italic;
}

input.error {
	border:1px #990000 solid;
}

.div_error, .form_error {
	background:#FBEED0 url("../img/bg_error_mini.png") top left no-repeat;
	padding:3px 0 3px 26px;
	color:#F80000;
	font-weight:bold;
	font-size:12px;
	margin:0.5em 0;
}

.div_success, .form_success {
	background:#EAFAC9 url("../img/bg_success_mini.png") top left no-repeat;
	padding:3px 0 3px 26px;
	color:#008301;
	font-weight:bold;
	font-size:12px;
	margin:0.5em 0;
}

.normal td {
	width:340px;
}*/

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

/*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:hover{ color:red; }