body
{
   width: 98%;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
}

.important
{
	font-size:xx-large;
	color:red;
}
#en_tete
{
   width: 100%;
   height: 15%;
   margin-bottom: 1%;
   border: 1px solid blue;
}

#titre
{
	width: 100%;
   height: 15%;
   margin-top: 3%;
   margin-bottom: 3%;
   text-align:center;
}

#menu
{
	text-align:center;

	list-style-type: none;
	font-size:large;
}

#menu li 
{
float : left;

}

#corps
{
   margin-bottom: 20px;
   padding: 5px;
   border: 1px solid blue;
   text-align:center;
   font-size:large;
}


#pied_de_page
{
   text-align: justify;
   border: 1px solid blue;
   font-size:xx-small;
}

/*CSS bouton*/

div#buttonA {

    margin-left: 10px;

}

div#buttonA ul 
/*la taille et l'espacement généraux du texte*/
{

    margin: 0px;

    padding: 0px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    line-height: 30px;

}

div#buttonA li {

    list-style-type: none;

    height: 30px;

    width: 137px;

    margin: 10px;

    text-align:center;

}

div#buttonA li a /*supprime les puces par défaut et définit la taille du bouton permet de cliquer sur toute la surface du  bouton */

{

    height: 100%;

    width: 100%;

    display: block;

    text-decoration: none;

    border-width: 7px;

}

div#buttonA li a:link {

    color: #00688e;

    font-weight: bold;

    background-color: #66b3d7;

    border-style: outset;

}

div#buttonA li a:visited {

    font-weight: normal;
	
	  color: #000000;

    background-color: #66b3d7;

    border-style: outset;

}

div#buttonA li a:hover {

    font-weight: bold;

    color: #b6ff4e;

    background-color: #24bbc8;

    border-style: outset;

}

div#buttonA li a:active {

    font-weight: bold;

    color: #784eff;

    background-color: #b6ff4e;

    border-style: inset;

}