/*  CORRECTION BUG IE SELECTION TEXTE ALEATOIRE */

html, body {
height: 100%
}

/*  CORPS DE LA PAGE */

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000000;
background : #A8B962;
}


/*  CONTENEUR PRINCIPAL DU SITE  */

#cont {
background-color :transparent;
text-align : left;
width : 850px ; 
margin : 0 auto 0 auto ; 
height:100%;
}



/*  CONTENEURS HAUT - CENTRE - BAS  */

#haut {
width : 850px ; 
height : 252px ;
margin : 0 auto 0 auto; 
padding : 0px;
background: url(images/head.jpg)
 }
 
 
#centre {
width : 850px ;
background-color :transparent;
margin : 0 auto 0 auto ; 
background-image : url(images/bgd.jpg);
text-align : justify; 
 }

 
 #centrage { 
padding-left : 50px ; 
background : transparent; 
width : 800px ;
  }
 
 
#bas {
clear : left ; 
position : relative ; 
width : 850px ; 
height : 80px ;
margin : 0 auto 0 auto ; 
background : url(images/bottom.jpg)
}
 
 
 /*  CONTENEUR GAUCHE  */
 
 
#gauche {
float : left ;  
width : 175px;
text-align : left;  
border : 1px solid #FFFFFF;
color : #FFFFFF;   
padding : 3px;
background : #c2003f; 
  }
  
#gauche_activites {
float : left ;  
width : 175px;
text-align : left;  
border : 1px solid #FFFFFF;
color : #FFFFFF;   
padding : 3px;
background : #FFCC00; 
  }  

#gauche_quartier {
float : left ;  
width : 175px;
text-align : left;  
border : 1px solid #FFFFFF;
color : #FFFFFF;   
padding : 3px;
background : #95A355; 
  }    
  
#gauche_parents {
float : left ;  
width : 175px;
text-align : left;  
border : 1px solid #FFFFFF;
color : #FFFFFF;   
padding : 3px;
background : #C2003F; 
  }    

 /*  CONTENEUR DROIT  */


#droite {
float : left ; 
padding : 0 0 0px 0; 
background : transparent;
width : 550px;
margin-left : 15px;
color : #FFFFFF;

}


#droite p {
margin : 5px 5px 10px 0; 
padding : 0 ; 

}


 /*  TITRES  */

h1 {
clear : left ; 
margin : 0 ; 
padding : 2px 0 2px 0;
font-size : 1.2em;
background : #c2003f;
border : 1px solid #FFFFFF;
color :#FFFFFF; 
text-indent : 5px;
text-transform : uppercase ;
margin-bottom : 20px ;
}

h2 {
clear : left ; 
margin-bottom : 10px ; 
margin-top: 10px;
padding : 0px;
font-size : 1.1em;
background : #transparent;
border-bottom : 0px solid #FFFFFF;
color :#fff; 
text-indent : 0px;
text-transform : uppercase ;
}

h5 {
font-size : 14px ;
text-indent : 1px;
text-align : center;  
margin : 0 0 10px 0 ;
padding : 0; }


/*  LISTE */
 
 
ul, li {
list-style : square ;}

.list {
float : left ;   
margin : 0px;
padding : 0px; 
width : 95% ; 
}



 
 /*  LIENS */


a {
color : #FFFFFF; 
font-size : 11px; 
text-decoration : none ; 
font-weight : bold ; 
}

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