@charset "utf-8";
/* CSS Document */

body  {
    	font: 0.9em Trebuchet MS, Arial, Helvetica, sans-serif;
    	background: #666666;
    	margin: 0; 
    	padding: 0;
    	/*text-align: center;  ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #000000;
    }
#container { 
    	width: 955px;  
    	background: #5E5850;
		background:url(../images/fond_acc.png)  repeat; 
		
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
    } 
#header { 
    	background:url(../images/acc_haut2.png)  no-repeat;
		height:240px;
    	/*padding: 0 10px 0 20px;   ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
    } 
#header h1 {
    	margin: 0;
    	padding: 10px 0; 
    }
#gauche {
    	float: left; 
    	width: 250px;
    	background:url(../images/fond_acc.png)  repeat;
    	/*padding: 15px 10px 15px 20px;  le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
    }
#droite{
    	float: right; 
    	width: 240px;
		margin-top:10px;
	
    	background:url(../images/fond_acc.png)  repeat;
    	/*padding: 15px 10px 15px 20px; */
    }
 #centre { 
    	margin: 0 260px; 
		background:url(../images/fond_acc.png)  repeat; 
    	padding: 0 10px; 
		text-align: center;
    } 
	#haut1 { 
   
		height:30px;
    } 
	#haut2 { 
   
		height:10px;
    }
	
	 
  
      
/* -------- Accueil   ----------- */ 

#bandeau_actu{
	background:url(../images/actu_01.png) no-repeat top;
	width:260px;
	height:35px;
	 
	}
    #centre_actu{
	width:260px;
	background:url(../images/actu_02.png)   repeat-y;
	margin-left:18px;
    
	}
#centre_actu p {
font-family: "Trebuchet MS";margin-right:50px;
margin-left:20px;

font-size: 12px;
color: #fff;

}	
#centre_actu   h2 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #FFEC00;
    margin-left:40px;
		
}
#centre_actu   a {
	
	color: #FFEC00;
  
		
}


#centre_acc { 
    	margin: 0 260px; 
		background:url(../images/fond_acc.png)  repeat; 
    	padding: 0 10px; 
	
    } 
    
    
   
#centre_acc   h1 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
	color: #FFEC00;
	margin-bottom:-10px;
    margin-left:0px;
    margin-top:25px;
}  
#centre_acc a {
	color: #fff;
}
   
#centre_acc   p, #centre_acc   li {
	font-family: "Trebuchet MS";
	font-size: 12px;
    color: #fff;		
} 
#centre_acc   h2 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #FFEC00;
		
}
/* essai */


#centre_acc2 { 
    	margin: 0 300px; 
		
    	padding: 0 10px;
		min-height:300px;
		margin-right: 230px;
		text-align:justify;
       
		background:url(../images/fond_acc.png)  repeat; 
    	
	
    } 
    
    
   
#centre_acc2   h1 {
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
	color: #FFEC00;
	margin-bottom:-10px;
    margin-left:0px;
    margin-top:25px;
   text-align:left ;
}  
#centre_acc2 a {
	color: #fff;
}
   
#centre_acc2   p, #centre_acc   li, #centre_acc2   li {
	font-family: "Trebuchet MS";
	font-size: 12px;
    color: #fff;		
} 
#centre_acc2   h2 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
	color: #FFEC00;
		
}
#centre_acc2   h3 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #FFEC00;
		
}


  
/* -------- Fin Accueil   ----------- */ 
   
   
   
   
   
/* -------- Int   ----------- */ 

#container_int { 
    	width: 955px;  
    	background:url(../images/fond_int.png)   repeat-y; 
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
    } 

#header_int { 
    	background:url(../images/int_haut.png)  no-repeat;
		height:146px;
    } 
#haut1_int { 
   
		height:25px;
		background-color:#fff;
		
    }
	
    
    
     
#haut2_int { 
   		height:97px;
        
        background: url(../images/band_projet.png)  top repeat;
        margin: 0 0 0 0;
    } 
	
#haut2_int p{
	margin-left:150px;
	font-size: 14px;
	margin-top:5px;
    marging_botton=0px;	
    }
