body
{
     width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;  
background-color:#e0e0e0;   
}
a   
{     
	color:green;       
}

a:hover
{
	background-color:white;
	color:#80a0ff;
}

.Style1 {
	color: #336600;
	font-style: italic;
	font-weight: bold;
}
.Style4 {
	color: #336600;
	font-weight: bold;
}

.rouge
{
	color:red;
}

.jaune
{
	color:yellow;
}	
.important
{
	font-size:xx-large;
	color:red;
}
#en_tete
{
   width: 100%;
   height: 30%;
   margin-bottom: 1%;
   border: 1px solid blue;
	background-color:#80a0ff;
}
.clignotant
{
	text-decoration:blink;
	color:white;
	font-size:30px;
}
#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;
   color:white;
   background-color:#80a0ff;

}


.pied_de_page
{
   text-align: justify;
   border: 1px solid blue;
   font-size:xx-small;
   background-color:#80a0ff;
}

.pied_de_page2
{
   text-align: justify;
   border: 1px solid blue;
   font-size:xx-small;
   background-color:#80a0ff;
   font-size: 8px;
}

.fullsample
 { 
width: 760px; 
border-radius: 10px 10px; 
-moz-border-radius: 10px; 
background-color: white; 
border: 1px solid blue;
text-align:justify;
padding: 5px; 
background-color:#80a0ff;
}
/*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: 130px;

    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: #80a0ff;

    border-style: outset;

}

div#buttonA li a:visited {

    font-weight: normal;
	
	  color: #000000;

    background-color: #80a0ff;

    border-style: outset;

}

div#buttonA li a:hover {

    font-weight: bold;

    color: #b6ff4e;

    background-color: #80a0ff;

    border-style: outset;

}

div#buttonA li a:active {

    font-weight: bold;

    color: #784eff;

    background-color: #80a0ff;

    border-style: inset;

}

#soustitre
{
	font-size: 20px;
	color:red;
	background-color:white;
}

caption
{
   caption-side: top; /* Le titre sera placé en bas du tableau (ne marche pas sur Internet Explorer) */
   margin: auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-top: 20px; /* La marge doit se faire au-dessus et non en-dessous maintenant */
}