/*
 * ------------ 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: 76% arial,sans-serif; text-align:center;*/
	background:#015B76 url("../img/fd-page.jpg") left top repeat-x;

}
p {
	margin:0 10px 10px 0; text-align:justify;
}

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

h1, h2, h3, h4, h5, h6 {  }
h1 { }
h2 {  }
h3 { color:#FFFFFF;  font-size:14px;}
h4 { color:#FFFFFF;  }
h5 {  }
h6 {  }

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

div#header{
	background:#FFFFFF url("../img/fd-header.jpg") center top no-repeat;
	/*border:1px #00FF00 solid;*/
	height:97px;
}
.home { padding:10px; display:block; width:375px; height:75px; /*border:1px solid #FF0000;*/  }

/*different header */
#avion {	margin-top:5px; height:345px; /*background:#FFFFFF url("../img/fd.jpg") center top no-repeat; */}
.avion1 {	background:#FFFFFF url("../img/avion-1.jpg") center top no-repeat; }
.avion2 {	background:#FFFFFF url("../img/avion-2.png") left top no-repeat; }
.avion3 {	background:#FFFFFF url("../img/avion-3.png") center top no-repeat; }
/* fin */

div#devise h2{ color:#4B4B4B; font-family:Arial, Helvetica, sans-serif; size:28px; padding:35px 0 0 10px; }
div#devise h2 span{ color:#F35E0C; font-family:Arial, Helvetica, sans-serif;  }


/* langue et ss menus */
#lang-container {
	position:absolute;
	display:block;
	width:0px;
	margin:20px 0px 0px 50px;
}

#lang {
	position:absolute;
	float:right;
	padding:0;
	margin-top:0px;
	margin-right:0px;
	margin-left:808px;
	/*width:50px;
	height:18px;*/
}

div#lang ul				{ display:block; width:100px; margin-left:-1px; margin-top:-4px; list-style:outside none none; }
div#lang ul li			{ white-space:nowrap; float:left; }
div#lang ul li a 		{ padding:1px 2px; margin:0;  display:block; }
div#lang ul li a:hover, div#lang ul li a.current 		{ /*background:url("../img/flag_bg.png") 0px 0px no-repeat;*/ /*display:none;*/ }
div#lang ul li a img 	{ display:inline; vertical-align:middle; border:0; width:20px; height:14px;}
/* fin lang */


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

/* contenu de la page */
div#contenu {
	display:block;
	clear:both;
	margin:0;
	padding:5px 0px 5px 5px;
	/*background-color:#FFFFFF;*/	
}
div#contenu h1 { font-size:20px;}
div#contenu h4 { font-size:14px; margin-bottom:10px;}

div#contenu .textepage {
	margin:10px;
	color:#FFFFFF;
}

/* bas de page */
div#footer {
	display:block;
	padding:0 0 0 10px;
	height:35px;
}
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:1em 2em;
	padding:0;
	/*border:1px #ececec solid;*/
	font-size:0.8em;
	color:#B6B3AE;
}
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 {
	color:#089EC1;
}

div#fil-ariane ul li a:hover {
	color:#B3CED7;
}

div#menu {
	height:50px;
	padding-top:1px;
}

/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:4em; 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:9px 1em 0 1em; color:#FFFFFF; font-size:1.1em; margin:0px 0 0 0; white-space: nowrap; /*line-height:3.9em;*/ height:41px; border-left:1px #dedede dotted; font-weight:bold;  }
#navigation li a span { font-size:9px; color:#089EC1; display:block; margin:0; font-weight:normal; }
#navigation li a:hover,
#navigation li.jdm_active a,
#navigation li.current a { color:#ffffff; background-color:#D0D114;  }
#navigation li a:hover span,
#navigation li.jdm_active a span,
#navigation li.current a span { color:#013856; font-weight:normal; }
#navigation li ul { display:none; position:absolute; background-color:#D0D114; clear:left; height:auto; padding:0; margin:-1px 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; /*margin:0px 0.4em 0 0;*/ margin:1px; padding:0.2em 0.5em; line-height:normal; color:#00647B; border-bottom:1px dashed #096981; border-top:0; font-size:1.1em;  background:#D0D114 url("../img/puce-bleue.png") 2px center no-repeat; padding-left:15px; height:auto; font-size:1em; font-weight:bold; text-transform:uppercase; }
#navigation li ul li a:hover
,#navigation li.jd_menu_hover_toolbar ul li a:hover
,#navigation li ul li.current a { color:#023854; background:#D0D114 url("../img/puce-bleue.png") 4px center no-repeat; padding-left:15px;}


