/*----------------------------------------------Page entière-----------------------------------------------------*/
body {
	background: url(../Images/radon.jpg) fixed no-repeat left top;
	}
	

/*--------------------------------------------Bandeau d'accueil--------------------------------------------------*/

header {
	height:130px;
	width: 100%;
	max-width: 1542px;
	overflow: hidden;
	background: url(../Images/banniere_site.jpg) no-repeat;
	border: 2px solid #F2F2F2;
	margin-bottom: 5px;
	text-align: right;
	}

#titre {
	display: inline-block;
	margin:0px;
	font-family:Georgia, Times, sans-serif;
	font-style: italic;
	font-size: 50px;
	text-align: center;
	vertical-align: top;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	}
	
header img{
	display: inline-block;
	margin-top: 15px;
	}
/*------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------ #menu de navigation--------------------------------------------------*/

#marge_menu{
	float:left;
	height: 100%;
	width: 200px;
	}
	
#menu {
	height:auto;
	overflow: hidden;}

#menu.floatable {
	position: fixed;
	top:10px;
	}
/*---------------------Slideshow menu latéral----------------*/

 .slideshow {  
    width: 197px;  
    height: 267px;  
    overflow: hidden; 
    padding: 0;
    border:2px solid #f2f2f2; 
 }  
   
 .slideshow ul {  
     /* 4 images donc 4 x 100% */  
    width: 400%;  
    height: 267px;  
    padding-left:20px;
    /*margin:-20px;*/  
    list-style: none;  
 }  
 .slideshow li {  
    float: left;
    margin:0;  
 }  	
 
 /*--------------------Liste du menu---------------------------*/
 
a{
	text-decoration: none;
	font-size: 80%;
	}
	
#liste_menu{
	margin-top:0px;
	margin-bottom: 0px;
	}
   	
#menu ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	padding-left: 0px;
	font-size: larger;
	text-align: center;
	}

#liste_menu{
	margin-top: 10px;
	}
	
#liste_menu li {
	background: url(../Images/icones/bout_menu1.png) center top no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Georgia, Times, sans-serif;
	font-style: italic;
	}

#liste_menu li:hover {
	background: url(../Images/icones/bout_menu2.png) center top no-repeat;
	}
	
#liste_menu li.current {
	background: url(../Images/icones/bout_menu2.png) center top no-repeat;
	font-style: bold;
	}

#menu ul.n2{
	margin-top:5px;
	padding-top: 5px;
	}
	
#menu ul.n2 li {
	margin-left: 20px;
	background: url(../Images/icones/bout_menu3.png) center top no-repeat;
	}	

#menu ul.n2 li:hover{
	background: url(../Images/icones/bout_menu4.png) center top no-repeat;
	}

#menu b {
	color:black;
	}		
/*--Menu déroulant*/

#menu ul ul {	display: none;}
#menu li:hover ul.n2 {display:block;}
#menu li li {font-family: Georgia, Times, sans-serif;font-style:italic;font-size: medium;}



/*-----------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------- Contenu ---------------------------------------------------*/

p.titre_article {color:#222222;background-color:#99CC00;font-size:200%;text-align: center;}

p.sous_titre {color:#222222;background-color: #CFF06B;font-size:150%;text-align: center;}

p.flash_infos {color:#222222;background-color: #F16969;font-size:150%;font-weight:bold;text-align:center;}

.image_gauche{
	float: left;
	border: 2px solid grey;
	margin-right:5px;
	}
	
#contenu {
	max-width: 1336px;	
	margin-left:150px;
	text-align: center;
	padding-left:30px;
	padding-right:30px;
	}

article {
	display: inline-block;
	vertical-align: top;
	width: 90%;
	border: 1px solid black;
	background-color: #ffffff;
   margin-top: 30px;
   margin-bottom: 15px;
   padding:10px;
   }

div.sous_article {
	background-color: darkgrey;
	padding-bottom: 15px;
	}
	
article.txt{
	opacity: 0.8;
   filter: alpha(opacity=80); /* For IE8 and earlier */
   max-width:600px;
	}

article.txt_large{
	max-width: 900px;
	text-align: justify;
	text-indent: 20px;
	opacity: 0.8;
   filter: alpha(opacity=80); /* For IE8 and earlier */
   }	
	
article.img{
	width: 542px;
	height: 370px;
	opacity: 1;
	filter: alpha(opacity=100);
	}

article.elu{
	width:300px;
	opacity: 1
	filter: alpha(opacity=100);
	background-color: #ffffff;
	}

article.elu img{
	width:150px;
	border: 1px;
	}

article.assoc{
	background-color: #ffffff;
   width: 900px;
   padding: 20px;
   opacity: 0.8;
   filter: alpha(opacity=80); /* For IE8 and earlier */
   }
   
article.actus{
	width: 650px;
	} 
	 
p.nom{
	font-size: 24px;
	font-weight: bold;
	}

#actus{
	background-color: #d5d5d5;
	font-weight: bold;
	padding-left: 70px;
	padding-right:auto;
	}
#actus ul{
	list-style-type: none;
	}