/* -------------------------------------------------------- partie MenuDeroulantCSS.css ------------------------------------------------------ */
div #menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on définit une hauteur pour chaque élément 21*/
        text-align : center; /* on centre le texte qui se trouve dans la liste */
 /*		white-space: nowrap;  Ajout ? */
		/*left: auto;  Repositionnement normal ?? */
		
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 0.7em; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : rgb(128,128,255); /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 140px;  /* largeur 144*/
}

#menu li /* Elements des listes */      
{ 
        float : left ; /* left, right, none */
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 140px; /* Largeur des sous-listes */
        left: -2000em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 140px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #aaa; /* On passe le texte en noir...000 */
        background: #fff; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em;/* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

body
{   width:90%;margin:auto;min-width:600px;max-width:2000px;
  /* width: 1200px;*//* 760 
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;  */  
  /* background-image: url("Images/ArrierePlan2.jpg");*/
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}


										/* Le corps de la page */

#corpsCR
{
   margin-left: 4px;
   margin-bottom: 20px;
   padding: 5px;
   color:#ffffff ;/* Texte en noir */
   /* background-color: #ccffff;Fond chaud rgb(0,170,255)*/
   background-repeat: repeat-x;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   border: none;
}

#corpsCR h1
{
   color: #0000ff;/* CouleurBleu */
   font-size: 2.5em; 
   line-height: 1.2em;
   text-align: center;
   font-family:"Brush Script MT","Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corpsCR h2
{ 	color: white;/* Blanc */
  	font-size: 1.4em; 
   line-height: 1.2em;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   padding-left: 30px;
	text-indent: 40px; 
	text-align: center;
}

#corpsCR h3
{
  
    font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 1.1em; 
   	line-height: 1.2em;
   	padding-left: 30px;
   	color: #FFFFFF;
	text-align: center;
  	text-indent: 50px; 
}
#corpsCR h4
{
    font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 0.9em; 
   	line-height: 1.2em;
   	padding-left: 30px;
   	color: #006600;
	text-align: center;
  	text-indent: 50px; 
}
#corpsCR h5
{
   font-size: 0.7em; 
   line-height: 1.2em;
    font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   padding-left: 30px;
   color: #FFFFFF;
   text-align: center;
}
#corpsCR h6
{
   font-size: 0.6em; 
   line-height: 1.2em;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   padding-left: 120px;
   color: #FFFFFF;/* Blanc */
   text-indent: 40px; 
   text-align: center;
}
#corpsCR h7
{
   
align="center";
   font-size: 1em; 
   line-height: 1.5em;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #00;/* Bleu */
   

}
 #global {   margin-left: auto; 
   margin-right: auto; 
    width:100; /* largeur obligatoire pour être centré */
	 }






#corpsCR ul li
{	margin-left: 130px;
    font-size: 0.9em;
	 text-indent:-10px;
    font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	color: black;
}

#corpsCR p
{	
	/* width: 700px;  On a indiqué une largeur (obligatoire) */
	font-family:"Comic Sans MS", Arial;
	color: #006600;  /* Couleur de la police */
   font-size: 0.8em; /* Taille de la police  0.6 ca rafraicit mal*/
   	text-align: justify;/* La ligne est répartie */
   text-indent: -30px;/* Retrait à droite de 30 px pour la premiére ligne */
	line-height: 1.3em;/* hauteur de la ligne: 1.0 ca rafraicit mal*/
 	padding-top: 1px;
  	padding-bottom: 1px;
  	margin-top: 1px;
   	margin-bottom: 1px;
	margin-left: 120px;
   	border-style: none;/* Pas de bordure visible*/
  
   	padding-left: 12px;/* Marge intérieure*/
	padding-right: 12px;/* Marge intérieure*/
   /*	margin: auto;  On peut donc demander à ce que le block soit centré avec "auto" */
    
}
#corpsCR ul li p  /* Essai */
{	
	/* width: 700px;  On a indiqué une largeur (obligatoire) */
  /* border-style: none; Pas de bordure visible
  /* text-align: justify;*/
  /* padding: 12px; Marge intérieure*/
  /* margin: auto;  On peut donc demander à ce que le block soit centré avec "auto" */
  /* margin-bottom: 20px; Marge extérieure haute */
   color: black;  /* Couleur de la police */
   font-size: 0.8em; /* Taille de la police */
   text-indent: 30px;/* Retrait à droite de 30 px */
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   /*font-size: 1.0em;  Ecrit légèrement plus gros que la normale */
  
}

								/* Pied de page */
#pied_de_page
{ /*height: 140px;*/
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   background-color:rgb(0,170,255);/* #626262 Orange rgb(255,204,153)
												Jaune rgb(255,255,161)
												Vert rgb(231,255,231)
 										*/
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   border: 2px solid black;
}
#pied_de_page p
{
   text-align: center;
   color: rgb(255,255,255);/*;#B3B3B3 */
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size:0.6em;
  /* border: 2px solid black;*/
}

#pied_de_page p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 2.0em; /* Ecrit légèrement plus gros que la normale */
   color: black; /*En bleu */
}