body
{
	background-color: rgb(255,255,255);
}

#titrepage {
float : left;
margin : 3% 4%; /* marges adaptatives
pour meilleure lisibilite */
letter-spacing : 1.5px;
color: green;
font-weight: bold;
font-size: 33px;
}

#contenu
{
background-color : #FFF; /* font different */
color : black;
margin: 2% 0% 0% 0%;
padding : 2% 6%; /* plus agreable a lire et au visuel */
clear : both; /* pas concerne par les float donc retour a la ligne */
border-top : 2px solid #DBE3EB; /* faire ressortir */
border-bottom : 2px solid #DBE3EB;
}


p
{
	text-align: justify;
}

h1
{
	font-size: 32px;
	font-weight: bold;
	color: rgb(0,50,0);
}

h2
{
	font-size: 24px;
	font-weight: bold;
	color: rgb(0,50,0);
}

h3
{
	font-size: 20px;
	font-weight: bold;
	color: rgb(0,50,0);
}

a
{
	text-decoration: none;
	color: rgb(0,70,0);
}

a:hover
{
	text-decoration: none;
	color: rgb(0,100,0);
	font-weight: bold;
}

nav {
text-align : right; /* tout doit etre a droite */
}

nav ul { /* liste dans la navigation */
margin : 1% 3% 0 0;
padding : 0; /* enleve l'indentation de defaut */
float : right; /* colonne a droite par rapport au logo */
}
nav ul li {
display : inline-block; /* les elements de la liste sont presentes en ligne
mais se comportent comme un block */
}
nav li a {
display : inline-block; /* les liens se comportent comme des block individuels,
cela evite le chevauchement en cas de petite largeur d'ecran */
padding : 1em;
margin : 1em 1em;
text-decoration : none; /* enleve le soulignement habituel des liens */
letter-spacing : 1.3px; /* pour plus de lisibilite */
font-size : 0.95em;
color : white;
background-color : green;
}
nav li a:hover { /* style des boutons de liens qu'on survole */
background-color : rgb(80,232,100);
color : black;
font-weight : normal; /* car on a regle le cas general sur bold */
}
#active { /* element ayant l'id "active" */
display: inline-block;
padding : 1em;
margin : 1em 1em;
text-decoration : none; /* enleve le soulignement habituel des liens */
letter-spacing : 1.3px; /* pour plus de lisibilite */
font-size : 0.95em;
color : white;
background-color : green;
}

#banner { /* une banniere pour la decoration */
background : white url(degrade.png) repeat center; /* couleur image
repetition */
height : 164px; /* hauteur de la banniere */
background-size : cover; /* prend la largeur de page */
clear : both;
}