body {
	min-width: 760px;
	max-width: 1200px;
	width: 99%;
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #d9f4f4;
	border: solid #00aacc 1px;
}


/* Le fond se situe sous tous ce que contient le body
Le fonds contient l'en tête, le corps et le pied de page */
#fonds {
	background-color: white;
}


/* Cette partie du code correspond à la "bannière"
Elle inclus une large bande bleue avec les liens
collé en deesous de cette bande bleue une autre plus claire avec le nom de domaine du site */
#en_tete {
	width: 100%;
	background-color: #00aacc;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1%;
}

/* Pour avoir un bloc avec les liens: rechercher | enregistrer dans l'en tete compatible FF, IE et site extensible */
#en_tete_block_liens {
	width: 95%;
	background-color: #00aacc;
	margin-top: 0;
	margin-bottom: 0;
}
#en_tete_liens {
	float: right;
	background-color: white;
	font-family: "times new roman", times, time, serif;
	padding: 0.5%;
}
#en_tete_liens a {
	color: #333399;
	text-decoration: none;
}
#en_tete_liens a:hover {
	color: #a8cee2;
	text-decoration: underline;
}

/* Le nom du site, lien vers la page d'accueil 
C'est une bande collée à l'en tete */
#logo {
	clear: both;
	background-color: #a8cee2;
	font-family: "times new roman", times, time, serif;
	font-size: 1.5em;
	padding-left: 2%;
}
#logo a {
	color: black;
	text-decoration: none;
}
#logo a:hover {
	color: white;
}
#logo #beta {
	font-size: 0.9em;
}
/* -------------- fin de la "bannière" -----------------  */


/* Tous les liens ont la même apparence (en en tete et dans le corps de page, ceux du bas de page sont autrement) */
/* Les liens courant du systeme de pagination varient */
.liens {
	color: #333399;
	text-decoration: underline;
}
.liens:hover {
	color: #a8cee2;
	text-decoration: none;
}
.lien_courant {
	color: #333399;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}

.souligne {
	text-decoration: underline;
}

/* Au cas ou des images viendrait à êtrent présentes.*/
img {
	border: none;
	vertical-align: bottom;
}


/* Le corps contiendra le contenu de toutes les pages */
#corps {
	margin: 4%;
	color: black;
	font-family: "times new roman", times, time, serif;
	text-align: center;
}
h1 {
	font-size: 1.7em;
	color: #00aacc;
	margin-bottom: 4%;
}
h2 {
	font-size: 1.4em;
	color: #00aacc;
	margin: 4%;
}
#contenu {
	text-align: justify;
}
h3 {
	color: #00aacc;
	font-size: 1.2em;
	margin-top: 4%;
}


/* Bouton OK pour lancer la recherche, il a de plus class="liens" */
.ok_recherche {
	border: solid 1px #333399;
	padding: 0.3%;
	background-color: white;
	color: #333399;
}
.ok_recherche:hover {
	border: solid 1px #a8cee2;
	color: #a8cee2;
}


/* Le pied de page
Il contient des liens, le nom du concepteur du site, les images de validation du W3C et le copyright de la plateforme */
#pied_de_page {
	clear: both;
	width: 100%;
	background-color: #00aacc;
	text-align: center;
	padding-bottom: 0.5%;
}
#pied_de_page #bas_liens {
	padding-top: 0.5%;
}
#bas_liens a {
	font-family: "times new roman", times, time, serif;
	text-decoration: none;
	color: black;
}
#bas_liens a:hover {
	text-decoration: underline;
}
#copyright {
	display: block;
	font-weight: bold;
}
#normes_w3c {
	display: block;
	margin-top: 1%;
	margin-bottom: 1%;
}