/* Auteur : http://lerouxdelens.com */
/* Feuille de style sous License GPL */

*{margin:0; padding:0; font-weight:100; font-family:Verdana;}

	strong{font-weight:bold; font-size:95%; }
	h1{ font-size:4em; }
	form{width:500px; margin:auto;color:#000; padding:10px; font-size:0.9em;}
  	fieldset{ padding:1em; border:1px solid #999; margin:0 0 10px 0; float:left}
		fieldset input, textarea, select{margin:5px 15px 5px 5px; float:left; width:450px; clear:both; border:1px solid #BBB;}
		form fieldset p{ color:#555; margin:5px 15px 5px 5px; float:left; width:450px; clear:both;}
		fieldset input.normal{ width:180px;}
		legend{margin-left:0px; font-size:0.7em; color:#333; padding: 2px 5px;}
		input{ float: left; clear:both; }
		label{margin:5px; float:left; clear:left;}
		label.obligatoire{ font-weight: bold;}
	p{color:#000; font-size:0.7em; text-align:justify; line-height:1.9em; margin: 0 0 1em 0}
	h2{ margin:0 0 30px 0; color:#5E5348; font-size:1.6em; font-weight:100; }
	h3{ margin:17px 0px; color:#5E5348; font-size:1.1em; font-weight:500;}
	a img{ border:0;}
	.droite{float:right; clear:right; padding:1em 0 1em 1em;}
	.gauche{float:left; clear:left; padding:1em 1em 1em 0;}	
    .centre{ display:block; margin:auto;}
	img.bord{border:1px solid #654;}
	img.bord.centre{margin:5px auto;}
	
	
	body{background:url('style/bgbi.jpg') 0 0 repeat-x #D6CFBC; margin:0; padding:0;}
	
	#site{ width:800px; margin:auto; background:url('style/headpagebi.jpg') top no-repeat #EEE8D9;}
   
	h1#entete{ width:100%; clear:both; text-align:center; border-bottom:0px solid #090909; color:#543; padding:0em 0; margin-bottom:0em}
        	
	#menu{ float:left; margin:30px 0 0 5px; padding:5px; width:130px;}
	#menu div ul{ list-style-type:none; width:130px;}
	#menu div ul li a{ 	font-size:0.7em; text-align:right; letter-spacing:2px; display:block; color:#321; text-decoration:none; line-height:2em; padding-right:15px; }
	#menu div ul li a:hover, #menu ul li a.actif{ color:#C00; background:url(style/puce.gif) right no-repeat;}
	#menu div ul li a.actif{ color:#C00;}
	#menu div ul li a.actif:hover{background-image:url(style/puce.gif); }
	
	#menu #twitter_div{ font-size: 0.6em; margin-top: 2em;}
	#menu #twitter_div h2{ font-size: 1.5em; text-align: right;}
	#menu #twitter_div ul{ margin:0;}
	#menu #twitter_div ul li{ text-align:right; margin:0 0 1em 0; }
	#menu #twitter_div ul li a, a#twitter-link{ font-size:0.6em; text-align:right; letter-spacing:inherit; display:block; color:#C00; text-decoration:none; line-height:auto; padding-right:0; }
	#menu #twitter_div ul li a:hover, a#twitter-link:hover { color:#000; background:none;}
	a#twitter-link{ font-size: 1em; }
	
	
	#page{ width:620px; position:relative; float:right; margin:30px 5px 0 0; overflow:hidden; }
		#page a{color:#555; text-decoration:underline; font-style: italic;}
		#page a:hover{ color:#090909; background:#CCC;}
		#page pre{font-size:0.7em; background:#F8F2DE;  color: #321; border:1px solid #321; line-height:2em; padding:1em; overflow:auto;}
		#page ul{margin:10px 0;}
			#page ul li{font-size:0.7em; line-height:1.7em; margin:0 0 0 25px; }
			#page ul li p, page ul li form{font-size:0.9em;}

		#page ul#list_photo{list-style-type:none;}
			#page ul#list_photo li a img{margin:0; padding:0;}
			#page ul#list_photo li strong{color:#876;}
			#page ul#list_photo li{display:block; float:left; border-bottom:1px solid #545454; padding:0 0 10px 0; margin:0 0 10px 0; width:570px;}
			#page ul#list_photo li div{display:block; position: relative; float:right; width:400px; text-align: justify;}

		#page ul.folio_list{list-style-type:none; margin-left:60px;}
			#page ul.folio_list li img{margin:5px 0 0 0; padding:0; border:1px solid #D3CCC4;}
			#page ul.folio_list li.first{border-top:1px solid #999; padding-top:5px; }
			#page ul.folio_list li{display:block; width:480px; float:left; clear:left; border-bottom:1px solid #999; padding:0 0 10px 0; margin:0 0 10px 0; }
			#page ul.folio_list li a{text-decoration: underline;}
			#page ul.folio_list li a:hover{text-decoration: none;}
			#page ul.folio_list li div{display:block; position: relative; float:right; width:370px; text-align: justify;}

		#page div#liste_archive{ width:200px; float:right; margin-left:30px; border-left:1px solid #D3CCC4; }
		#page div#liste_archive ul{ text-align:right; list-style-type:none;}
		#page div#liste_archive h3{ text-align:right;}
		#page div#liste_archive h2{ text-align:right;}
		
	#page #titre_archive{ font-size:1.9em; text-align:center; font-weight:bold; margin:1em 0;}
	#page div#data_archives{ margin-right:230px; background-color: #D6CFBC; width:370px; padding:5px; overflow:hidden;}
		
	#page div#mot_accueil{ width:450px; float: left; margin:0 0 0 50px; padding:0px}
		#page div#en_bref{ width:200px; float: right; margin:0 20px 0 0; padding:0px}		
			#page div#en_bref div.news{padding-top:10px;}
			#page div#en_bref div.news h4{ color:#876; text-align: center; font-size:0.9em; margin-bottom:4px;}
			#page div#en_bref p.enbref_date{text-align:center; color:#000; margin:0;}
		#page div#en_bref h2{ text-align:center; margin:0 0 7px 0;}

	#page ul li.xfolkentry ul.meta li{ float: left; display: block; margin:0; padding:0 1em 5px 0;}
	#page ul li.xfolkentry{ clear: left; } 
	#page ul li.xfolkentry a, ul li.xfolkentry ul.meta li a{ text-decoration:none;} 
	#page ul li.xfolkentry ul.meta li a{ text-decoration:none; color:black; font-size:1.25em; background:#FFF; padding:1px 3px; } 
	#page ul li.xfolkentry ul.meta li a:hover{ background:#555; color:#FFF;} 
 
	#footer{ width:100%; clear:both;  padding-top:1em; padding-bottom:1em;}
	#footer *{color:#321;}
	#footer a{color:#C00; text-decoration:none;}
	#footer a:hover{ color:#090909; background:#987; }
	#footer h3{ margin-left:0px;}
	
	#info_footer{ width:500px; margin:auto;}
	
	#lafin p{margin:0 1em 1em 20px;}    
	#lafin { text-align:center; border-top:0px solid #666; padding-top:1em; text-indent:0px; clear:both;}om