html{
    
}

body{
    margin: 0px;
    background: url(images/fond.png) repeat-x top;  
    text-align: center; /* pour corriger le bug de centrage IE */
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}

img{
	border:0px;
}

#header{
    width: 942px;
    margin: 0px auto;    
}

#partie-gauche-header{
    float:left;
}

#partie-droite-header{
    float:left;
    height:75px;	
}

#partie-haut-partie-droite-header{   
	background: url(images/coin-droite-sans-texte.png) right top no-repeat; 	
	height:65px;
}

#partie-bas-partie-droite-header{
    background: url(images/bandeau-jaune.png) no-repeat;
	height: 20px;
	padding-left:40px;
	padding-right: 60px;
	padding-top:5px;
}

#derniere-partie-header{    
    width: 942px;
    height: 0px;
    clear:both;
}


#menuprincipal, #menuprincipal ul.decalage /* Liste */
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
}

#menuprincipal, #menuprincipal ul /* Liste */ 
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
		margin-top:-2px;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
	
}


#menuprincipal /* Ensemble du menuderoulant */
{
        font-weight : bold; /* on met le texte en gras */
        /*font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-family: Verdana;
        font-size : 10px; /* hauteur du texte : 12 pixels */
		width: 610px;
}

#menuprincipal li a.liste /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */   
        margin-bottom: 8px;
        background: none;		
        color:#000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 125px; /* largeur */
        font: 14px Arial, Verdana, Helvetica, sans-serif;      
}

#menuprincipal li a.liste-longue /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */   
        margin-bottom: 8px;
        background: none;		
        color:#000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 200px; /* largeur */
		padding-right: 20px;
        font: 14px Arial, Verdana, Helvetica, sans-serif;      
}


#menuprincipal a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */        
        background: none;
        color:#011947; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 139px;/*139px;  largeur */
        font: 13px Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;		
}

#menuprincipal li a:hover{
    font-weight: bold;
}

#menuprincipal li /* Elements des listes */      
{ 
        float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
        /*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuprincipal li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menuprincipal li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        z-index:3;
        width: 139px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menuprincipal li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
       /* border-top : 1px solid #94a3b0; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        padding-left: 1px;
}


#menuprincipal li.liste-avec-espace-gauche ul li{
    padding-left: 30px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuprincipal li ul li                
{
       /* border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menuprincipal li ul ul                
{
        /*border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menuprincipal li li a {    
    background: url(images/sous-liste.png) repeat-y;
    color:#FFFFFF;
    font: 13px Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
	width: 144px;
    padding: 6px 0px 6px 20px;
}


#menuprincipal li li a.ombre-bas {    
    background: url(images/sous-liste-ombre.png) no-repeat;
    color:#FFFFFF;
    font: 13px Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
	width: 144px;
	height:33px;
    padding: 6px 0px 6px 20px;
}

#menuprincipal li li a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #FFFFFF; /* On passe le texte en orange... */
        /*background: #000000; /* ... et au contraire, le fond en blanc */
      /* background     : transparent url("images/menutransparent_dessus.png") ;*/
      font-weight: bold;
}

#menuprincipal li:hover ul ul, #menuprincipal li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menuprincipal li:hover ul, #menuprincipal li li:hover ul, #menuprincipal li.sfhover ul, #menuprincipal li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto ; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#separateur-menuprincipal{
    padding-left: 1px;
}

#separateur-menuprincipal.liste-avec-espace-gauche{
    padding-left: 30px;
}

#wrapper{
    width: 964px;
	padding-left:7px;
	padding-right:7px;
    margin: 0px auto;
	background: url(images/fond-ombre.png) no-repeat top;
}

#footer{
    height: 52px;
	clear: both;
    background: url(images/footer.png) no-repeat bottom;  
	margin:0px auto;	
	width:942px;	
}

#footer-index{
    height: 52px;
	clear: both;
    background: url(images/footer.png) no-repeat bottom;  
	margin: 465px auto;	
	width:942px;	
}

#mentions-legales{   
    color: #94a3b0; 
    font: 9px Arial, Verdana, Helvetica, sans-serif;
    padding-right: 12px;
    padding-top: 37px;
}

#mentions-legales a{  
    color: #94a3b0;  
    font: 9px Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;    
}

#mentions-legales a:hover{
   text-decoration: underline;
}

#page{
    width: 941px;
	margin: 0px auto;	
    padding-top: 2px;    
    background: #FFFFFF;  	
}

#partie-gauche-page{
    width: 213px; 
    float:left;   
    padding: 0px 23px 0px 23px;	
}

#partie-gauche-page #titre{
    color: #011947;
    font: 20px Arial, Verdana, Helvetica, sans-serif;
}

#partie-milieu-page{
    width: 474px;   
    float:left; 
}

#texte{
    margin-top:34px;
    text-align: justify;
}

#texte h1{
    color:#011947;
    font: 20px Arial, Verdana, Helvetica, sans-serif;
}

h2{
    color:#555555;
    font: 13px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

h3{
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin:5px 0px 0px 0px;
}

#texte p{
    color: #000000;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	line-height:1.4em;
}

#texte ol{ 
    font: 12px Arial, Verdana, Helvetica, sans-serif;
}

#texte li{
    padding-bottom: 5px;
	color: #000000;
}

#texte a{
	color:#011947;
	text-decoration: none;	
}

#texte a:hover{
	color: #f1c348;
	text-decoration: underline;	
}

#texte table {
	border: none;
	border: 0px;
	text-align: center; 
	width: 100%;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}

#texte table thead{
	border: none;
	border: 0px;
	font-weight: bold;
	background:#f1c348; 
	color:#011947;
}