/*
* menubas */
div#menubas {
	margin:0;
	padding:0;
	display:block;
	font-size:0.9em;
	color:#FFFFFF;
	text-transform:uppercase;
	height:29px;
}
div#menubas ul { list-style-type:none; 	margin:0; padding:4px 0 0 0; display:block; }
div#menubas ul li { display:inline; float:left; margin:0 0.2em 0 0; padding:0; }
div#menubas ul li a 			{ text-decoration:none; display:inline;  color:#FFFFFF;}
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; }

/*
 * box meteo */
div#meteo { 
	margin-top:45px;
	width:290px;
	height:245px; 
	float:right;
	background:url("../img/fd-meteo.png") center top no-repeat;
}
div#meteo p{ font-size:18px; margin:20px 10px; }
div#meteo .txt{ font-size:12px; margin:20px 10px; }
div#meteo .orange{ font-weight:bold; color: #FF6600; }

/* Conteneur météo */
#box_meteo_container { width:215px; margin:0 auto; display:block;}
#box_meteo_container .picto { /*float:left;padding:0;*/ margin:-30px 0 0 120px; }
#box_meteo_container .picto img { width:100px; }
#box_meteo_container .content {/* float:left; width:130px;*/ }
#box_meteo_container .temperatures {/* float:left; display:block;width:50px; height:34px; border:1px #ececec solid; */ }
#box_meteo_container .temp-1 { font-size:12px; color:#006699; font-weight:bold; line-height:17px; /*border-bottom:1px #ececec solid; display:block; text-align:center; */}
#box_meteo_container .temp-2 { font-size:12px; color:#990000; font-weight:bold; line-height:17px; /*display:block; text-align:center;*/ }
#box_meteo_container .date { font-size:12px; font-weight:bold; padding:9px 0 0 0; /*margin-left:38px;text-align:left;*/  }
#box_meteo_container .lien a { font-size:9px; font-family:"Courier New", Courier, mono; color:#bbbbbb; }


/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */

/*
 * style du contenu */
#contenu h1 { background:url("../img/hr-acc.jpg") left bottom repeat-x; font-size:2em; font-weight:normal; padding:6px 10px; display:block; color:#FFF; }
#contenu ul { list-style-position:outside; margin-left:30px; }
#contenu .block_actualites ul { margin-left:5px; }

 .pluslien { color:#029FBF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;  display:block;  }
 .hr-home {width:610px; height:5px; background:url("../img/hr-acc.jpg") center top no-repeat; margin-top:-15px; }
 .sep {width:5px; height:185px; background:url("../img/septd.jpg") center top no-repeat; /*float:right;*/ margin:-215px 10px 0 270px;}
 
 div#webcam-acc {
 	margin:-200px 0 0 0;
 	float:right;
	width:375px;
	height:245px;
 }
 div#webcam {
 	margin:50px 0 0 0;
 	float:right;
	width:368px;
	height:245px;
 }
 #webcam-acc .titre-acc { color:#FFFFFF; size:16px; margin:-15px 0 0 210px;}
 #webcam .titre  { color:#333333; size:16px; margin:-15px 0 0 210px;}
 
 .right {float:right; border:0px; /*border:1px solid #FF0000;*/ margin:0 -15px 0 0;}
 
 /*liste accueil */
