body
{
   WIDTH: 860px; margin: auto; margin-top: 1%; margin-bottom: 1%;  
   FONT: BOLD 11px Verdana; TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); line-height: 20px;
   border: 2px RIDGE rgb(8,60,68);
}
/* L'en-tête */
.entete
{
  TEXT-ALIGN: left; width:100%;
  background-color: rgb(255,255,255);
  background-repeat: repeat;
  margin: 0px; 
  border-top: 0px inset rgb(0,60,68);
  FONT: bold 3.4em TimesNewRoman; COLOR: rgb(255,255,255);
}
.new/* pour le menu des autres pages */
{
 background-image: url("images/etoi.gif");
}
.espace /* pour les boutons de la page index */
{
border: 0px outset rgb(255,255,255); 
 COLOR: #FFFFFF; FONT:  11px Verdana;
}
.espace a /* pour les boutons de la page index */
{
border: 0px outset rgb(255,255,255); text-decoration: none;
 COLOR: #FFFFFF; FONT: BOLD 11px Verdana;  padding-left: 11px;
}
.espace a:hover /* pour les boutons de la page index */
{
  text-decoration: underline; COLOR: RGB(77,105,133) ;
  BACKGROUND-IMAGE: "images/178.gif";
}
.espace1 a /* pour le bouton télécharger de la page index  */
{
border: 0px outset rgb(255,255,255); text-decoration: none;
 COLOR: #FFFFFF; FONT: BOLD 10px Verdana;  padding-left: 11px;
}
.espace1 a:hover /* pour le bouton télécharger de la page index  */
{
  text-decoration: underline; FONT: BOLD 10px Verdana;
   COLOR: RGB(77,105,133); BACKGROUND-IMAGE: "images/178.gif";
}
.esp /* pour le menu des pages principales*/
{
border: 0px outset rgb(255,255,255); 
 COLOR: #FFFFFF; FONT:  11px Verdana;
}
.esp a /* pour le menu des pages principales*/
{
border: 0px outset rgb(255,255,255); text-decoration: none;
 COLOR: #FFFFFF; FONT: BOLD 11px Verdana; 
}
.esp a:hover /* pour le menu des pages principales*/
{
  text-decoration: underline; FONT: BOLD 11px Verdana;
   COLOR: #FFFFFF; BACKGROUND-IMAGE: "images/178.gif";
}
.esp1 a /* pour le menu des autres pages */
{
border: 0px outset rgb(255,255,255); text-decoration: none;
 COLOR: #FFFFFF; FONT:  11px Verdana;
}
.esp1 a:hover /* pour le menu des autres pages */
{
  text-decoration: underline; 
   COLOR: #FFFFFF; FONT: BOLD 11px Verdana;
}
.titre1 /* pour les liens de pages principales */
{
 padding-left: 160px; TEXT-ALIGN: left;  
}
.titre2 /* pour les liens de pages principales */
{
 padding-left: 130px; TEXT-ALIGN: left;  
}
.titre3 /* pour les liens de pages principales */
{
 padding-left: 107px; TEXT-ALIGN: left;  
}
.titre4 /* pour les liens de pages principales */
{
 padding-left: 90px; TEXT-ALIGN: left;  
}
.titre5 /* pour les liens de pages principales */
{
 padding-left: 77px; TEXT-ALIGN: left;  
}
.titre6 /* pour les liens de pages principales */
{
 padding-left: 67px; TEXT-ALIGN: left;  
}
.titre7 /* pour les liens de pages principales */
{
 padding-left: 58px; TEXT-ALIGN: left;  
}
.titre8 /* pour les liens de pages principales */
{
 padding-left: 52px; TEXT-ALIGN: left;  
}
.text /* pour les ltitre des menus  des pages principales */
{
 padding-left: 20px; TEXT-ALIGN: left;  
}
.tele /* pour indiquer le nombre des telechargement ds le menu de la page telecharger */
{
padding-left: 10px; FONT: 11px Verdana; COLOR: RGB(77,105,133);
}
form /* pour le formulaire */
{  	
    width:500px;  
   color: rgb(144,118,80); 
   FONT: bold 12px Verdana; text-align: right;
}
legend/* pour le formulaire */
{  	
   color: rgb(144,118,80); 
   FONT: bold 14px Verdana; 
}
fieldset/* pour le formulaire */
{  
   margin-bottom: 8px; PADDING-BOTTOM: 7px;	
   border: 2px outset #DFDAA5;
}
label/* pour le formulaire */
{  
  PADDING-RIGHT: 40px;
}
input, textarea/* pour le formulaire */
{
   color: #40507c; padding: 2px;
   FONT:  12px Verdana;	   
}
/* pour les differente page*/
	/* pour les menus*/
.titre_menu /*les titres des menus*/
{
 text-align: right; padding-left:77px;
 FONT: bold 13px Verdana; margin-top:10px;
 COLOR: rgb(136,98,108);
}
.menu  /*les éléments des menus*/
{
 text-align: center;
 padding-left: 5px; FONT: bold 15px Times;
 COLOR: #a06000;
}
.menu a /*les liens des menus*/
{
 text-align: center;
 padding-left: 0px; FONT: bold 15px Times;
 COLOR: #40507c;
}
.corps a
{

}
a /* Tous les liens */
{
 text-decoration: underline; padding-left: px;
 FONT: bold 15px Times, Verdana;
 COLOR: RGB(113,193,89);
}
a:active, :focus /* Quand le visiteur clique sur le lien */
{
   background-color: #FFFF99; 
}
a:hover /* Quand on pointe sur un lien du menu */
{
   COLOR: RGB(77,105,133) ;
 FONT: bold 15px Times, Verdana; 
}
p /* pour les textes */
{
BACKGROUND-COLOR: rgb(255,255,255);
}
.h1 /*les titres des textes*/
{
 text-align: center;
 padding-left: 12px; FONT: bold 20px Times, Verdana ;
 COLOR: RGB(113,193,89);
}
.h2
{
 text-align: center;
 padding-left: 0px; FONT: bold 17px Times, Verdana;
 COLOR: #80a000;
}
.h3
{
 text-align: center;
 padding-left: 12px; FONT: bold 15px Times,Verdana;
 COLOR: #a06000;
}

.h4
{
 text-align: center;
 padding-left: 0px; FONT: bold 15px Times, Verdana;
 COLOR: RGB(113,193,89);
}


.bouton_actif {float:left; width:118px; height:31px; background-image:url(images/bouton_actif.gif); background-repeat: no-repeat; font-family: verdana; font-size:10px; color:#113366; font-weight:bold; text-align:center;}
.bouton_inactif {float:left; width:118px; height:31px; background-image:url(images/bouton_inactif.gif); background-repeat: no-repeat; text-align:center;}
.liens_bouton_inactif{FONT: BOLD 10px Verdana; color:#40507c; text-decoration: none;}
.inter_bouton{float:left; width:4px; height:31px; background-image:url(images/inter_bouton.gif); background-repeat:repeat-x;}

.contenu_corps{ width:800px; align:center; background-image:url(images/contenu_corps.jpg); background-repeat: repeat-y;}

.image_left
{
float: left; padding: 20px; padding-left: 10px;
}
.image_right
{
float: right; padding-right: 5px;
}