body
{
   width: 763px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   /*background-image: url("images/fond.png");*/
   /*background-color: rgb(160, 136, 158); /* Une couleur de fond pour le body */
   background-color: #69597d;/*#594b6b;*/ /* Une couleur de fond pour le body */
   /*background: url("images/banniere_menu.bmp") no-repeat top left fixed;*/

}


/* L'en-tête */

#en_tete
{
   width: 763px;
   height: 90px;
  // background-image: url("images/banniere_titre_horizontale.bmp");
   background-image: url("images/unchatp3.jpg");
   background-repeat: no-repeat;
  
}

/*<p onclick="location.href='le_lien.htm'" align="center" class="en_tete"> */

#en_tete_anim
{
   width: 763px;
   height: 30px;
   background-image: url("images/gif/chat8.gif");
   background-repeat: repeat;
   background-color: rgb(255, 255, 255);
  
}
.tbody
{
border: 2px solid #69597d;
}



/* Zone centrale avec scrollbar*/


.centre
        {
		width:680px;
           /* height: 537px;*/
            overflow:auto;
            			 
			scrollbar-face-color:#FA1245;
     scrollbar-shadow-color:#FA1245;
     scrollbar-highlight-color:#FA1245;
     scrollbar-3dlight-color:#FA1245;
     scrollbar-darkshadow-color:#FA1245;
     scrollbar-track-color:#FA1245;
     scrollbar-arrow-color:#FA1245;
			
         }


/* L'image de bordure */


#bordure
{
   float: left;
   /*width: 105px;*/
   width: 70px;
   height: 505px;
   background-image: url("images/banniere_menu_verticale2.bmp");
   background-color: rgb(255, 255, 255);/*#626262;*/
   background-repeat: no-repeat;
}


#bordure_horiz
{
   float: left;
   width: 600px;
   height: 80px;
   background-image: url("images/banniere_menu_horiz4.jpg");
   background-color: rgb(255, 255, 255);/*#626262;*/
   background-repeat: no-repeat;
   margin-left: 30px;
}


.photo_grand_format
{
   float: left;
   width: 200px;
   height: 400px;
   background-repeat: no-repeat;
   margin-left: 30px;
}





/* Le menu sous-titre*/

#menu_sous_titre
{
width: 760px;
}


.element_menu_sous_titre
{
   color: #B3B3B3;
   font-family: "Agency FB",Berylium,"Curlz MT",Gigi,"Arial narrow";
   font-size:18px;
   margin : 0px;
   text-align: right;
   height:30px;
   margin-top : 3px;
   margin-right : 3px;
  
}

.element_menu_sous_titre img
{
   width: 20px;
	heigth : 20px;
	border : 5px;
	alt="frog";
  
}



.titre_page
{
   color: rgb(255, 255, 255); /*#69597d;*/
   width: 120px;
   height:33px;
   font-family: Desigers,"Curlz MT",Gigi,"Arial narrow";
   font-size: 25px;
   background-color: #B3B3B3;
   text-align: center;
   float: left;
   
     
}

.page_select
{
   color: #7bb81d; /*#69597d;*/
 
}

.page_select:before
{
   
}

/*
.titre_page_2
{
   color: rgb(255,255,255);
   font-family: wingdings,"Trebuchet MS","Comic Sans MS", Verdana;
   font-size: 22px;
     
}
*/

.menu_frog
{
 background-image: url("images/gif/grenouille-001.gif");  
   width: 20px;
   height: 20px;
   border:0px;
}

.menu_retour
{
 background-image: url("images/gif/fleche2.gif");  
   border:10px;
   border-color:rgb(255, 255, 255);
   background-repeat: no-repeat;
   color: rgb(255, 255, 255);
  }

/* Le menu */

#menu
{
   float: left;
   width: 125px;
   height: 640px;
}

.element_menu
{
   background-color: #626262;
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: rgb(102, 51, 102); /*#B3B3B3;*/
   font-family: Boopee,"Comic Sans MS","Trebuchet MS", Verdana;
   text-align: center;
}

.element_menu ul
{
   font-family: Boopee,"Comic Sans MS","Trebuchet MS", Verdana;
list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}

td /* Toutes les cellules des tableaux... */
{
    
}


/* Le corps de la page */

#corps
{
font-family: "Arial narrow",Boopee,"Comic Sans MS","Trebuchet MS", Arial;
	font-size:14px;		 
   margin-left: px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   /*color: #B3B3B3;*/
   color: #69597d;
   text-indent: 0px;
   background-color: rgb(255, 255, 255); /*#626262;*/ /* Une couleur de fond pour le corps */
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border-collapse: no-collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #412a47;
 
}


h4
{
   border-bottom: 2px solid #69597d;
   color: #69597d;
   margin-top : 10px;
   margin-left : 20px;
   font-family: Berylium,Verdana,"Arial narrow","Trebuchet MS", Arial;
}

p:first-line /* La première ligne de chaque paragraphe */
{
   color: #69597d;
}

.paraph
{
   color: #7bb81d;
   /*color: #69597d;*/
   font-weight: bold;
   font-size : 16px;

}

p
{
   text-indent: 20px;
}



#plop {
       text-decoration: blink;
	   text-indent: 20px;
	   color:#d61868;
	   font-weight: bold;
	   font-size : 17px;
	   text-align : center;
}

.disp{
       text-indent: 0px;
	   color:#d61868;
	   font-weight: bold;
	   
}

#pied_de_page
{
   font-family: Boopee,"Comic Sans MS","Trebuchet MS", Verdana;
   //color: #B3B3B3;
text-align : right;
color: rgb(255,255,255);
   font-weight: bold;
   font-size : 17px;


}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   img {border:none};
   /*color: #B3B3B3;*/
   color: #7bb81d; /*couleur lien vert */
   
  
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   color: rgb(255,0,128);/*rgb(255,255,255); #98969e; Le lien sera écrit en rose quand on pointera dessus */
}

/* 22/01/2010 : zoom sur photo au passage de la souris (fonctionne pr ttes les photos avec un lien href*/
<style type="text/css">
a img {border:none} /* pas d'encadrement des images */
a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
a:hover img {width:300px ; height:360px} /* agrandi les images lors du survol */
</style>
</head>