/*
 * ------------ 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:#FFFFE0 url("../img/fd-page.jpg") left top repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
p {
	margin:0 10px 10px;
}

a 			{ color:#291C0B; }
a:visited 	{  }
a:hover 	{  }

h1, h2, h3, h4, h5, h6 {  }
h1 { font-family:Georgia, "Times New Roman", Times, serif; padding:0 0 0 80px; color:#333; }
h2 {  }
h3 {  }
h4 {  }
h5 { margin:0; padding:0; }
h6 {  }

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

div#header {
	width:960px; height:120px;
	/*background:#url("../img/fd-logo.jpg") top center no-repeat;*/
}
#header .logo {
	display:block;
	width:475px; height:70px;
	margin:0 auto;
	background:#FFFFE0 url("../img/fd-logo.jpg") top center no-repeat; 
	/*border:1px solid #F00;*/
}

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

/* contenu de la page */
div#contenuacc {
	background-color:#E7E7E7;
	display:block;
	clear:both;
	margin:0;
	padding:5px 10px;
	height:560px;
}

div#contenu {
	background-color:#E7E7E7;
	display:block;
	clear:both;
	margin:0;
	padding:5px 10px 10px 10px;
	
}
div#contenu .textepage {
	margin:10px;
}

/* bas de page */
div#fd-footer {
	width:960px; height:40px;
	background:url("../img/fd-footer.png") center top no-repeat;
}
div#footer {
	width:960px; height:25px; margin:0 auto; padding:10px 0 0 0;
}
div#copyrights {
	text-align:left;
	font-size:0.9em;
	width:180px;
	float:left;
	padding:0 0 0 20px;
}
div#menubas {
	width:560px;
	font-size:0.9em;
	float:left;
	text-align:center;
}
div#ani {
	width:180px;
	float:left;
	padding:0 20px 0 0;
}


/*
 * 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;
	padding:2.5em 1em 1em 10em;
	/*border:1px #ececec solid;*/
	font-size:0.8em;
	background-color:#E7E7E7;
}
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 {
	
}

/* langue et ss menus */
#lang {
	position:absolute;
	margin:30px 850px;
}
div#lang ul				{ display:block; width:100px; list-style-type:none; }
div#lang ul li			{ white-space:nowrap; float:left; }
div#lang ul li a 		{ padding:1px; margin:0; width:26px; height:26px; display:block; }
div#lang ul li a:hover, div#lang ul li a.current 		{ background:url("../img/flag_bg.png") 0px 0px no-repeat; }
div#lang ul li a img 	{ display:inline; vertical-align:middle; border:0; }


div#menu {
	margin:0 auto;
	display:block;
	width:960px; height:50px;
	background:#FFFFE0 url("../img/fd-navigation.jpg") left top repeat-x;
}
/* Propri�t�s du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:2em; padding:10px 0 0 0; margin:0 0 0 180px; }
#navigation li		{ float:left; display:inline;  list-style: none; }
#navigation li a		{ float:left; display:block; border:0; text-decoration:none; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; 
						vertical-align:middle; color:#666666; font-size:1.4em; white-space: nowrap; line-height:2em; padding:0 13px; margin:0 3px; padding:0 13px; _padding:0 10px; }
#navigation li a:hover	{background:url("../img/fd-nav-actif.jpg") top left repeat-x; color:#6AB54A; }
#navigation li.current a
,#navigation li.jd_menu_hover_toolbar a    		{ background:url("../img/fd-nav-actif.jpg") 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; _width:132px; }
#navigation li ul li { display:block; float:none; padding:0; margin:0; list-style-position:outside; _width:132px; }
#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:1.1em; height:1.8em;}
#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 ul { list-style-type:none; margin:0; padding:0 140px; width:282px; display:block; }
div#menubas ul.ulde { list-style-type:none; margin:0; padding:0 100px; width:376px; }
div#menubas ul li, div#menubas ul.ulde li { display:inline; /*float:left;*/ margin:0; }
div#menubas ul li a, div#menubas ul.ulde li a { text-decoration:none; }
div#menubas ul li a:visited, div#menubas ul.ulde li a:visited { text-decoration:none; }
div#menubas ul li a:hover, div#menubas ul.ulde 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 ----------------------------------------------------------
 */
#left {
	width:228px; height:467px;
	margin:-262px 0 0 0;
	/*border:1px solid #F00;*/
} 
#left .bienvenue { width:222px; /*height:155px;*/ background-color:#FFF; margin:0 0 30px 0; padding-bottom:1px; }
#left .bienvenue p {padding:2px 5px;}
#left .bienvenue h5 { width:222px; height:25px; background-color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; 
								font-weight:normal; color:#FFF; text-align:center;  }
								
#left .actu  { width:222px; /*height:170px;*/ background-color:#FFF; margin:0 0 30px 0; padding-bottom:1px; }
#left .actu a { text-decoration:none; color:#000; }
#left .actu a:hover { text-decoration:underline; color:#000; }
#left .actu h5 a:hover { text-decoration:none; color:#000; }
#left .actu p {padding:2px 5px;}
#left .actu h5 { width:222px; height:25px; 	background-color:#333; font-family:Georgia, "Times New Roman", Times, serif; 		
					  font-size:16px; font-weight:normal; color:#FFF; text-align:center; }
					  
#left .player  { width:222px; /*height:140px;*/ background-color:#FFF; margin:0 0 30px 0; }
#left .player h5 {	width:222px; height:25px;	background-color:#333; 
						font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; color:#FFF; text-align:center; }
#left .player #dewplayer { margin:10px; }
#img-acc {
	/*float:right;*/margin:0 0 0 230px ;
	width:700px; height:262px; z-index:10;
} 
 
#vogesia {
	width:168px; height:195px; border:0px solid #F00;
	position:absolute;
	z-index:1000px;
} 