#texte table td{
	font-weight: bold;
	
}

#partie-droite-page{
    width: 132px;  
    float:left;
    padding: 60px 15px 0px 60px;  
}

#partie-droite-page a{
	color : #011947;
	text-decoration:none;
}

#partie-droite-page a:hover{	
	text-decoration:underline;
}

#conteneur-flash{
    /* position sans dépendre du reste du code */
    position: absolute; 
    z-index: 1;
	margin-bottom:20px;
	margin-top:-2px;	
}

#partie-gauche-flash{   
    position: relative; 
    z-index: 2;
    float:left;  
}

#bloc-gauche-flash{  
    margin: 26px 0px 0px 20px;
	padding: 28px;
    text-align: left;
    background: url(images/fond-blanc-opaque.png);
}

#bloc-gauche-flash #titre{ 
    color: #000000;    
    font: 14px Arial, Verdana, Helvetica, sans-serif;  
    font-weight: bold;    
}

#bloc-gauche-flash p{ 
    margin: 0px;
    padding: 0px;
    color: #000000;
    font: 12px Arial, Verdana, Helvetica, sans-serif;     
}

#bloc-gauche-flash a{    
    text-decoration:none; 
    color: #8ea8c0;   
}

#bloc-gauche-flash a:hover{ 
    text-decoration:underline;    
    color: #8ea8c0;   
}

#bloc-indice{
	position :absolute;
	margin: 366px 0px 0px 20px;
	z-index: 2;
}

#partie-milieu-flash{  
   /* position relative => en fonction du div dans lequel il est - le plus souvent ce bloc est en position absolute*/
   position: relative; 
   z-index: 2;
   float:left;   
}

#bloc-milieu-flash{ 
    width: 356px;
    height: 136px;
    margin: 329px 0px 0px 19px;
    background: #d2d2d2; 
}

#bloc-milieu-flash #titre{ 
    color: #576978;    
    font: 14px Arial, Verdana, Helvetica, sans-serif;  
    font-weight: bold;
}

#bloc-milieu-flash p{ 
    margin: 0px;
    padding: 40px 15px 15px 33px;
    color: #000000;
    font: 12px Arial, Verdana, Helvetica, sans-serif;   
    text-align: left; 
}

#bloc-milieu-flash a{    
    text-decoration:none; 
    color: #8ea8c0;   
}

#bloc-milieu-flash a:hover{ 
    text-decoration:underline;    
    color: #8ea8c0;   
}

#partie-droite-flash{  
   /* position relative => en fonction du div dans lequel il est - le plus souvent ce bloc est en position absolute*/
   position: relative; 
   z-index: 2;
   float:left;   
}

#bloc-droite-flash{ 
    width: 136px;
    height: 136px;
    margin: 329px 0px 0px 19px;
    background: #FFFFFF; 
    text-align: left;
}

#bloc-droite-flash p{ 
    margin: 0px;
    padding: 28px 10px 10px 28px;
    color: #FFFFFF;
    font: 12px Arial, Verdana, Helvetica, sans-serif;  
    font-weight: bold;
}

#accordion{   
    width: 213px;
    text-align:left;
    padding-top: 45px;
    padding-left: 32px;	
}

#accordion ul{   
    padding : 0; /* pas de marge intérieure */
    margin : 0; /* ni extérieure */
    list-style : none; /* on supprime le style par défaut de la liste */
    line-height : 21px; /* on définit une hauteur pour chaque élément */  
    text-align : left;  
}

#accordion li{
    padding-left: 16px;
    padding-bottom: 0px;
    line-height : 21px;
    margin : 0px; /* ni extérieure */
}

#accordion a{
    color:#acaab3;
    width: 135px;
    text-decoration: none;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    padding : 0px; /* pas de marge intérieure */
}

#accordion a:hover{
    color:#011947;
    font-weight: bold;
}

#accordion a.titre-active{
    color:#011947;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
}

#accordion a.item-active{
    color:#011947;
    font: 12px Arial, Verdana, Helvetica, sans-serif;    
}

#accordion a.item-active:hover{
    color:#011947;
    font-weight: bold;
}

.separateur-bleu{
     border-bottom: #d5d4da 1px solid; 
     width: 135px;
     /*padding-top: 7px;*/ 
     padding-bottom: 5px;   
}

.style1{
    color: #f1c348;
    font: 11px Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
}

.style2{
    color: #011947;
    font: 11px Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
}

.style-bleu a {
	color: #011947;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

.style-bleu a:hover {	
	text-decoration: underline;
}

.style-bleu-active a {
	color: #011947;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.style-bleu-active a:hover {	
	text-decoration: underline;
}

.style-vert a {
    color: #c7d218;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;	
}

.style-vert a:hover {    
	text-decoration: underline;	
}

.style-vert-active a {
    color: #c7d218;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;	
	font-weight: bold;
}

.style-vert-active a:hover {
	text-decoration: underline;	
}

.style-jaune a {
    color: #f1c348;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;	
}

.style-jaune a:hover {    
	text-decoration: underline;	
}

.style-jaune-active a {
    color: #f1c348;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;	
	font-weight: bold;
}

.style-jaune-active a:hover {
	text-decoration: underline;	
}

.style-gris{
	color: #c0c1b8;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}

/* couleurs */
.noir {
    color: #000000;
}

.bleu{
    color: #011947;
}

.gris{
	 color: #555555;
}

.jaune{
	 color: #f1c348;
}

.style3{
	color: #25435d;
	font: 14px Arial, Verdana, Helvetica, sans-serif;
}

.style4{
	color: #000000;	
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}