#haut2_int a {
	color: #000000;
	text-decoration: none;
	font-style: italic;			
    }
	
	
	
#gauche_int {
	float: left;
	width: 140px;
	
	padding: 0px 0px 0px 0px;
	padding-top: 40px;
    }
#droite_int{
    	float: right; 
    	width: 200px;
    	background: #fff; 
    	padding: 15px 10px 15px 20px;
		margin-top:60px;
    }
#centre_int { 
    	margin: 0 160px; 
		
    	padding: 0 10px;
		min-height:300px;
		margin-right: 230px;
		text-align:justify;
    }
    #centre_int_2{ 
    	margin: 0 160px; 
		
    	padding: 0 10px;
		min-height:300px;
		margin-right: 10px;
		text-align:justify;
    }
	
#gauche_int	li{
	font-family: "Trebuchet MS";

	font-size: 11px;
	margin-left:-10px;
	margin-right:0px;
	color: #000000;
	text-align: left;
	padding: 0 0;
}

#gauche_int .intitule {
	color: #000;
	font-weight: bold;
	margin-left:0px;
	font-size: 11px;	
	}
#gauche_int	a{
	
	color: #000000;
	text-decoration: none;
	padding: 0 0;
	text-align: left;
	padding-left:0px;
	
}
#gauche_int a:hover {
color: #AAAAAA;
}


#breve_int {
background: #DFF6FF;
width: 170px;
}

#breve_int p{
font-family:"Times New Roman", Times, serif;
margin-left:10px;
}


#breve_int_titre {
background: #00B3DF;
height:25px;
width: 170px;
margin-bottom:-20px;
}
#breve_int_titre p{
	color:#FFFFFF;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	
}


/* -------- Fin Int   ----------- */ 
/* -------- Pied   ----------- */ 
#pied { 
    	padding: 0 10px 0 20px; 
        background-color:#61534C;
        height:30px;
    } 
#pied p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 10px;
	color:#FFFFFF;
    }

#pied a{
color: #fff;	
}		
#pied a:hover {
color: #000;
}

/* -------- Fin Pied   ----------- */ 
#print {
float: right;
margin-right:10px;

}
#taille {
float: right;
margin-right:100px;
margin-top:-15px;

}

	
/* -------- Fin Int   ----------- */ 
   
h1 {
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: bold;
	margin-bottom:-20px;
    color: #68599a;
	margin-left:170px;
    margin-top:25px;
}
h1.gauche{
	
	margin-left:0px;
    margin-bottom:-10px;
font-size: 20px;
text-align:left;
    
}

h2 {
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	color: #68599a;
	margin-bottom:-10px;
}
h3, h3 a {
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	color: #68599a;
	margin-bottom:-10px;
}  
  
p, li, ul {
font-family: "Trebuchet MS";
	font-size: 1em;
}
 
a{
color: #000000;	
}		
a:hover {
color: #68599a;
}
 .img_right{
	
	margin-right:-230px;
	border-color: #B8B0AD;
	margin-left:40px;
	margin-bottom:40px;
	border-width: 10px;
	border-style:solid;
	
 }
  .img_right_2{
	border-color: #B8B0AD;
	margin-left:40px;
	margin-bottom:40px;
	border-width: 10px;
	border-style:solid;
 }
 
 .img_centre{
	border-color: #B8B0AD;
	margin-left:10px;
	margin-bottom:40px;
	border-width: 10px;
	border-style:solid;
 }
  .img_gauche{
	border-color: #B8B0AD;
	
    margin-right:30px;
	margin-bottom:10px;
	border-width: 10px;
	border-style:solid;
 }
 
 .selection {
	color: #68599a;
		
	}
.contact {
color : #111111; 
padding-left : 5px; 
 
border-left : 3px solid #333333; 

} 

/* note bas de page */

#note p{
font-size: 11px;
}

.zoom {
width:800px;
margin:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
width:400px;

}
.zoom img:hover {
width:700px;
height:498px;

}
#zoom2  a img {border:none} /* pas d'encadrement des images */
#zoom2  a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
#zoom2  a:hover img {width:700px ; height:498px} /* agrandi les images lors du survol */