html, body {
	height: 100%;
	margin: 0;
	}
	
body {background-color:#FFFF9F; color:black; margin: 0; font-family:Arial, sans-serif}
img {border:0}

a:link {color: #0000C4; background-color: inherit}
a:visited {color: #5B82FF; background-color: inherit}
a:hover {color: #7E007E; background-color: inherit}

.barre_gauche {position: absolute; left:0; top:0; width: 10em; text-align:center; padding-left:0.7em; padding-top : 0.7em; padding-right: 0}
	
.logo {width:7em; height: 8.95em}
.adresse {text-align : left; font-size : 0.9em}

.contenu {
		min-height: 85%;
		height:auto !important;
		height: 85%;
		background-color:#CCFFCC;
		color : inherit;
		margin: 0; margin-left : 10.6em;
		padding: 2em 0 1em 2em;
		border-left: solid 0.05em black;}

.titre_page {font-size: 2.2em;
			border-bottom: solid 0.02em black;
			background-color:#FFFF9F ;
			margin:0; margin-left:4.86em;
			padding: 20px;
			font-family: Arial, sans-serif; color: #0000C4;
			text-align: center;}

h2 {margin:0; padding:5px; padding-bottom:1.5em; font-family : Arial, sans-serif; color:#7E007E; font-style: italic; text-align:center; background-color: inherit}

.barre_noire {color: black; background-color: black; height: 1px; border: 0; margin-right: 2em}

/* onglets à gauche */

#onglets ul {margin: 0; padding: 0;}
#onglets li {padding: 7px; list-style: none;}
#onglets a:hover {text-decoration: underline;}

#onglets li.onglet_off {border-left: solid 0.05em black; border-top: solid 0.05em black;}

#onglets li.onglet_off a {font: bold 0.9em Arial,sans-serif; text-decoration: none;}

#onglets li.onglet_on {
	font: bold italic 0.9em Arial,sans-serif;
	color: #7E007E;
	background-color: #CCFFCC;
	border-left: solid 0.05em black;
	border-top: solid 0.05em black;
	border-right: solid 0.05em #CCFFCC;
}

#onglets li.onglet_on a {font: bold 1em Arial,sans-serif; text-decoration: none;}
#onglets li.dernier_onglet {border-bottom: solid 0.05em black;}

/* page accueil & qui suis je */

#colonne_gauche {float:left; width:47%; margin-right: 2.5%}
#colonne_droite {float:left; width:47%; padding-left: 2.5%; border-left : 1px solid black}

/* onglets en haut */

#onglets_haut {
	text-align : center;
	margin:0;
	padding:0;
	margin-left : 10.65em;
	border-left: solid 0.05em black;
	background-color: #CCFFCC;
	color: inherit
}
	
#onglets_haut ul{margin:0; padding: 0.6em 0; border-bottom: solid 0.05em black;}

#onglets_haut li {
	font-weight : bold;
	padding: 0.6em 0.9em 0.65em;
	margin: -1px;
	list-style: none;
	display: inline;
}

#onglets_haut li.onglet_on {
	font-style: italic;
	border-right: solid 0.05em black;
	border-left: solid 0.05em black;
	border-bottom: solid 0.1em #CCFFCC;;
}

#onglets_haut li.onglet_on a {font-style: italic; color: #7E007E; background-color: inherit}


/* listes actions */	

.liste_actions li {color:#7E007E; background-color: inherit; font-style: italic; font-weight: bold; padding-bottom:1.1em}
.liste_actions li li {color: black; background-color: inherit; font-style : normal; font-weight: bold; padding-top:0.7em; padding-bottom:0}
.liste_actions li li li {color: #0000C4; font-style: italic; font-weight : normal; background-color: inherit; padding-top:0.7em; padding-bottom:0}
.liens_liste_actions {color: #777777; background-color: inherit; padding-top:0.3em; font-weight : normal;font-style : normal;}
.liens_liste_actions ul {padding-bottom:0.3em;} 
.quoi {font-weight: bold; font-style : normal; color:#008800; padding-top:0.5em; background-color: inherit}

.bleu {color: #0000C4; background-color: inherit}
.vert {color:#008800; background-color: inherit}
.gras {font-weight: bold;}
.italic {font-style: italic;}

.quisuisje li {padding-bottom:2em; list-style: none;}
.quisuisje li li {padding-bottom:0.2em; list-style: square;}

.demarche ol li {color:#008800; padding-top:1em; background-color: inherit; font-weight: bold;}
.demarche ol li li {color: #0000C4; font-weight: normal; background-color: inherit; padding-top:0}

.liste_types li {padding-top:0.6em}
.liste_types a {color: black}
.gris a {font-size:0.9em ; color :#777777; background-color: inherit}