body {
	  font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	  font-size: 10pt;
	  margin-top : 10px;
      margin-bottom : 10px;	  
	}		
	
	a:focus { 
	  outline: none; 
	}
	
	#conteneur {
	  width: 757px;
	  margin-top : 0;
      margin-bottom : 0px;	  
      margin-left : auto;
      margin-right : auto;
      padding-right : 15px;
	  background-image : url(../images/ombre.gif) ;
      background-repeat  : repeat-y ;
      background-position : top right ;      
      border-left : 1px solid #000;
	}
	
	/* ----- Début entete ----- */
	#entete {
	  height: 95px;
	  background-color: #c1d72d; 
      border-top : 1px solid black;	  
	  border-bottom : 1px solid black;
      color : #fff;
      padding : 10px;  
      background-image : url(../images/entete.jpg) ;
      background-repeat : no-repeat;  
	}

    #titre {
      font-family: Verdana, Lucida Grande, Arial, Helvetica, sans-serif;
      font-size : 20pt;
      display : block;
    }
    
    #sousTitre {
      font-family: Verdana, Lucida Grande, Arial, Helvetica, sans-serif;
      font-size : 15pt;
      display : block;
    }
    /* ----- Fin entete ----- */
	
	
	/* ----- Début partie gauche ----- */
	#gauche {
	  position : relative;
	  top : 0;
	  left : -30px;
      float : left;
      /*width: 134px;*/
      width: 155px;
	  margin-top : 150px;
	  /*margin-left : 10px;*/
	  background-image : url(../images/ombre.gif) ;
      background-repeat  : repeat-y ;
      background-position : top right ;
      border-left : 1px solid #000;
      background-color: #fff;
      z-index : 100;
      text-align : center;      
	}	
	
	* html #gauche { /* Pour MSIE */ 	      
      /*margin-left : 5px;*/
	  width: 145px;    
	}
	
	#gauche a {
	  text-decoration : none;
	  display : block;
	  color : #000;
	  padding-top:3px;
	  padding-bottom:3px;	  
	  width : 100%;
	}
	
	#gauche a.menuGaucheSelectionne,
	#gauche a:hover {
	  font-weight:bold;
	  /*color : #bd1010;*/
	  /*color : #d46c17;*/
	  color : #7e5619;
	}
	
	#agenda,
    #informations,
    #contacts,
    #emplois,
    #associations,
    #filRSS,
    #liens {
	  border-top : 1px solid #b2b2b2;    
    }
	
	#menuGauche {
	  padding-left : 10px;
      padding-right : 25px;	  
	}
	
	#menuGaucheHaut {
      border-top : 1px solid #b2b2b2;
      margin-right : 15px;
	}	
	
	#menuGaucheBas {
      border-bottom : 1px solid #b2b2b2;
      margin-right : 15px;      
	}		
	
	#slideMenuGauche {
      width: 129px;
      height: 150px;
      position: relative;
      overflow: hidden;	
	}
	
	* html #slideMenuGauche { /* Pour MSIE */ 	      
	  width: 119px;    
	}	
	
	#imageMenuGauche {
      position: absolute;
	}
	/* ----- Fin partie gauche ----- */
	
	
	/* ----- Début partie droite ----- */
	#droite {
	  margin-left: 150px;
	  width : 600px;
	}	
	
	* html #droite { /* Pour MSIE */ 
	  margin-left: 0;
	}
	/* ----- Fin partie droite ----- */
	
	
	/* ----- Début menu haut ----- */
	#menuHaut {
	  height: 65px;
	  background-color:#fff;
	  /* border : 1px solid green;  */
	  padding-top : 5px;
	  padding-left : 5px;
	}	

	#menuHaut a {
	  display : block;
	  float : left;
	  width : 144px;
	  height : 59px;
	  padding-left : 4px;
	  text-decoration : none;
	}
	
	a.menuHaut1 {
      background-image : url(../images/actualitesOff.gif);
      background-repeat : no-repeat;
	}	
	
	a.menuHaut2 {
      background-image : url(../images/activitesSportivesOff.gif);
      background-repeat : no-repeat;
	}
	
    a.menuHaut3 {
      background-image : url(../images/activitesArtistiquesOff.gif); 
      background-repeat : no-repeat;
	}	

    a.menuHaut4 {
      background-image : url(../images/activitesAutresOff.gif); 
      background-repeat : no-repeat;
	}		
	
	a.menuHaut1:hover,
	a.menuHaut1Selectionne {
      background-image : url(../images/actualitesOn.gif);
      background-repeat : no-repeat;
	}	
	
	a.menuHaut2:hover,
	a.menuHaut2Selectionne {
      background-image : url(../images/activitesSportivesOn.gif);
      background-repeat : no-repeat;
	}
	 
    a.menuHaut3:hover,
    a.menuHaut3Selectionne {
      background-image : url(../images/activitesArtistiquesOn.gif); 
      background-repeat : no-repeat;
	}	

    a.menuHaut4:hover,
    a.menuHaut4Selectionne {
      background-image : url(../images/activitesAutresOn.gif); 
      background-repeat : no-repeat;
	}	
	/* ----- Fin menu haut ----- */	
		

	#contenu {
	  background-color:#fff;
	  padding : 10px;
	  /* border : 1px solid purple; */
	}
	
	#contenu a {
      font-weight : bold;
      text-decoration : none;
      color : #000;
  	}  	
  	
   	#contenu a:hover {
  	  text-decoration : overline underline;
  	}  

	/* ----- Début pied de page ----- */	
	#pied {
	  background-color: #000;
	  color : #fff;
	  padding : 5px;
	  height : 20px;
	}
	
	#pied span {
	  display : block;
	  float : left;
	}  
	
	#pied a {
	  display : block;
	  float : left;
	  color : #fff;
	  text-decoration : none;
	  font-weight : bold;
	}   
	
	#pied a:hover {
	  text-decoration : overline underline;
	}   
		
	#rss {
	  background-image : url(../images/rss.png); 
	  background-repeat : no-repeat;
	  height : 15px;
	  width : 80px;
	  margin-left : 10px;
	}
	
 	#firefox {
	  background-image : url(../images/firefox.png); 
	  height : 15px;
	  width : 80px;
	  margin-left : 10px;
	}
	
	#thunderbird {
	  background-image : url(../images/thunderbird.png); 
	  height : 15px;
	  width : 80px;
	  margin-left : 10px;
	}
	
	#spamPoison {
	  background-image : url(../images/spamPoison.gif); 
	  height : 15px;
	  width : 80px;
	  margin-left : 10px;
	}	
	
	#pied #rss:hover,
	#pied #firefox:hover,
    #pied #spamPoison:hover,
	#pied #thunderbird:hover {
	  text-decoration : none;
	}
	
	#pied #administration {
	  position : relative;
	  left : 45px;
	  color: #f71;
	}


	
	/* ----- Fin pied de page ----- */