body, html
{
	margin:0;
	font-family: Arial;
	background-image: url("../images/bg.jpg");
	background-size: cover; 
}

header
{
	background-image: url("../images/tissu.png");
	width : 100%;
	min-height : 175px;
	box-shadow: 2px 0px 3px black;
	text-align: center;
	padding-bottom: 12px;
	
}

.logo
{
	width : 90%;
	margin-bottom: 10px;
	
}


header ul
{
	text-align: center;
}


header ul li
{
	display: inline-block;
	border : 1px solid black;
	padding : 10px 15px 10px 15px;
	background-color: #005952;
	color : white;
	font-size: 24px;
	margin : 10px 20px 10px 20px;
	box-shadow: 0px 0px 2px white;
}

header ul li a
{
	color : white;
	text-decoration: none;
}

header ul li:hover
{
		background-color: #dadada;
		transition :0.5s;
		cursor : pointer;
}

header ul li:hover a
{
	color : #005952;
	transition : 0.5s;
}

#corps
{
margin-top: 0;
	background-color: white;
	width : 70%;
	margin : auto;
	min-height : 450px;
	padding: 30px 45px 30px 45px;
	font-size: 18px;
	text-align: justify;
}

.gras
{
	font-weight: bold;
}

h2
{
	text-align: center;
	
}


.ligne_separation
{
	width : 80%;
	border-top: 1px solid grey;
	margin : auto;
	margin-bottom: 40px;
	margin-top: 40px; 
}


.float_right
{
	float: right;
	width : 300px;
	margin : 30px 0px 30px 30px;
}

.float_left
{
	float: left;
	width : 300px;
	margin : 30px 30px 30px 0px;
}

.image_petite
{
	width :  200px !important;
}



.clear
{
	clear: both;
}

footer
{
	width : 100%;
	min-height : 70px;
	background-image: url("../images/tissu.png");
	box-shadow: -2px 0px 2px black;
	text-align: center;
	padding-top: 20px;
	color : #f1f1f1;
	padding-bottom: 20px;
}

footer .contact
{
	border: 1px solid #f1f1f1;
	color : #f1f1f1;
	text-decoration: none;
	padding : 2px 5px 2px 5px;
}

footer a
{
color : #f1f1f1;
	text-decoration: none;
}


h1
{
	text-align: center;
	margin-bottom: 50px;
}

h2
{
	font-size: 24px;
}