body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	
}

#container {
	width: 98%;
	height: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	
	
	
} 
#container h2 {
	color: #002560;
	text-align: center;
	
	width: 76%;
	margin: auto;
	
}

#container h3 {
	color: #002560;
	font-style: bold;
	text-align: center;
	font-family: "Comic Sans MS", cursive;
	margin-top: 5px;
	margin-bottom: 3px;
}
#container h4{
	font-size: 120%;
	text-align: center;
	color: #002560;
	font-style: bold;
	
	
}

#header {
	height: 80px;
	width: 98%;
	
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	background-color: white;
	text-align: center;
	border: 3px solid #002560;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	
}
#header h1 {
	color: #002560;
	font-family: "Comic Sans MS", cursive;
}


#colonnegauche {
	float:left;
	width: 22%;
	max-width: 22%;
	height: auto;
	margin-top: 28px;
	
	background-color: silver;
	border-right: solid 6px black;
	border-right: solid 6px black;
	border-bottom: solid 4px black; 
}
#colonnegauche table    {

	border: none;
	width: 88%;
	max-width: 88%;
	border-collapse: separate;
	border-spacing: 10px;
	
	
}

#colonnegauche table tr td   {
	
	font-weight: bold;
	font-size: 1vw;
	text-align: center;
	color: #002560;
	
	padding: 6px;
	border: solid 2px #002560;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	background-color: white;
}

#colonnegauche a { /* Les liens qui ne sont pas sous le curseur. */
	color: black; 
	text-decoration: none; /*  pas de soulignement*/
	
}
#colonnegauche a:visited { /* Les liens lorsque le curseur est dessus. */
	color: black;
	text-decoration: none;
	
}

#colonnegauche a:hoover { /* Les liens visités. */
	color: black;
	text-decoration: none;
	
}
#texte {
	
	width: 74.5%;
	max-width: 74.5%;
	height: auto;
	margin-left: 24%;
	margin-top: 28px;
	margin-bottom: 12px;
	text-align: center;
	
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	
	}
#texte form fieldset {
background-color: silver;

}