.liste-acc {  font-size:12px; }
.liste-acc ul { list-style-type:none; margin:0; padding:0; }
.liste-acc ul li  	{ text-decoration:none;  color:#000000; background:url("../img/pdf_icon.gif") top left no-repeat; padding-left:25px;}

/* liste contenu */


/* plan d'accès*/
a.plan_acces { display:block; height:172px; width:250px; background:url('../img/bg_plan.jpg') 0px 0px no-repeat; margin:10px 30px 0 0; padding:0; border:0; text-indent:-9999px; outline:0; }
a.plan_acces:hover { background-position:0px -180px; }

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

table.colonne { width : 70%; }
table.colonne td { width : 50%; }

table.colonne td.rien{ width:10px; background:url('../img/septd.jpg') left top repeat-y;  padding-right:5px;}



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



fieldset { /*background-color:#CDD767;*/ width:450px; color:#ffffff; }
fieldset .required { font-size:1.2em; color:#CC0000; }

fieldset.normal { margin:10px auto; border:1px #FFFFFF solid; padding:1em 0; background:transparent; display:block; border:0px #ff0000 solid; width:100%; }
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 { padding:0; margin:0; }
fieldset.normal ul li { list-style-type:none; margin-bottom:1em; text-align:left; clear:both; /*position:relative;*/ border:0px solid #CCCCCC; padding:0;  _margin-bottom:5px; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { width:106px; display:block; float:left; margin:0 0 0 0; font-weight:bold; border:0px #ff0000 solid; line-height:30px; /*background:url('../img/bg_label.png') left top no-repeat; padding-left:20px;*/ }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input.text { 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; _background:url(); _border:1px #cccccc solid; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal input.text:focus, fieldset.normal textarea:focus { background-position:0px -50px;  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:450px; height:5.5em; line-height:1.3em; background:url('../img/bg_textarea.png') 0px 0px no-repeat; border:0; padding:10px 15px; margin-bottom:-12px; _background:url(); _border:1px #cccccc solid; }
fieldset.normal textarea.mini { display:block; width:194px; height:5.5em; line-height:1.3em; background:url('../img/bg_textarea_mini.png') 0px 0px no-repeat; border:0; padding:10px 15px; margin-bottom:-12px; _background:url(); _border:1px #cccccc solid; }
fieldset.normal textarea.big { height:8em; }
fieldset.normal textarea:focus { background-position:0px -100px;  }
fieldset.normal button.submit { margin:0 auto; width:200px; display:block; background:url('../img/bg_submit2.png') 0px 0px no-repeat; height:40px; text-indent:-9999px; border:0; cursor:pointer; }

fieldset.normal button.submit-en { margin:0 auto; width:200px; display:block; background:url('../img/bg_submit2-en.png') 0px 0px no-repeat; height:40px; text-indent:-9999px; border:0; cursor:pointer; }

fieldset.normal button.submit:hover {  background-position:0px -60px; }


/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { color:#B8B5AE; }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { 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:#ABAB10; 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 0.5em 0 0.5em; border:0px solid #F00;  }
.block_actualites h3  { display:block; padding:0; margin:0; }
.block_actualites h3 a { display:block;  padding:0.5em 0.5em 0 0.5em; margin:0; color:#FFFFFF; }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { /*background-color:#ffffff; */padding:0em; text-align:justify; color:#FFFFFF; /*font-size:11px;*/}
.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%; padding:1em; }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em;  }
.block_actualites.mini h3  { display:block; padding:0; margin:0; }
.block_actualites.mini h3 a { display:block; padding:0.5em 0 0 0; text-decoration:none; color:#FF9900; }
.block_actualites.mini h3 a:hover { /*background-color:#ffffff; */}
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { /*font-size:11px;*/ margin:0; padding:0.3em 0; }

.block_actualites.mini table { width:565px; /*border:1px solid #FF0000;*/ vertical-align:top; }
.block_actualites.mini table td { vertical-align:top; }


/*
 * divers */
.logo_snc { float:left; margin-right:80px; }