body
{
   width: 100%;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 20px; 
   background-color:black;
   font-size:large !important;
   font-size: medium;
}

/* L'en-tête */

#en_tete
{
   
    background-color:black;
   margin-left:5%;
   margin-right:5%; 
   height: 250px;
   background-repeat:no-repeat;
   margin-bottom: 10px;
  text-align:center;
}

/* CSS du menu horizontal, bieler batiste */

.menu{
   	position: relative;
    display:block ;
	margin-left: 3%;
	margin-top:-8% ;
	text-align:center;
    padding:0;
    width:900px ;
	 font-size:14px; 
  
  
    }

.menu ul{
    position:absolute;
    display:block;	
    width:124px;
    /*margin:0;*/
    padding:0;
	 font-size:14px;
	 background-color:black;
	
    }  
.menu li ul
{
    visibility:hidden;

    }

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
	
    }
    
.menu li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
	
    }
    
.menu li li{
    display:block;
    float:none;

    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{


    color:#000;
    display:block;
    width:100px;
	height:35px;
    text-decoration:none;
    padding:;
    margin:0px;
	color: white;
    font-variant: small-caps;
     font-family: "new roman",Arial, Verdana;
    text-align:center;	 
    border:none; 
    }
    
.menu a:hover{
   
    border:1px #aaa solid;
	
    font-size:16px;
    color: black;
    font-variant: small-caps;
    font-family: "new roman",Arial, Verdana;
	background-color:white;
    }
    
    
#pied_de_page
{
margin-left:7%;
   margin-right: 7%;
   margin-bottom: 20px; /* 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 */
   padding-top: 10px;
   padding-left:55px; 
   padding-right:35px;
   padding-bottom:10px;
   background-color: white;  
   
   }

#corps
{
   
 margin-left:7%;
   margin-right: 7%;
   margin-bottom: 20px; /* 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 */
   padding-top:10px;
   padding-left:35px;
  padding-right:35px;
  background-color: white;
}

p
{
text-indent: 40px;
text-align: justify;
}
.centrer
{
text-align: center;
float:center
}
.paiement
{
margin-left:100px
}
h3
{
text-decoration:underline;
}
.image
{
   float: left;
   width: 400px;
      /* Très important : donner une taille au menu */
   margin:auto;
   border:none;
}
h2
{
text-align=center
}
  
   




linput, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: white;
}

label
{
   color: black; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
}

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color:rgb(229,217,195);
}

table
{ 
/* Le tableau en lui-même */
   margin: auto !important;
margin-left:80px;   
   border: 4px outset black; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   width:500px;
}
.quebec
 {
 float: right;
   margin-right:20px;
   }