body {
	background-image:  url(images/fonddegrade.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666699;
	
	 
    	
}

h2 {
  font-size: 12px;
	font-weight: bold;
}
form { 
     
	 text-align: right;
}
/* Propriétés des liens pour l'ensemble du site */
 a{
           text-decoration: none;
		   color: #666699;
		  
		}
 a:hover{
           text-decoration: none;
		   color: #ff3399;
		 

}
/* Propriétés de la liste à puce de la page plan du site */
.liste {
	
	text-align: left;
	list-style-position: inside;
	list-style-type: disc;
}
/* Propriétés des titres en gif pour l'ensemble du site */
.soustitre {
               
			   
			  
             text-align: center;
			 margin-top: 10px;
			 
			   
}
/* Fait dsiparaitre les titre en h1 pour laisser aparaître les titres 
gis dans l'ensemble du site */
.soustitre h1 {
               
               display: none;
}



/*  conteneur général de la page */ 
#conteneur {
		 background-image: url("images/petitefeuillegauche.gif");
		 background-repeat: no-repeat;
		 background-position: -3px 100px;
}
/* Spécial Mac et firefox */
html > body .conteneur {
          background-position: -3px 95px;
}
.titrerotary {
    margin-right: 10px;
}


/*  conteneur général de l'accueil */ 
.conteneuraccueuil {
           

}

/* En tête de la page */
.header {
          
}
/* Propriétés du Logo situé dans l'en-tête de la page */
.logo {
   
	  margin-bottom: 5px; 
		margin-left: 5px;
}
/* Suprime les bordures du logo quand il est un lien */
.logo a img{
         border: 1px;
}
/*Propriétés du formulaire */
.header form {
	
	
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 9px;
	color: #666699;
	 
}

/* Propriétés du trait horizontal séparant l'en-tête du 
corps de la page */
.traitvertiheader {
	
	margin-bottom: -3px;
	
	
   
}
/* Spécial Mac et firefox */
html > body .traitvertiheader {

	
	

}

/* Propriétés du menu horizontal situé sous la barre horizontale
séparant l'en-tête du corps de la page */


/* Propriétés des liens actifs dans le menu horizontal */

div#menu_horizontal a{
     font-size: 11px;
      
}


div#menu_horizontal a.ouvert{
                    color: #ff3399;
					text-decoration: none;
					
					
}


 div#menu_horizontal {
        float: left;
				width:850px;
				margin:0 0 10px 0;
				background: transparent;
       
}	
/* */
	
 div#menu_horizontal ul{
        margin: 0;
				padding: 0;
				
				
				background: #ffffff;
				
				

}
div#menu_horizontal ul ul{
       position:absolute;
			 width:76px;
			margin-left: -39px;
			 display: none;

			 
}

div#menu_horizontal ul ul li{
        			 border-left: 1pt solid #003399;
							 			
										 
										 }

html>body #menu_horizontal ul ul{
      width:80px;
			margin-left: -1px;
}
 div#menu_horizontal li{
       position:relative;
			 list-style: none;
			 margin: 0;
			 float: left;
			 width:76px;
			text-align:center;
			 border-right: 1px solid #003399;
       border-bottom: 1px solid #003399;
			  border-top: 1px solid #003399;
}

 html>body #menu_horizontal li{

		 width:80px;	


}

 div#menu_horizontal li.submenu:hover{
    
      background-color: #d1d6e4;
 }

 div#menu_horizontal li.submenu {
    background: url(images/flechemenu2.gif) 95% 80% no-repeat;
			  }
				

 div#menu_horizontal li a{
      display: block;
			 padding: 2px 2px 2px 2px;
			 height: 28px;
			 width: 100%;
			 voice-family: "\"}\"";
			 voice-family: inherit;
			 width: 80px;

}

html>body  #menu_horizontal li a{
        height: 20px;
			 padding: 5px 2px 10px 2px;
			 } 

 /*div#menu_horizontal li a:hover{
       background-color: #d1d6e4;     
 
 }*/
div#menu_horizontal>ul a{
       width:auto;
 
}
div#menu_horizontal ul.niveau1 li.submenu:hover ul.niveau2{
    display:block;
}

