body
{

   margin: auto; /* Pour centrer notre page */
  margin-top: 3px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 3px; 
    background-image: url("fond.jpg");
	margin-left : 5px;
	margin-right: 5px;
 }
 
 script
 {
 float: left;
 }
 
 .annonce
 {
 text-align: justify ;
 font-size : 17px;
 float: left;
   width: 26%;
   font-family: "palatino linotype", "times new roman", serif;
   margin-bottom: 0px;
   padding: 5px;
    font-size: 13px;
	margin-left : 15px;
 }
  .annonce em

{
font-size: 14px;
font-family: "palatino linotype", "times new roman", serif;
}
 .annonce strong

{
text-decoration : none;
font-size: 14px;
font-family: "palatino linotype", "times new roman", serif;
}

.google
{
 text-align: justify ;
 font-size : 17px;
 float: left;
   width: 75%;
   font-family: "palatino linotype", "times new roman", serif;
   margin-bottom: 0px;
   padding: 5px;
    font-size: 13px;
	margin-left : 15px;
}

  .google em

{
font-size: 14px;
font-family: "palatino linotype", "times new roman", serif;
}
 
 .gauche
 {
 text-align: justify ;
 border: 2px solid #1d857e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
 font-size : 16px;
 float: left;
   background: url("fondp.jpg");
   width: 36%;
   color: #004c4a;
   font-family: "palatino linotype", "times new roman", serif;
   margin-bottom: 5px;
   padding: 5px;
   text-decoration : underline;
    font-size: 13px;
	margin-left : 15px;
 }
 
 .gauche strong

{
color: #004c4a;
font-size: 14px;
font-family: "palatino linotype", "times new roman", serif;
}

.droite
 {
 text-align: center;
 border: 2px solid #1d857e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
 float: right;
   background: url("fondp.jpg");
   width: 45%;
   color: #004c4a;
   font-family: "palatino linotype", "times new roman", serif;
   margin-bottom: 5px;
   padding: 5px;
   text-decoration : underline;
    font-size: 15px;
	margin-right : 5px;
 }
 
 form
 {
   background: url("fondp.jpg"); /* Une couleur de fond pour le corps */
   border: 2px solid #1d857e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   text-align : center;
   margin-top: 10px;
   margin-bottom: 4px; /* 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 */
   font-family:  "times new roman", serif;
   width: 84.5%;
   float: right;
   font-size: 20px;
 }
 
 .droite strong

{
color: #004c4a;
font-size: 14px;
font-family: "palatino linotype", "times new roman", serif;
}

 
 h1
 {
 text-align: center;
 border: 2px solid #1d857e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
 font-size : 16px;
 float: right;
   background: url("fondp.jpg");
   width: 84.5%;
   color: #004c4a;
   font-family: "palatino linotype", "times new roman", serif;
   margin-bottom: 5px;
   padding: 5px;
   text-decoration : underline;
 }
 
 .reduc
 {
 font-size: 13px;
 }
 

 
 strong
{
color: black;
font-size: 17px;
font-family: "palatino linotype", "times new roman", serif;
text-decoration: underline;
}

.gras
{
font-weight: bold;
}

.tresgras
{
font-weight: bold;
font-size : 18px;
text-align : center;
}
 
 p
{
   background: url("fondp.jpg"); /* Une couleur de fond pour le corps */
   border: 2px solid #1d857e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   text-align : justify;
   margin-top: 10px;
   margin-bottom: 4px; /* 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 */
   font-family:  "times new roman", serif;
   width: 84.5%;
   float: right;
   font-size: 17px;
}

p em
{
color: black;
font-size: 18px;
font-family: "palatino linotype", "times new roman", serif;
text-decoration: underline;
font-weight: bold;
}
.underline
{
text-decoration : underline;
}


 .parad
{
   background: url("fondp.jpg"); /* Une couleur de fond pour le corps */
   border: 2px solid #1d857e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   text-align : justify;
   margin-top: 7px;
   margin-bottom: 4px; /* 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 */
   font-family:  "times new roman", serif;
   width: 56%;
   float: right;
   font-size: 15px;
   font-style : italic;
}

 .parad strong
{
color: #004c4a;
font-size: 15px;
font-family: "palatino linotype", "times new roman", serif;
text-decoration : underline;
}
.bleu
{
color : blue
}

 a
{
text-decoration: none;
color: #004c4a;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #7a394e; /* Le lien sera écrit en vert quand on pointera dessus */
  
   }
   
   #banniere
   {
   
height: 100px;
background-image: url("logo.jpg");
width: 40%;
float: left;
margin-top: 8px;
background-repeat: no-repeat;
margin-bottom: 5px;
border: 2px solid #1d857e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   }
   
   #menu
   {
      display : block;
   text-align: center;
   float: left;
   margin-top: 8px;/* Une bordure pour bien marquer les limites du corps et pour faire joli */
padding: 3px;
font-family: "times new roman", serif;
margin-bottom : 10px;
width: 12%;
}

   
   #menu a
   {
   display : block;
   text-decoration: none;
   color: #1e3900;
   background: url("fondp.jpg"); /* Une couleur de fond pour le corps */
   background-repeat: repeat-x repeat-y;
   border: 2px solid #1d857e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-size : 17px;

  
  }
  
  #menu a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #1d857e; /* Le lien sera écrit en vert quand on pointera dessus */
  
   }
   
   #pied
{
background: url("fondp.jpg"); /* Une couleur de fond pour le corps */
   border: 2px solid #1d857e;
   text-align : center;
   margin-top: 40px;
   margin-bottom: 8px;
   padding: 6px;
   font-family: "times new roman", serif;
   font-size:  12px;
   width: 84.5%;
   float: right;
   }
   
   
   