/*
 * ------------ 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 ------------------------------
 */
 
@font-face {
	font-family: 'ZapfinoExtraLTProRegular';
	src: url('zapfinoextraltpro-webfont.eot');
	src: local('?'), url('zapfinoextraltpro-webfont.woff') format('woff'), url('zapfinoextraltpro-webfont.ttf') format('truetype'), url('zapfinoextraltpro-webfont.svg#webfontHn9M74qN') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ZapfinoExtraLTPro {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'ZapfinoExtraLTProRegular', sans-serif;
	font-size-adjust: 0.22;
}

html,body{
	margin:0; padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#464030;
}
body{
	/*font: 76% arial,sans-serif; text-align:center;*/
	background-color:#F6F6F6;
}
p {
	margin:0 10px 10px;
}

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

h1, h2, h3, h4, h5, h6 {  }
h1 { color:#AF8821; font-size:18px; font-weight:bold; text-align:left; }
h2 { font-size:16px; font-weight:bold; color:#464030; margin-bottom:4px; }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

ul { margin-bottom:4px; }

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur de la page */
div#container {
	width:990px; /* 62em */
	/* max-width:100%; */
	background-color:#FFFFFF;
	margin:5px auto;
	/*padding:5px;*/
	text-align:left;
	border:solid 1px #C6C5A7;
}

div#header{
	/*padding:10px;
	border:1px #ececec solid;*/
}

div#header #div_logo{
	width:225px; 
	height:100px;
	float:left;
	text-align:center;
}

div#header #div_logo img{
	padding-top:7px;
}

div#header #div_proverbe{
	width:765px; 
	height:100px; 
	float:right;
	background:url("../img/header_proverbe_bg.png") repeat-x bottom left;
}

div#header #div_proverbe #div_lang {
	float:right;
	padding-top:80px;
	padding-right:10px;
	position:relative;
}

div#header #div_proverbe #div_lang ul {
	margin:0;
}

div#header #div_proverbe #div_lang ul li {
	float:left;
	display:inline;
	list-style:none;
	padding-right:3px;
}

div#header #div_proverbe #div_lang ul li a.current {
	font-weight:bold;
}


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

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

div#center-home, div#center-catalogue, div#center-historique, div#center {
	width:100%; 
	height:610px;
	background:url("../img/bg-center-home.jpg") no-repeat top center;
}

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

div#center-historique {
	background:url("../img/bg-center-historique.png") no-repeat top center;
}

div#center div.col-right-center {
	margin-left:350px; width:410px; padding-top:10px; padding-right:5px; color:#464030;
}




div#center-home div.col-left-center, div#center-catalogue div.col-left-center {
	background:url("../img/bg-center-left.png") repeat top center;
	behavior: url("/iepngfix/iepngfix.htc");
	width:245px;
	height:100%;
}


div#center-catalogue div.col-left-center {
	background:url("../img/bg-center-left-catalogue.png") repeat top center;
	behavior: url("/iepngfix/iepngfix.htc");
	width:180px;
}

div#center-catalogue div.col-left-center ul#list-produits {
	list-style:none;
	margin:0px;
}

div#center-catalogue div.col-left-center ul#list-produits li{
	margin-bottom:4px;
}

div#center-catalogue div.col-left-center ul#list-produits a{
	color:#FFF;
}

div#center-catalogue div.col-left-center ul#list-produits a:hover{
	text-decoration:underline;
}

div#center-catalogue div#fiche-produit h1{
	color:#464030;
	border-bottom:solid 1px #af8821;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
}

div#center-catalogue div#fiche-produit h2{
	color:#af8821;
	font-size:15px;
	font-weight:bold;
	margin-bottom:3px;
}

div#center-catalogue div#fiche-produit p{
	margin-right:0px;
	margin-left:0px;
}

/* bas de page */
div#footer {
	padding:4px 10px 0px;
	height:48px;
	text-align:center;
}
div#copyrights {
	clear:both;
	text-align:center;
	font-size:0.9em;
}

/*
 * 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;
	height:33px;
	border-top:solid 1px #C6C5A7;
	border-bottom:solid 1px #C6C5A7;
}
/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; width:765px; height:33px; float:right; 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:bold; font-style:italic; vertical-align:middle; padding:0px 7px; /padding:0px 5px; color:#464030; font-size:1.1em; margin:0px; white-space: nowrap; line-height:33px; height:33px; }
#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:0px 0 0 0px;  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; }

#navigation-left {
	margin:0;
}

#navigation-left li {
	list-style:none;
	text-align:center;
}

#navigation-left li a:hover, #navigation-left li.current a {
	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 { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:10px auto; border:none; padding:0px 0px 1em 5px; background:#ffffff; display:block; width:395px;}
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:0; margin-bottom:5px; }
fieldset.normal ul { width:390px; margin:0px; }
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:90%; 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:90%; height:6em; line-height:1.3em; }
fieldset.normal textarea.big { height:12em; }
fieldset.normal label.error { width:87%; }


/*
* 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:#FDFCF8; }
.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 h2 { display:block; border-bottom:1px solid #AF8821; padding:0.5em; margin:0; color:#464030; font-size:1.5em; line-height:1; margin-bottom:0;  }
.block_actualites .img { float:right; margin:0 0em 0 1em; clear:left; }
.block_actualites .texte { padding:1em 9px; text-align:justify; }
.block_actualites .texte p { margin:0px; }
.block_actualites .date { display:block; font-size:9px; color:#464030; text-transform:uppercase; text-align:right; padding:0 1em; }

.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; }

div#menu-left {
	padding-bottom:30px;
}

div#menu-left a{
	font-size:15px;
	text-decoration:none;
	color:#464030;
}

div#menu-left a.current { 
	text-decoration:underline;
}

.header-actualite-mini {
	background:url("../img/actualite-header.png") no-repeat top center;
	height:65px;
	width:225px;
}

.content-actualite-mini {
	background-color:#59513E;
	padding:0 20px;
}

.content-actualite-mini h2{
	color:#F90;
	text-decoration:underline;
	margin-bottom:7px;
}

.content-actualite-mini h3 {
	font-size:12px;
	margin-bottom:2px;
}

.content-actualite-mini h3 a{
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}

.content-actualite-mini img {
	max-height:209px;
	max-width:185px;
	_width: expression((this.offsetWidth>=this.offsetHeight) ? 
      Math.min(parseInt(this.offsetWidth), 185 ) : true); 
 	_height: expression((this.offsetHeight>this.offsetWidth) ? 
      Math.min(parseInt(this.offsetHeight), 209 ) : true);
}

.content-actualite-mini .texte {
	color:#FFF;
	margin-bottom:8px;
	font-size:11px;
}

.footer-actualite-mini {
	background:url("../img/actualite-footer.png") no-repeat bottom center;
	background-color:#59513E;
	min-height:53px;
	height:auto !important;
	height:53px;
	width:225px;
}


/* 
* Div scroll-pane
*/
div.col-right-center .scroll-pane
{
	width: 100%;
	height: 595px;
	overflow: auto;
}

a.current { text-decoration:underline; }