body
{font-family:verdana;font-size:16px;font-weight:bolder;background-image:url("images/feuillage_printanier.jpg"); width: 1000px; margin: auto; /* Pour centrer notre page */ margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
}
/* L'en-tête */
#en_tete
{
   width: 1000px;
   height: 100px;
   background-image: url("images/banniere-coope.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 180px;   height: 500px;/*  taille du menu */
  border: 2px solid green;background-color: rgb(250,250,250)}

.element_menu li,a
{   
  font-size:14px;color:rgb(110,191,87);
   text-indent:0px;
  font-weight:bolder;
  text-align:left;
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */}

/* Quelques effets sur les menus */


.element_menu h3 /* Tous les titres de menus */
{    background-color: rgb(250,250,250);font-size:14px;font-weight:bolder;
   color: black;
    text-align: center;
}

#corps
{Background-color: rgb(250,250,250);
   margin-left: 200px;
   margin-bottom: 10px;
   padding: 5px;
      
   border: 0.5px solid black}
#corps a
{ color: black}
#pub
{background-color:rgb(250,250,250);
   margin-left: 200px;
   margin-bottom: 10px;
   padding: 5px;
      
   border: 2px solid black}
   #pub p
   {text-align:center}
   #pub a
   {text-align:center;
   color:green}
   
   
p,ul
{text-align:justify;text-indent:25px}

a img /* Toutes les images contenues dans un lien */
{   border: none; /* Pas de bordure */}