@charset "UTF-8";
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	position: relative;
	margin:0;
	padding:0;
}
h1 { font-size:150%;margin-bottom:20px;}
h2 { margin:0 0 5px 0; color:#0075B0;/*bleu cyan*/}


#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:150px;
	}
	
ul ul    { margin-left:20px; }
ul ul li { margin-bottom:2px; }

/*-- contenu principal -- */	
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:15px;
	border:solid 1px #0075B0;/*bleu cyan*/
	width:113px;
	/*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:5px;
	font-size:10px;
}
ul.col_intro li {
	list-style-type:circle;
	list-style-position:inside;
	margin:3px 0;
}
ul.col_intro li a 		{ text-decoration:none; }
ul.col_intro li a:hover { text-decoration:underline; }
span.year {
	color:#A23C31;/*marron cheveux*/
	font-weight:normal;
	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; }