#fixe {
   	position: fixed;   /* ne défile pas   */
	width:100%;
	/*  text-align: left;    essai IE6  */
	left:0; /* essai IE6  */
	right:0; /* essai IE6  */
}

/* l'entete sera centré dans le div "fixe"  sauf pour IE<6 où il se retrouve à gauche  */
#en_tete  {	
    	background-image: url("banniere3.png");  
	background-repeat: no-repeat; 
	background-color: rgb(187,187,187); 
	padding: 5px;
	width: 890px;  
	height: 105px;
  	top: 0%; 
	position: absolute;  /* essai IE6  */
	left:0; /* essai IE6  */
	right:0; /* essai IE6  */
	margin-left: auto; 
  	margin-right: auto;
}

/* pour ce qui est sous l'entete  */
#absolu {
   	position: absolute;
	left:0; /* essai IE6  */
	right:0; /* essai IE6  */ 
	width:100%;
	top: 115px; 
}

#absolu2 {
   	position: absolute;   
	left:0; /* essai IE6  */
	right:0; /* essai IE6  */
	width:100%;
	top: 229px; 
}

/* partie qui sera centrée dans le div "absolu", et qui comprend le "menu" (fixe) et le "corps" (déroulant) */
#page {
   	width: 900px;
	position: absolute;  /* essai IE6  */
	left:0; /* essai IE6  */
	right:0; /* essai IE6  */
	text-align: left;  /* essai IE6  */
	margin-left: auto; 
  	margin-right: auto;
	overflow: auto; 
}

#corps  {
   	padding: 20px;   /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   	background-color: rgb(20,20,84);  /* bleu nuit */
	padding-left: 150px;   /* place du menu  */
	text-align: left;  
	left:0; /* essai IE6  */
	right:0; /* essai IE6  */
}	

#menu
{
	width: 120px; 
	position: fixed;
	text-align: left;
	background-color: rgb(255,170,120);     /* fond orange */
}

#pied_de_page   
{  
	text-align: center;	
}

body
{
	background-color: rgb(255,250,200);     /* fond orange clair*/
	margin: 0; /* pour éviter les marges */ 
  	text-align: center; /* pour corriger le bug de centrage IE */ 
}

#menu_catalogue  {
	position: fixed;       /* position fixe sur toutes les pages   */
	top: 115px;
	width: 900px;
	height: 110px;  
	background-color: rgb(255,170,120);     /* fond orange */ 
}

#entete_catalogue  {
	position: fixed;       /* position fixe sur toutes les pages   */
	top: 150px;  
	text-align: left;
	width: 900px;
	height: 80px;  
	background-color:rgb(255,170,120);     /* fond orange */ 
}

#tableau_catalogue  {
   	background-color: #AACCFF;
   	border: 1px outset white;  /* Une bordure pour bien marquer les limites du corps  */
	top: 229px; 
}

#en_tete h1  {
   	color: rgb(128,0,128);   /* titre en violet  */
  	font-size: 60px;         /* taille en pixels    */
	font-family: "Vivaldi", Arial, Verdana, serif;
	text-align: center;
	font-style: italic;
}

#en_tete h2  {
	font-size: 13px;         /* taille en pixels    */
	font-family: "Arial",Times New Roman, Verdana, serif;
	color: rgb(255,255,255);     /*  blanc   */
	position: fixed;       /* position fixe sur toutes les pages   */
	left:  5px;
   	top: 11%;
	text-align: center;
	width: 98%;
}

#corps h1  {
   	color: rgb(255,150,100);   /* orange  */
  	font-size: 22px;        
	font-family: "Bradley Hand ITC",Lucida Handwriting, Times new roman, Arial, Verdana, serif;
	text-align: center;
}

#corps h2  {
	font-size: 17px;         /* taille en pixels    */
	font-family: "Arial narrow", Times New Roman, Verdana, serif;
	color: rgb(180,180,180);     /*  gris   */
	text-align: center;
}

#corps h3  {
   	color: yellow;
   	font-size: 13px;
	font-family: "arial narrow", Arial, Verdana, serif;
	width: 98%;
	text-align: center; 
}

#corps h4  {
	color : rgb(180,180,180);         
	font-size: 17px;
	font-family: "arial narrow", Arial, Verdana, serif;
	text-align: center;
	/* font-style: italic;  */
}

