/* Tic du Krek pas obligatoire */
html, body {
height: 100%
}

/* BODY */

body {
margin: 0;
padding: 0;
background-color : #070244;
text-align : center;
font-family : verdana;
font-size : 0.7em;
color : #000;
}

/* BANDE GRISE EN HAUT */

#haut {
width : 100% ; 
background-color : #ccc; 
height : 10px; }


/* CONTENEUR DU TOUT */

#content {
width :80%;
margin-left : auto;
margin-right : auto;
background-color : #fff;
border-top : 1px solid #fff;
height : 100%; }
html>body #content {height : auto; min-height : 100%;  } /*  hack pour assurer le % bien que pas necessaire */




/*  Photo du haut - l'image est ici dans la css */

#expo {
margin-top : 0px ; 
width : 100% ; 
height : 150px;  
background-image : url(images/banniere.jpg)}



/*  Menu  */


ul {
list-style : none ; 
margin-left : auto ;
margin-right : auto;
margin-top : 10px;
padding : 0 0 10px 0 ;
background : transparent;
text-transform : uppercase ; 
font-weight : bold;
font-size :1.1em; }


li {
float : left ; 
margin : 0 0 0 10px}

li a {color : #000; text-decoration : none}
li a:hover {color : #EAB700; text-decoration : none ; border-bottom : 2px solid #EAB700}



/* LES DIV QUI CONTIENNENT LES TEXTES */



.gauche {
float : left ;
width :31% ;
margin-left : 0 ;
text-align : left;  }

.centre {
float : left ; 
width : 33% ; 
margin-left : 2% ; 
text-align : left;}


.droite {
float : right ; 
width : 31% ; 
margin-left : 0 ; 
text-align : left;}

/* BANDE GRISE EN BAS */

.bas {
width : 100%; 
clear : both ; 
height : 20px; 
background : #ccc ; 
margin-top : 20px ;
border-top : 40px solid #fff; 

}

.bas p{
padding :  4px 0 0 0 ; 
margin : 0; 
text-align : center ; 
background : none ; 
color : #B0B211
}

.bas a{
text-decoration : none; 
}

.bas a:hover {
text-decoration : none; color : #fff; 
}

  
  
  
  
  
  /* Les DIV qui contiennent les images en bakcground */
   /* Pour chaque image différente il faut un DIV */

.img_exo {width : 100% ; height : 150px; background : #FFF url(images/haut.jpg); margin : 10px 0 0 0 ;} 
.acces {width : 100% ; height : 241px; background-image : url(images/acces.jpg); margin : 10px 0 0 0} 







/* Paragraphes */


h2 {
width : 100%; 
font-size : 14px ; 
padding : 0 0 0 0 ; 
margin : 10px 0 10px 0}

p {
text-indent : 20px ;
background: url(images/carre12.gif) top left no-repeat; 
text-align : justify; 
margin : 10px 0 0 0}
  
  .liresuite {
background : none ; 
  text-align : right ; 
  }
  
/* Configuration des liens */  
  
  a {color : #C3940E; text-decoration : underline}
  a:hover {color : #000; text-decoration : underline}