#en_tete
{	
	/* background-position: center;  */
	background-repeat: no-repeat; 
	background-color: rgb(255,255,255);    /* blanc   */
	width: 900px; 
	height: 14%;   
	position: fixed;      /*  position fixe sur toutes les pages   */
   	left:  70px;
  	top: 0%; 
	/* -top: -5px;   uniquement pour IE 6, ne change rien ...    */
	text-align: center;
}

/*
#menu
{
   	width: 900px; 
	position: fixed;       
   	top: 18%;
	left:  70px;
	text-align: left;
}
*/

#corps
{
	padding: 34px;  /*   Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   	background-image: url("compo_fin2.png");
	position: fixed;       /* position fixe sur toutes les pages   */ 
	-position: absolute;      /*     uniquement pour IE 6   */
	top: 23%;   		/*uniquement pour IE 6    */
	left: 70px;
	text-align: left;  
	width: 830px;
	height: 67%;   
	overflow: auto;
}

#corps2
{
	padding: 34px;  /*   Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   	background-image: url("fondsite.png");
	position: fixed;       /* position fixe sur toutes les pages   */ 
	-position: absolute;      /*     uniquement pour IE 6   */
	top: 23%;   		/*uniquement pour IE 6    */
	left: 70px;
	text-align: left;  
	width: 830px;
	height: 67%;   
	overflow: auto;
}

#corpsRR
{
   	padding: 20px;   /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   	background-image: url("compo_RR.png");  
	position: fixed;       /* position fixe sur toutes les pages   */ 
	-position: absolute;         /* uniquement pour IE 6   */
	top: 18%;     
	left: 70px;
	text-align: left;  
	width: 860px;
	height: 75%;   
	overflow: auto;
}

#corpsCB
{
   	padding: 20px;   /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   	background-image: url("compo_fin2.png");
	position: fixed;       /* position fixe sur toutes les pages   */ 
	-position: absolute;         /* uniquement pour IE 6   */
	top: 18%;     
	left: 70px;
	text-align: left;  
	width: 860px;
	height: 75%;   
	overflow: auto;
}

#pied_de_page
{
	padding: 2px;  
	text-align: center;
	color: #b3b3b3;
	background-color: rgb(128,128,128);     /*  fond gris */
	position: fixed;
	top: 14%; 
	width: 896px;
	left:  70px;
	height: 3%;  
}

#en_tete h1 /* Tous les titres h1 de l'en-tête */
{
   	color: rgb(128,0,128);   /* titre en violet  */
  	font-size: 32px;         /* taille en pixels    */
	font-family: "Papyrus", Arial, Verdana, serif;
	text-align: center;
/*	font-style: italic;  */
}

#en_tete h2
{
	font-size: 14px;         /* 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: "Times new roman", Arial, Verdana, serif;
	text-align: center;
}

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

#corpsRR h1
{
   	color: black;   
  	font-size: 24px;        
	font-family: "Times new roman", Arial, Verdana, serif;
	text-align: center;
}

#corpsCB h1
{
   	color: black;   
  	font-size: 24px;        
	font-family: "Times new roman", Arial, Verdana, serif;
	text-align: center;
}

#corps h2
{
	font-size: 17px;         /* taille en pixels    */
	font-family: "Arial", 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: 19px;
	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; 
}

body
{
	background-color: rgb(100,50,84);     /* fond violet */
}


/* .barres_defilement{overflow: scroll;} */

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

#corps2 p
{
	color: rgb(220,150,100);   /* orange  */         
	margin: 2px !important;			/*   seulement pour firefox  */
	font-size: 17px;	!important;      /*   seulement pour firefox  */
	*font-size: 17px;			/*   seulement pour IE6 et IE7  */
	font-family: "Times new roman", Verdana, serif;
}

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

#corps li
{
	padding: 5px;
}


#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;}



#menuDeroulant
{
 width: 900px;
 list-style-type: none;
top: 18%;
left:  70px;
position: fixed;
 margin: 0;
 padding: 0;
 border: 0;
/* position: absolute;
 top: 0;
 left: 0; */

/*
width: 900px; 
	position: fixed;       
   	top: 18%;
	left:  70px;
	text-align: left;
*/
}         


#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: blue;
 background: white;
 
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}

#menuDeroulant li
{
 float: left;
 width: 180px;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li a:hover { background-color: #CFE1EB; }   /*bleu clair */

#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}		

#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 179px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}		

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: blue;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("fondTR.png") repeat;
}

#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #CFE1EB;
}			
	
#menuDeroulant li:hover > .sousMenu { display: block; }	



/*

#menu a  {text-decoration: none;}

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

#menu a.tableau:hover
{
	background-color: #CFE1EB; 
   
}

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