#corps h5  {
   	color : rgb(180,180,180);         
	font-size: 14px;
	font-family: "Times new roman", Verdana, serif;
	text-decoration: underline; 
	text-transform: uppercase;
	text-align: left; 
}

#bon_cde  {
	background-color: rgb(255,255,255); 
	width: 100%;
	height: 100%;
	position: fixed;      /*  position fixe sur toutes les pages   */
   	left:  0px; 
  	top: 0px; 
	overflow: auto;
	text-align: center;
	color: rgb(0,0,0);
}

#menu_catalogue h1  {
   	color: rgb(128,128,128);   /* titre en gris  */
  	font-size: 20px;         /* taille en pixels    */
	font-family: "Times new roman", Arial, Verdana, serif;
	text-align: center;
	font-style: italic;
}

#menu_catalogue p, h6  {
	color : black;         
	font-size: 12px;
	font-family: "Times new roman", Verdana, serif;
}

#menu_catalogue a.actif {color: blue; font-style: bold; font-size: 20px; text-decoration:none}
#menu_catalogue a.actif:hover {color: blue;}
#menu_catalogue a.actif:visited {color: blue;}   

#menu_catalogue a.nonactif {color: blue;}


#entete_catalogue p, h6  {
	color : black;         
	 margin: 2px !important;		/*	  seulement pour firefox  */
	font-size: 11px;	!important;      /*   seulement pour firefox  */
	*font-size: 12px;			/*   seulement pour IE6 et IE7  */ 
	font-family: "Times new roman", Verdana, serif;
}

#entete_catalogue a.actif  {
	color: blue; font-style: bold; 
	font-size: 16px; 
	text-decoration:none; 
	background-image:url("flechetri.png");
	background-repeat: no-repeat;
	background-position: center;
}

#entete_catalogue a.actif:hover {color: blue;}
#entete_catalogue a.actif:visited {color: blue;}

#entete_catalogue a.nonactif {color: blue;}

#tableau_catalogue p, h6  {
	color: black; 
	margin: 2px !important;			/*   seulement pour firefox  */
	font-size: 12px;	!important;      /*   seulement pour firefox  */
	*font-size: 13px;			/*   seulement pour IE6 et IE7  */    
	font-family: "Times new roman", Verdana, serif;
}

#corps p  {
	color : rgb(210,210,210);         
	margin: 2px !important;			/*   seulement pour firefox  */
	font-size: 13px;			
	font-family: "arial", Times new roman, Verdana, serif;
}

#corps ul  {
	color : rgb(210,210,210);         
	margin: 2px               !important;	/*   seulement pour firefox  */
	padding: 5px;
	padding-left: 20px;	
	font-size: 13px;	
	font-family: "arial", Times new roman, Verdana, serif;
}

#corps li  {
	padding: 5px;
	font-size: 13px;	
	font-family: "arial", Times new roman, Verdana, serif;
}

#corps a  {color: rgb(150,200,255);}
#corps a:visited  {color: rgb(255,100,100);}


.center {margin-left:auto; margin-right:auto; text-align: center;}
.right {margin-right:1px; text-align: right;}

#menu a  {text-decoration: none;}


#menu a.tableau  {	
	color: blue;
	*font-size: 14px;
	font-family: "arial narrow", Arial, Verdana, serif;
}

#menu a.tableau:hover  {
	background-color: #CFE1EB; /* Le fond du paragraphe change de couleur */
   	text-indent: 10px;
}

#menu a.tableau:visited  {color: rgb(255,100,100);}

#menu p  {
	text-decoration: none;
	color: blue;
	margin: 2px !important;			/*   seulement pour firefox  */
	font-size: 13px;	!important;      /*   seulement pour firefox  */
	*font-size: 14px;			/*   seulement pour IE6 et IE7  */
	font-family: "arial narrow", Arial, Verdana, serif;
}

#menu h6  {
	text-decoration: none;
	text-align: center;
	color: black;
	font-size: 11px;
	font-family: "arial narrow", Arial, Verdana, serif;
}

#pied_de_page p  {
	font-family: "arial", Arial, Verdana, serif;
	
}

#pied_de_page a  {text-decoration: none; color: rgb(170,170,170);}
#pied_de_page a:hover  {color: white;}
#pied_de_page a:visited  {color: rgb(150,150,150);}
#pied_de_page a:visited:hover  {color: white;}