@charset "UTF-8";
body {
	color:#333;
	position: relative;
	margin:0;
	padding:0;
}

/* -- positionnement -- */	
#logo_flho { position: relative; left: 0px;  top: 0px; }
#tete_flho { position: absolute; right: 0px; bottom: -30px; }

#main {
	position:relative;
	margin-top: 10px;
	width: 680px;
	left:220px;
	}
	
ul ul    { margin-left:20px; }
ul ul li { margin-bottom:2px; }

/*-- contenu principal -- */	
ul.sites h2 {margin-bottom:10px;}
ul.sites li {
	list-style-type:none;
	padding:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*background-color:#FCF1BB;paille*/
	background-color:#FBF5D9;/*paille claire*/
	border: solid 1px #BB1200;/*marron rouge*/
	margin-bottom:20px;
}

/*-- les détails de chaque site -- */
ul.details_site li {
	color:#666;
	font-weight:bold;
	padding:0; margin:4px 0;
	border:none;
}
ul.details_site li.promesse {
	color:#A23C31;/*marron cheveux*/
	font-style: italic;
	font-weight:normal;
}
/*-- rubriques d'un détail. Par ex. : Principes*/
ul.details_site li ul li, ul.details_site li span {
	font-weight:normal;
	color:#000;
	list-style-type: square;
	list-style-position: outside;	
}
ul.details_site li ul li { margin-left:105px; }
li.ouvre_site 	{ margin-top:8px; margin-bottom:25px; }
li.ouvre_site a { color:#A23C31;/*marron cheveux*/ }
#tetiere {
	background: url(../img/bande_repetee.gif) repeat-x;
	width: 100%;
	min-width:800px;
	position: relative;
	z-index: 10;
	height: 117px;
}

a.auto_center {
	float:right;
	display:block;
	height:86px;
}
a.auto_center img { border:none; margin-top:70px; }

/*-- la colonne de gauche : intro --*/
ul.col_intro {
	position:absolute;
	display:block;
	left:10px;
	border:solid 1px #0075B0;/*bleu cyan*/
	width:170px;
	/*height:125px;*/
	background-color:#E3F1EC;
	z-index:20;
	top: 127px;
	/*coins arrondis pour Gecko et Webkit*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:12px;
	/* [disabled]font-size:10px; */
}
ul.col_intro > li {
	list-style-type:none;
	list-style-position:inside;
	padding-bottom:10px;
	margin-bottom:8px;
	/* [disabled]border-bottom:solid 1px #F19533; *//* orange*/
}
ul.col_intro > li a 		{ 
	text-decoration:none;
	background-image: url(/v3/boutons/fleche_jaune_small.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;	 
}
ul.col_intro > li a:hover {
	text-decoration:underline;
}

ul.collecte {
	padding: 0;
	margin:0;
}
ul.collecte li {
	list-style-type:circle;
	list-style-position:inside;
}
span.year {
	color:#A23C31;/*marron cheveux*/
	font-weight:normal;
	/* [disabled]font-size:smaller; */
}

/*-- thickbox --*/
a.thickbox img 		 { border:solid 1px #999; margin-bottom:5px; padding:2px;}
a.thickbox:hover img { border:solid 2px #BB1200;/*marron rouge*/ padding:1px; }
.vignettes {
	width: 110px;
	float: left;
	margin: 5px 20px 0 0;
	height:245px;
	overflow:hidden;
}
#TB_closeWindow { color:#999;}
#TB_caption { 
	margin:20px;
	color:#0075B0;/*bleu cyan*/text-align:center; font-weight:bold;
	background-color:#FBF5D9;/*paille claire*/
	border:solid 1px #BB1200;/*marron rouge*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#TB_secondLine			{ margin: 6px; }
#TB_secondLine #TB_prev	{ margin-left:16px; margin-right:4px; }
#TB_secondLine #TB_next	{ margin-left:4px;	}
#TB_secondLine #TB_prev, #TB_secondLine #TB_next 	{ 
	font-size:10px; font-weight:bold;
	}
#TB_secondLine #TB_prev a:link,#TB_secondLine #TB_prev a:visited, #TB_secondLine #TB_prev a:hover, #TB_secondLine #TB_prev a:active, 
#TB_secondLine #TB_next a:link,#TB_secondLine #TB_next a:visited, #TB_secondLine #TB_next a:hover, #TB_secondLine #TB_next a:active
	{ color:#BB1200;/*marron rouge*/  text-decoration:none; }
#TB_secondLine #TB_prev a:hover, #TB_secondLine #TB_next a:hover
	{ text-decoration: underline; }

/*-- communs --*/
.clear_left	{ clear:left; border:none; margin:0;padding:0; }
#actualites {
	position: relative;
	height: auto;
	/* [disabled]border: thin solid #F00; */
}
ul.rapido {
	border: 2px solid #0075B0;/*bleu cyan*/
	display: block;
	padding: 1em 1em 1.5em 1em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-box-shadow: -5px 5px 5px #888;
	-webkit-box-shadow: -5px 5px 5px #888;
	box-shadow: -5px 5px 5px #888;
	position: relative;
}
ul.rapido > li {
	background-image: url(/v3/boutons/fleche_jaune.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 30px;
	margin-left: 400px;
	text-indent: 25px;
}
ul.rapido > li > a {
	text-decoration: none;
}
ul#second {
	display:block;
	width:350px;
	border:solid 1px #666;
	padding:10px;
	position:relative;
	left: 0;
	background-color: #FFF;
	height:auto;
}
ul#second > li {
	list-style-type: none;
	text-indent:20px;
	padding:5px;
}
ul#second > li:hover {
	background: #FBF5D9 url(/v3/boutons/fleche_jaune.png) 0px 4px no-repeat;
}

/* placés absolument ds le premier cartouche*/
p.annonce, p.small {
	position: absolute;
	width: 330px;
	left: 30px;
}
p.annonce {
	height: 100px;
	top: 30px;
	line-height: 38px;
	/* [disabled]text-align: justify; */
}
p.small {
	top:180px;
}
p.confidentiel { margin-top:-3px; margin-bottom:3px;}
.img_site {
	position: absolute;
	left: 20px;
	top: 20px;
	border: 1px solid #CCC;
}