body
{	/*background-color: black;*/
	background-size: 100%;
	background-image: url("images/fond.jpg");
	background-attachment: fixed; /* Le fond restera fixe */
	color: white;
	font-size: 1em;
}

footer
{
	text-align: left;
	opacity: 0.8;
}

header, footer
{	
	font-family: "Comic Sans MS";
	font-size: 0.8em;
	color: grey;
	background-color: black;
	border: 2px solid white;
	border-radius: 5px;
	margin: 3px;
	/*opacity: 0.8;*/
}

h1
{	font-size: 1.4em;
	/*text-decoration: underline;*/
	margin-bottom: 20px;	
	margin-top: 20px;
}
	
h2
{	
	font-size: 1.2em;
	margin-top: 2px;
}

h1, h2, h3
{
	text-align: center;
	font-family: "Comic Sans MS";
	color: white;
	background-color: grey;
	border: 2px solid white;
	border-radius: 5px;
}

nav
{
	float: left;
	width: 20%;
	list-style: none;
	text-align: left;
	font-family: "Comic Sans MS";
	color: white;
	background-color: black;
	border: 2px solid white;
	border-radius: 5px;
	margin: 5px;
	opacity: 0.8;
}

#bloc_page
{
	width: 80%;
	margin: auto;
}

.introduction
{	
	font-size: 1.6em;
	text-align: center;
	color: white;
}

.liste
{
	color: white;
	font-family: "Comic Sans MS";
}

.info_prat
{
	font-family: "Comic Sans MS";
	color: #D719BE;
}

a
{
	color: white;
}

.logo
{	
	font-family: impact;
	width: 50%;
	font-size: 3.2em;
	text-align: center;
	background-color: grey;
	border-radius: 5px;
	margin: auto;
	color: white;
}

.image
{
	opacity: 1;
}

.webmaster
{
	font-size: 0.6em;
}
	
a:hover
{	font-style: italic;
	font-size: 1.1em;
	color: black;
	background-color: white;
}

p
{	
	font-family: "Comic Sans MS";
	font-size: 1.1em;
	text-align: center;
	color: #F40B42;
}

section
{
	background-color: black;
	border: 2px solid white;
	border-radius: 5px;
	margin: 15px;
	margin-left: 22%;
	/*opacity: 0.8;*/
}

mark
{
	background-color: darkred;
	color: forestgreen;;	
}
div
{
	margin: 3px;
}