div#menu_horizontal ul.niveau1 li.submenu ul.niveau2 a:hover{
    background-color: #d1d6e4;
}

/*#menu_horizontal table{
  
    text-align: left;
}

 Spécial Mac et firefox 
html > body #menu_horizontal {
    

}
*/


/* Propriétés de la partie gauche de la page */
.gauche {
        
		
		
		
		 

	
		 
}
/* Spécial Mac et firefox */
html > body .gauche {
          
          background-position: -3px 13px;
}

/* Propriétés des images dans la partie gauche de la page */
.gauche img {
      
	  

		
		
}

/* Spécial Mac et firefox */
html > body .gauche img {

	   padding-left: 50px;
	   padding-bottom: 50px;
		margin-top: -22px;
		
}

/* Propriétés de la partie gauche des pages action */
.gaucheaction {
        
		
		 
		 

	
		 
}
/* Spécial Mac et firefox */
html > body .gaucheaction {
          
}

/* Propriétés des images dans la partie gauche de la page */
.gaucheaction img {
     
	   margin-top: -100px; 
	   padding-left: 70px;

		
		
}

/* Spécial Mac et firefox */
html > body .gaucheaction img {

	   padding-left: 89px;
	   padding-bottom: 50px;
		margin-top: -178px;
		
}

/* Propriétés du menu de la partie gauche de la page */
.sousmenu {	
	font-size: 9px;
	/*font-weight: bold;*/
	text-align: right;
	margin-top: 30px;
	font-style: normal;		
}
.sousmenu h3{
  font-size: 12px;
  font-weight: bold;
}
.sousmenu .titre{
  font-size: 11px;
	font-weight: bold;
}
/* Spécial Mac et firefox */
html > body .sousmenu {
		 margin-left: -1px;
		 vertical-align: bottom;
}

/* Propriétés des liens actifs du menu de la partie gauche de la page */
.sousmenu .ouvert  a{
                    color: #ff3399;
					text-decoration: none;
}



/* Propriétés de la partie centrale de la page accueil */
.accueil {
	height: 500px;
	background-image:  url(images/grandefeuilleaccueil.gif);
	background-repeat: no-repeat;
	background-position:10px 2px;
}

/* Spécial Mac et firefox */
html > body .accueil {
	
 
	background-position: 20px -1px;
}

/* Propriétés de la partie gauche de la page accueil */
.gaucheaccueil {
        


		 
}

/* Propriétés des images dans la partie gauche de la page accueil */
.gaucheaccueil img {
      
        padding-left: 740px;
		    margin-top: -10px;
		
		
		
}

/* Spécial Mac et firefox */
html > body .gaucheaccueil img {
    
		margin-top: -1px;
		padding-top: 1px;
}


/* Propriétés du menu dans la partie centrale de la page accueil */