#bloc_acc {  width:680px; height:200px; display:block; margin:-230px 0 0 240px; _margin:-286px 0 0 240px; position:absolute; /*border:1px solid #00F;*/}
#bloc_acc h5 { color:#631D00; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-bottom:5px; }
#cremant {
	width:195px; /*height:200px;*/ float:right; background-color:#FFF; padding:5px 10px; margin:0 0 5px 465px; display:block; /*border:1px solid #F00;*/ position:absolute; }
#photoacc {
	width:195px; /*height:200px;*/ background-color:#FFF; padding:5px 10px 9px 10px; margin:0 0 5px 235px; display:block; /*border:1px solid #00F;*/ text-align:center; position:absolute; }
#photoacc a { text-decoration:none; }
#photoacc a:hover { text-decoration:underline; }
#photoacc h5 {text-align:left;}
.adrcon {
	width:960px; margin:0 auto; background-color:#E7E7E7;<
}
#adr {
	width:920px; margin:0 auto; padding:5px 0; background-color:#FFF; text-align:center;
}
#cremant a { text-decoration:none; }
#cremant a:hover { text-decoration:underline; }
#cremant h5 a:hover { text-decoration:none; }

 
/* 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 { background-color:#CDD767; width:450px; color:#666666;}
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:left; 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 #093 solid; padding:0; _margin-bottom:5px; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { width:120px; 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:10em; }
fieldset.normal textarea:focus { background-position:0px -100px; }
fieldset.normal button.submit { margin:0 auto; width:200px; display:block; background:url('../img/bg_submit.png') 0px 0px no-repeat; height:40px; text-indent:-9999px; 
	border:0; cursor:pointer;}
fieldset.normal button.submit:hover {  background-position:0px -60px; }

fieldset.normal button.submitde { margin:0 auto; width:200px; display:block; background:url('../img/bg_submit_de.png') 0px 0px no-repeat; height:40px; text-indent:-9999px; 
	border:0; cursor:pointer;}
fieldset.normal button.submitde: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; }

/*
* 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 10px; padding:0.5em; background-color:#F6F6F6; width:47%; float:left; }
.block_actualites li.acc { display:block; margin:0 5px 1em 0; padding:0.5em; background-color:#F6F6F6; float:left; }

.block_actualites a.link_rss { /*float:right; margin:-3.0em 0 0 0;*/ position:absolute; font-size:9px; text-transform:uppercase; color:#ffffff; padding:3px 5px; margin:0 0 0 172px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#ffffff; }
.block_actualites h3 { display:block; border-bottom:1px #83C765 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; */ color: #999999; text-transform:uppercase; text-align:right; padding:0 1em; background-color:#FFFFFF; }

.block_actualites.mini { clear:both; width:195px; _width:185px; /*height:200px; float:right; background-color:#EDF7EA; background-color: #66B245;*/ background-color: #ffffff; padding:5px 10px 5px 10px; margin:0 10px 0 5px; position:absolute; }
.block_actualites.mini li { width:183px; _width:173px; border-top:1px #83C765 dotted; }
.block_actualites.mini h2 { margin:0; padding:0 0.5em;  }
.block_actualites.mini h3 a { display:block; padding:0; text-decoration:none; font-size:12px; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
#bloc_acc .block_actualites.mini h5 { /* color: #ffffff; */ color: #631d00; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }

/*
* nos sponsors */

ul.display { 	float: left;
	width: 306px;
	margin:0 auto;
	padding: 0;
	list-style: none;
	/*border-top: 1px solid #333;
	border-right: 1px solid #333;
	background: #222;*/
 }
ul.display li {
	float: left;
	width: 304px;
	padding: 10px 0;
	margin: 0;
/*	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;*/
}

ul.display li a {
    color: #999;
    text-decoration: none; 
}
ul.display li .content_block {
    padding: 0 10px;
}
ul.display li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-size: 1.7em;
}
ul.display li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 295px;  <span style="color: #777;">/*--The left padding keeps the
content from flowing under the image--*/</span>
    font-size: 1.2em;
}
ul.display li .content_block a img{ <span style="color: #777;">/*--Double border technique--*/</span>
    padding: 5px;
    border: 2px solid #ccc;
    background: #fff;
    margin: 0 15px 0 0;
    float: left;
}

table.sponsors {}
table.sponsors tr {}
table.sponsors tr td { text-align:center; padding-bottom:8px; }
table.sponsors tr td img { border-right:20px #FFFFFF solid; border-left:20px #FFFFFF solid; }

div.liens table tr td { margin:0; padding:0 10px; }
div.liens img { width:440px; }

div.span-6 h3 { margin:0; padding:0; }
div.span-6 p { margin:0 0 10px 0; padding:0; }

a.notsee { display:none; }

h3.fete { margin:0 0 10px 0; padding:0; color:#631D00; font-family:"Times New Roman", Times, serif; }


table.phot {}
table.phot tr {}
table.phot tr td { text-align:center; width:25%; }
table.phot tr td img.mini { border:1px #333333 solid; padding:3px; }

#fdfiche { width:365px; background-color:#FFF; padding:10px 2px; border:2px solid #CCC; margin:10px auto; font-size:12px; text-align:center; line-height:20px; }
#fdfiche .picfiche { padding:2px; border:1px solid #CCC; width:200px; margin:0 auto; display:block; }
#fdfiche .picfiche img { display:block; }

ul#player {
	margin: 15px 0 0 0;
}

ul#player li {
	list-style: none;
}

ul#player div {
	font-weight: bold;
	padding: 0 15px 10px 15px;
}

ul#player li audio {
	width: 222px;
}

ul#playlist {
	margin: 5px 15px 0 27px;
	padding-bottom: 15px;
}