/* Pour info : les (#) = les balises <div> et les (.) les class */
body
{
   width: 800px; /*La taille de la largeur du site */
   margin: auto; /* Pour centrer notre page */
   
   margin-bottom: 2px;    /* Idem pour le bas du navigateur */
   background-image: url("../skins/skin3/barre-horizontale-fond-3.jpg");  /* barre horizontale en fond */
   background-attachment: fixed; /* Le fond restera fixe */
   background-color: white;
   /*  color: #666666;  */
}
#banniere
{
   text-align: center;
   width:800px; /* On définit la largeur de l'image */
   height: 110px; /* On définit la hauteur de l'image */
   background-image: url("../skins/skin3/banniere-haut-3.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-top: 1px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
}
#corps /* Le corps de la page */
{
   margin-left: 140px; /* Une marge à gauche  */
   margin-bottom: 20px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
   text-align: left;
   padding-left: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-right: 5px;
   padding-top: 20px;
   padding-bottom: 5px;
   margin: auto;
   width: 785px;
   color: #333333;;
   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
   background-image: url("../skins/skin3/fond_haut_corps-3.png");
   background-repeat: repeat-x;
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.9em;
   
}
.imageflottante
{
   float: right;
}
a img
{
Border:none;
}
h4 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
   background-color: #FFFFFF;
   text-decoration: none;
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
   text-align: center; /* Pour centrer le titre */
   color: #666666;
}
/***** *****/
div#menu_horizontal {
list-style-type: none;
	width: auto;
    margin: auto;
	margin-bottom: 10px;
	color: #000000;
	height: 30px;
	background:url('../skins/skin3/fond_menu-3.png') repeat-x;
	background-color: white;
	border: 1px solid rgb(158,160,161);
}
div#menu_horizontal ul {
list-style-type : none;
margin : 0;
padding : 0;
}
div#menu_horizontal li {
padding : 0 0.5em; 
line-height : 30px;
}
div#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px solid rgb(158,160,161);
}
div#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px solid rgb(158,160,161);
}
div#menu_horizontal a {
color : black;
background-color: white;

text-decoration : none;
padding : 0 0.5em;
font :  0.8em "Trebuchet MS", serif;
}
div#menu_horizontal a:hover {
text-decoration : underline;
}
div#menu_horizontal a img {
border : none;
padding :  0 0.3em;
}

a  /* Ici il s'agit des liens */
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #000000; /* Les liens seront en noir */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration:none; /* Le lien ne sera pas souligné quand on pointera dessus */
   color: #CCCCFF; /* Ici c'est la couleur du lien quand on pointera dessus */
}
#pied_de_page /* Image du pied de page */
{
   margin-bottom: 2px;
   margin-top: 10px;
   height: 60px;
   text-align: center;
   text-decoration:none;
   color: #B3B3B3;
   background-color: #FFFFFF;
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.7em;
   background-image: url('motif-pied4.png');
   background-repeat: repeat-x;
}