/* Propriétés de la partie gauche du menu dans la partie centrale de la page accueil */
.accueilmenug{
	
	margin-right: 220px;
	margin-top: 220px;
	text-align: right;
	background-image:  url(images/traitvertiseparationmenu.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}
/* Spécial Mac et firefox */
html > body .accueilmenug{

	margin-left: 400px;
	margin-top: 200px;

}

/* Propriétés de la partie droite du menu dans la partie centrale de la page accueil */
.accueilmenud{
      
	 
	  padding-left: 500px;
	  margin-top: -98px;
	  text-align: left;
	 
	 
}


/* Spécial Mac et firefox */
html > body .accueilmenud{
	 
	margin-left: 510px;
	  margin-top: 100px;
	  padding-left: 5px;
	 
}

/* Propriétés de la partie gauche du formulaire dans la partie centrale de la page contact */
.contactg{
	
	
	text-align: right;

	
}
/* Spécial Mac et firefox */
html > body .contactg{

	

}

/* Propriétés de la partie droite du formulaire dans la partie centrale de la page contact */
.contactd{
     
	  
	  
	 
	 
}


/* Spécial Mac et firefox */
html > body .contactd{
	  
	
	 
}

/* Propriétés de la partie centrale de la page organigramme-comite */
.centreorganigramme {
	float:left;
	text-align: center;
    margin-right: 95px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666699;
	
	
}
/* Propriétés de la partie centrale de la page organigramme-comite */
/* Spécial Mac et firefox et opéra (PC)*/
html > body .centreorganigramme {
	

    margin-left: 100px;


	
	
}
/* Propriétés de la partie centrale de la page organigramme-commission */
.centreorganigramme2 {
	float:left;
	text-align: center;
    margin-right: 95px;
	margin-top: 20px;
	padding-left: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666699;
	
	
}
/* Propriétés de la partie centrale de la page organigramme-commission */
/* Spécial Mac et firefox et opéra (PC)*/
html > body .centreorganigramme2 {
	

    margin-left: 220px;
    padding-left: 0px;
	
	
}

/* Propriétés de la partie centrale de la page organigramme membres*/
.centreorganigrammemembres {
	float:left;
	text-align: left;
	margin-top: 20px;
  padding-left: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666699;
	
	
}



/* Propriétés du tableau dans la partie centrale de la page organigramme- centre le tableau */
.tableau {
         margin-left: 90px;
		align:center;
		
		
}
/* Propriétés du tableau dans la partie centrale de la page organigramme- centre le tableau */
/* Spécial Mac et firefox et opéra (PC)*/
html > body .tableau {
         margin-left: 1px;
		align:center;
		
		
}

/* Propriétés du tableau dans la partie centrale de la page liste des membres- centre le tableau */
.tableau2 {
	margin-left: 150px;
	text-align: left;
	text-indent: 5px;	
	margin-top: 15px;	
		
}
/* Propriétés du tableau dans la partie centrale de la page organigramme- centre le tableau */
.tableau3 {
         margin-left: 35px;
		text-align:justify;
		align:left;
		
		
}
/* Propriétés du tableau dans la partie centrale de la page organigramme- centre le texte
et dimentionne le tableau */
.centreorganigramme table {
      
	  text-align: center;
	  
}


/* Propriétés du tableau dans la partie centrale de la page organigramme- souligne 
les intitulés */
.souligne{
     text-decoration: underline;
	 font-weight: bold;
}

/* Propriétés du tableau dans la partie centrale de la page organigramme- dimentionne
les images et les positionne */
 table img {
	
	border: 0px;
	padding-right: 0px;
	padding-left:  0px;

	
	
}


/* Propriétés du menu dans la partie centrale des  pages sans partie droite */
 .centre {
 float:left;
  width: 450px;
	height: auto;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666699;
	margin-left: 70px;
	
}
/* Propriétés du menu dans la partie centrale des  pages sans partie droite */
/* Spécial Mac et firefox et opéra (PC)*/
html > body .centre {
 float:left;
  width: 450px;
	height: auto;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666699;
	margin-left: 150px;
	
}
.centre img {
     padding-right: 10px;
	 padding-bottom: 1px;
	 padding-top: 3px;
}
.president img {
     padding-right: 10px;
	 padding-bottom: 1px;
	 padding-top: 3px;
}

/* Propriétés du menu dans la partie centrale des  pages avec partie droite */
.centre2 {
	float: left;
	width: 500px;
	height: auto;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666699;
	margin-left: 50px;
	
	left: 1px;
	
}

html > body .centre2{
   margin-left: 165px;
}
/* Propriétés des titres des articles dans la partie centrale avec et sans partie droite */
.titrearticle {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #666699;
	
}

/* Propriétés de la partie droite */
.droite {
  float: right;
	width: 150px;
	text-align: center;
	margin-right: 1px;
	margin-top: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #666699;
	vertical-align: top;
	
				 
}

/* Propriétés du pied de page */
.footer {
         
		  
		  text-align: left;
		  
}

/* Propriétés des liens dans le pied de page */
.footer a {
          font-size: 9px;

}
/* Propriétés des liens actifs dans le footer */
.footer .ouvert  a{
          color: #ff3399;
					text-decoration: none;
					
}
/* Propriétés du tableau de l'interface admin */

.admin {
       
        
        text-align: left;

}.imgSelect {
	border: medium solid #FF0000;
}
.imgNoSelect {
	border: none;
}
.rouge{
      font-weight: bold;
			color:#ff3399;
			}