/*la page complete*/

body
{
 width: 90%;
 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 */
 background: url("dossier/image_fond.jpeg") fixed; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
 background-attachment:fixed;  /*l image de fond défile*/
 }
 
 

/* L'en-tête */

#en_tete
{
   width: 48%;
   height: 200px;
   margin-left: 25%; /* Pour centrer notre page */
   background-image: url("dossier/perdrix-grises.jpg");
   background-repeat: no-repeat;
   background-position: top left;
   margin-bottom: 10px;
   border: 10px green ridge;
  border-radius: 40px /30px;
  box-shadow: 6px 6px 6px white inset;
}


/* Le menu */




#gibier
{
   float: left; /* Le menu flottera à gauche */
   width: 15%; /* Très important : donner une taille au menu */
   font-size:20px;
}

.element_gibier h3 /* Tous les titres de droite */
{   
    background-color: rgb(200,166,0); /* Fond rouge à moitié transparent */
   border: 6px green double;
   color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   border-radius: 10px 5px 10px 5px;
   box-shadow: 6px 6px 0px black;
}

.element_gibier p /* Tous les titres de droite */
{  
   background-color: rgb(200, 220, 141); /* Fond rouge à moitié transparent */
   border: 6px green double;
   font-weight:bold;
   color: red;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-shadow: 1px 1px 2px red;
   border-radius: 20px 10px 20px 10px;
   box-shadow: 6px 6px 0px black;
}


.element_gibier a /* Tous les liens se trouvant dans un menu */
{
   color: black;
}

.element_gibier a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: yellow;
   color: black;
}

#enquete
{
   float: left; /* Le menu flottera à gauche */
   width: 15%; /* Très important : donner une taille au menu */
   font-size:20px;
}

.element_enquete h3 /* Tous les titres de droite */
{   
    background-color: red; /* Fond rouge à moitié transparent */
   border: 6px black double;
   color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   border-radius: 10px 5px 10px 5px;
   box-shadow: 6px 6px 0px black;
}

.element_enquete p /* Tous les titres de droite */
{  
   background-color: white; /* Fond blanc à moitié transparent */
   border: 6px black double;
   font-weight:bold;
   color: blue;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-shadow: 1px 1px 2px red;
   border-radius: 20px 10px 20px 10px;
   box-shadow: 6px 6px 0px black;
}


.element_enquete a /* Tous les liens se trouvant dans un menu */
{
   color: black;
}

.element_enquete a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: yellow;
   color: black;
}


#droite
{
   float: right; /* Le menu flottera à droite */
   width: 17%; /* Très important : donner une taille au menu */
   font-size:20px;
}

.element_droite h3 /* Tous les titres de droite */
{   
   background-color: rgb(200,166,0); /* Fond rouge à moitié transparent */
   border: 6px green double;
   color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   border-radius: 10px 5px 10px 5px;
   box-shadow: 6px 6px 0px black;
}

.element_droite p /* Tous les titres de droite */
{  
    background-color: rgb(200, 220, 141); /* Fond rouge à moitié transparent */
   border: 6px green double;
   font-weight:bold;
   color: red;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
      text-shadow: 1px 1px 2px blue;
   border-radius: 20px 10px 20px 10px;
   box-shadow: 6px 6px 0px black;
}

.element_droite a /* Tous les liens se trouvant dans un menu */
{
   color: black;
}

.element_droite a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: yellow;
   color: black;
}



#corps
{
   width:66%;
   height:1250px;
   margin-left:16%;
   margin-bottom: 20px;
   text-align:justify;
   font-size:25px;
   padding: 5px;   
   color: black;
   overflow:auto;
   background-color: rgb(187,183,26);
  border-radius: 40px /30px;
  box-shadow: 6px 6px 6px green inset;
}


#corps div /* Tous les titres h1 du corps */
{
  margin-left:3%;
  margin-right:3%;
}


#corps h1 /* Tous les titres h1 du corps */
{
   color: rgb(205,67,7);
   font-size:40px;
   text-decoration:underline;
   text-align: center;
   font-family: "Lucida Calligraphy","Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: white;
   text-align: center;
}

#corps h3 /* Tous les titres h3 du corps  EN CONSTRUCTION  */
{
 text-decoration:blink;
 text-align: center;
 color: blue;
 }
 
 #corps h4 /* Tous les titres h4 du corps  EN CONSTRUCTION  */
{
 text-decoration:underline;
 text-align: center;
 color: red;
 }
 
 
.element_corps a /* Tous les liens se trouvant dans un menu */
{
   color: rgb(132,66,0);
}

.element_corps a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: green;
   color: black;
}

 caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1em;
   color: white;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: separate; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


#pied_de_page
{
  width:40%;
   height:90px;
   margin: auto; /* Pour centrer notre page */
   padding: 5px;
   clear: both;
   text-align: center;
   color: black;
      text-shadow: 1px 1px 2px yellow;
   background-color: rgb(151,210,155);
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid black;
     border-radius: 40px /30px;
  box-shadow: 6px 6px 6px white inset;
  opacity:0.7;  
}