body
{
   width: 900px;
   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: 0px;    /* Idem pour le bas du navigateur */
   /*background-image: url("images/fond.PNG"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-image: url(images/cartefond.jpg); 
	/*background-attachment : fixed;   */
   background-repeat : repeat
   /*rgb(79,39,23);*/
}
a
{
color: white;
font-size: 14px;
}
 a:hover
 {
 color: brown;
 }
 
 input {
     color:#CC0000;
     /*background-color:#FFCC00; COUluer du fond, par défaut jaune..*/
     font-size:10px;
     font-family:arial;
	 -webkit-border-radius: 10px;/*arrondi autres naviguateurs*/
	-moz-border-radius: 10px;/*arrondi firefox*/
	 border-radius: 7px; /*arrondi*/
}

select {
     color:#CC0000;
     background-color:#FFCC00;
     font-size:10px;
     font-family:arial;
}
textarea{
border-radius: 7px; /*arrondi*/
}

/* L'en-tête */
#menu_petit
{
   float: left; /* Le menu flottera à gauche */
   width: 150px; /* Très important : donner une taille au menu */
   margin-left: 20px;
    -webkit-border-radius: 10px;/*arrondi autres naviguateurs*/
	-moz-border-radius: 10px;/*arrondi firefox*/
	 border-radius: 7px; /*arrondi*/
}
#menu_grand
{
   float: left; /* Le menu flottera à gauche */
   width: 155px; /* Très important : donner une taille au menu */
   HEIGHT : 620px;
    -webkit-border-radius: 10px;/*arrondi autres naviguateurs*/
	-moz-border-radius: 10px;/*arrondi firefox*/
	 border-radius: 10px; /*arrondi*/
}

#menu_droite
{
   float: right; /* Le menu flottera à droite */
   width: 120px; /* Très important : donner une taille au menu */
   margin-left: 5px;
}

.element_menu
{
   /*background-color: #0C85FE;*/
   background-image: url("images/fondmenu.PNG"); 
   border: 2px solid black;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
     -webkit-border-radius: 10px;/*arrondi autres naviguateurs*/
	-moz-border-radius: 10px;/*arrondi firefox*/
	 border-radius: 10px; /*arrondi*/
	text-align : center;
}

* Quelques effets sur les menus */


.element_menu h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 0px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0 px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: white;
   font-size: 13px;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: brown;
}
/* Le corps de la page */

#corps
{
   margin-left: 70px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 50px; /* 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: #E3F1FF;/*ancienne couleur #B3B3B3 */
   background-color: #754B33; /* Une couleur de fond pour le corps */
  background-image: url("images/fondmenu.PNG");
  border: 2px solid black;/* Une bordure pour bien marquer les limites du corps et pour faire joli */
   -webkit-border-radius: 10px;/*arrondi autres naviguateurs*/
	-moz-border-radius: 10px;/*arrondi firefox*/
	 border-radius: 10px; /*arrondi*/
/*table {   background-image: url("images/fondmenu2.PNG");
background-repeat: repeat;
}*/
 /* Une petite image de fond pour éviter d'avoir un vieux fond blanc 
 
  CLEMENT CE QUI SUIT C4EST POUR LES BORDURES:
  
  
   background-image: url("images/haut.PNG"), url("images/droite.PNG"), url("images/bas.PNG"), url("images/gauche.PNG"), url("images/fondmenu.PNG");
background-position: top, right, bottom, left, center;
background-repeat: no-repeat-y, no-repeat, no-repeat, no-repeat-x, no-repeat;
background-clip : border;
   border: 2px solid black;   /*Une bordure pour bien marquer les limites du corps et pour faire joli 
   border-radius: 10px; */
}
#corps2
{
   margin-left: 100px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 50px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-right: 120px; /* 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: #E3F1FF;/*ancienne couleur #B3B3B3 */
   background-color: #754B33; /* Une couleur de fond pour le corps */
  background-image: url("images/fondmenu2.PNG");
  border: 2px solid black;/* Une bordure pour bien marquer les limites du corps et pour faire joli */
    -webkit-border-radius: 10px;/*arrondi autres naviguateurs*/
	-moz-border-radius: 10px;/*arrondi firefox*/
	 border-radius: 10px; /*arrondi*/
/*table {   background-image: url("images/fondmenu2.PNG");
background-repeat: repeat;
}*/
 Une petite image de fond pour éviter d'avoir un vieux fond blanc 
 
  CLEMENT CE QUI SUIT C4EST POUR LES BORDURES:
  
  
   background-image: url("images/haut.PNG"), url("images/droite.PNG"), url("images/bas.PNG"), url("images/gauche.PNG"), url("images/fondmenu.PNG");
background-position: top, right, bottom, left, center;
background-repeat: no-repeat-y, no-repeat-x;
background-clip : border;
   border: 2px solid black; /*Une bordure pour bien marquer les limites du corps et pour faire joli */
   
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
.txt
{
	display :  none ;
} 
.txt:hover
{
	display :  block ;
} 


#pied_de_page
{
   padding: 5px;
	margin-left : 100px;
	margin-right : 120px;
   text-align: center;

   color: #B3B3B3;
   background-color: #0C85FE;
   background-image: url("images/fondmenu2.PNG");
   
   border: 2px solid black;
       -webkit-border-radius: 10px;/*arrondi autres naviguateurs*/
	-moz-border-radius: 10px;/*arrondi firefox*/
	 border-radius: 10px; /*arrondi*/
}

