/* Propriétés générales */
* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

/* Bannière */
div#banniere {/*conteneur bannière */
	height: 100px;
	padding: 10px;
	margin-bottom: 30px;
}

/* Barre de navigation */

div#navigation{
	float: left;
	width: 115 px;
	margin-left: 10px;
}
ul#navigation {
	float: left;
	width: 115 px;
	margin-left: 20px;
	list-style-type: none;
}
ul#navigation body{
	display: block;
	height: 20px;
	width: 115 px;
	font-size: 12px;
	text-align: left;
}
ul#navigation a { /* Liens de la barre de navigation */
	display: block;
	height: 20px;
	width: 115 px;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
}
ul#navigation a:hover {
	display: block;
	height: 20px;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	color:#FF0000
	background-color:#E0F1FE
}

/* fin barre de navigation*/

/* Contenu */

div#contenu-modele {
	width : 800px;
}
div#contenu-modele h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3366FF;
	text-align: center;
	margin: 15px;
}
div#contenu-modele h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366FF;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
div#contenu-modele h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366FF;
	font-style:italic;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

div#contenu-modele a { /*contient la définition des liens du contenu*/
	color: #3366FF;
}
div#contenu-modele .barre_lien_horiz {
	text-align: center;
	margin-bottom: 25px;
}
div#contenu-modele .barre_lien_horiz a { /* ajoute à la définition précédente des liens celle spécifique à la barre de navigation horizontale*/
	margin-right: 20px;
	margin-left: 20px;
}
div#contenu-modele .alignement_centre {
	text-align: center;
}
div#contenu-modele .titre_paragraphe {
	text-align: center;
	font-weight:bold;
	font-size:16px;
	color:#368DF8;
}
div#contenu-modele .image_flottante_gauche {
	float: left;
}
div#contenu-modele .image_flottante_droite {
	float: right;
}
div#contenu-modele .interdiction_flottement { /* permet le non chevauchement vertical de deux éléments */
	clear: both;
}
div#contenu-modele .interdiction_flottement_droit {
	clear: right;
}
div#contenu-modele .interdiction_flottement_gauche {
	clear: left;
}
div#contenu-modele .lien_precedent {
	color: #3366FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	text-align: center;
	margin: 15px;
	text-decoration: underline;
}
div#contenu-modele .colonne_gauche {
	margin-left: 10px;
	width: 306px;
	padding: 10px;
	text-align:justify;
	float: left;
	clear: Aucune;
	}
	
div#contenu-modele img {
	color: #FFFFFF;
	margin: 15px;
}
div#contenu-modele .legende_image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #FFFFFF;
}

div#contenu-modele .legende_image_centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #3366FF;
	text-align: center;
}

/* Pied de page */
p#pied_page {
	clear: both;
	margin-right: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#contenu, #pied_page,#contenu-modele { /* marge commune aux 3 éléments */
	margin-left: 170px;
}
#info_bas {
	margin-top: 150px;
	margin-left: 50px;
	height: 90px;
	width: 670px;
}

#colonne_droite {
	margin-left: 360px;
	width: 250px;
	padding: 40px;
}


div#colonne {
	position: absolute;
	margin-left: 100px;
	height: 90px;
	width: 350px;
	left: 205px;
	top: 309px;
}