body {
	margin: 0;
	padding: 0;
	font-family: 'Gill Sans', sans-serif;
}

header {
	background-color: #008080;
	height: auto;
	padding: 0px 20px;
}

header nav {
	display: flex;
	color: #FFFFFF;
	padding-top: 0px;
	justify-content: space-between;
	flex-wrap: wrap;
}

header nav h1#logo {
	margin: 0px;
	padding: 30px 90px;
	background-image: url('images/logo.png');
	background-size: cover;
}

header nav .onglets {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	font-weight: 300;
	flex-direction: row;
	justify-content: center;
}

header nav .onglets p {
	color: white;
	margin-right: 25px;
	border-bottom: 1px solid #888888;
	cursor: pointer;
	font-size: 120%;
	text-align: center;
}

header nav .onglets p:hover {
	color: #CCCCCC;
}

header nav .onglets a {
	color: white;
	text-decoration: none;
}

header nav .onglets a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

@media only screen and (max-width: 748px) {
	header {
		padding: 0px 5%;
	}
	header nav .onglets p {
		display:none;
	}
}

content {
	background-color: white;
	
}	
	
content h1#contenu {
	text-align: center;
	font-size: 233%;
    font-family: 'Lucida Handwriting';
}

content .content-cases {
	margin-bottom: 30px;display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}


content .content-cases p#legende {
	color: #ffffff;
	font-size: 88%;
}

content div#case {
	margin: auto;
	padding: 10px;
    float: left;
    width: 400px;
    height: auto;
	background-color: #008080;
	border: 2px solid #000000;
	text-align: center;
}

content div#case-centre {
	margin: auto;
	padding: 10px;
    float: left;
    width: 400px;
    height: auto;
	background-color: #008080;
	border: 2px solid #000000;
	text-align: center;
	font-size: 110%;
	color: #FFFFFF;
}

content div h2 {
	text-decoration: bold;
	color: white;
}

img#insert_cadre {
	width: 100%;
}

.content-avis {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	width: 60vw;
	margin: auto;
	margin-bottom: 30px;
}

div#avis {
	margin: auto;
	padding: 10px;
    float: left;
    height: auto;
	background-color: #009980;
	border: 2px solid #000000;
	text-align: center;
}

p#avis {
	color: white;
	text-align: center;
	font-size: 110%;
	color: #FFFFFF;
}

p#avis-nom {
	color: white;
	font-weight: bold;
	text-align: right;
}

p#avis-plus {
	padding: 0;
	magin: 0;
	text-align: right;
}

footer {
	text-align: center;
}





.blue {
	color: #005f5f;
}