body {   margin: 0; /* pour éviter les marges */   text-align: center; /* pour corriger le bug de centrage IE */ }


p
{
   /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   text-align: justify;
   font-size:22px;
}




div#bandeau {
width:700px;
height:40px;
background-color:#FFcc00;

text-align:left;



}

div#bandeaugauche {

font-size:30px;


float:left;
	}



div#bandeaudroite
{
width:100px;
font-size:25px;
float:right;
	}
	
	



div#contenu {
float:left;
width:700px;


background-image: url(../fonds/gris_003.jpg);
}




div#piedpage {
width:700px;
height:50px;
background-color:#CCFFFF;
clear:both;
text-align:left;
font-size:15px;
}

div#piedpagegauche {
float:left;
	}

div#piedpagedroite {
float:right;
	}





div#menu {
float:left;
width:100px;
height:400px;
background-color:#FFcc00;
padding-left: 0px;
text-align:justify;
position: relative;top:0px; left:0px;
}

div#menuhaut {
	width:100px;
	height:200px;
	background-color:#66CC33;
	}
div#menubas {
	width:100px;
	height:200px;
	background-color:#CC99CC;
	}
	
	
	
	
	div#blocnews {
	float:right;
	width:300px;
	height:300px;
	background-color:#FFFFFF;
	
	border: 1px solid #FFFFFF;
	}
	
	.centre
        {
          width:100%; font-size:9pt;
            height: 300px;
            overflow:auto;
            border: 1px solid #FFFFFF;
            text-align:center;

        }
	
	
	
	
	
	
	
	
	
	
	
div#menu ul { 
             padding: 0; 
             width: 100px; 
             border:1px solid; 
             margin:0px; 
            } 

/*On positionne les elements du menu */ 
div#menu ul li { 
                position:relative; 
                list-style: none; /*on enleve les icones de liste */ 
                border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/ 
               } 

div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
               }   

div#menu li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
              } 

/*fond jaune pr les sous-menu*/ 
div#menu li.sousmenu { 
                      background: yellow; 
                     } 

/* fichier pour internet explorer */ 
body { 
      behavior: url(csshover.htc); 
     } 

/* On cache tous les sous menu avec la propriété display none */ 
div#menu ul ul { 
                position: absolute; 
                top: 0; background-color: #FFFF66;
                left: 100px; 
                display:none
               } 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 { 
                                                  display:block;
                                                 }

/* fond blanc pour le menu */ 
div#menu a { 
            color:#000000 
           } 
/* fond different au survol de la souris entre les sous-menu et les "basiques"*/ 
div#menu li:hover { 
                   background: #EDD 
                  } 
/* Rajout d'une petite fleche pour les sous menu*/ 
div#menu li.sousmenu { 
                      background: url(fleche.gif) 95% 50% no-repeat; 
                     } 
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a { 
               text-decoration: none; font-size:9pt;
               padding: 10px 0 10px 16px; 
               display:block; border-left: 
               10px solid #BBB; width:70px 
              } 
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover { 
                     border-left-color: red; 
                    } 
div#menu ul ul li a:hover { 
                           border-left-color: #00FF00; 
                          } 
div#menu ul ul ul li a:hover { 
                              border-left-color: #0000FF; 
                             } 




scrollbar-base-color: #999966 ;


a:hover
{text-decoration: none; color:#FF00FF;font-size:15pt;
}

a{text-decoration:none;color: #000000; 
} 


 a:hover { color:#FF00FF; text-decoration:none; font-size:15pt;}

/*pour centrer la page accueil*/ 



		
		.essai-fond1 {
		
		width:700px;
		margin-left: auto;   margin-right: auto;      text-align: left;
		background-image: url(../images/marbre.png);
		}