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:100% ;
	 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;
   
	
    }
    
.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;
	color: #00CCFF;
    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:55px; 
   padding-right:35px;
   background-color: white;  
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

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: 72%;
      /* Très important : donner une taille au menu */
   margin:auto;
   padding-right: 10px;
   
}

}

h2
{
text-align:center;
}



td, th /* Mettre une bordure sur les td ET les th */
{
  
      width:750px;
}

table
{ 
/* Le tableau en lui-même */
   margin: auto !important;
margin-left:80px;   

   border-collapse: separate; /* Colle les bordures entre elles */
   width:750px;
 
}
}
img src 
{
border: 0px black;
 }
 
 
 .quebec
 {
 float:right;
   }
 
 .facebook
 {
 float:left;
 }
.rouge
{
color:red}