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 .content-cases {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	margin-top: 30px;
}

content .content-cases a {
	color: #dddddd;
	text-decoration: underline;
}

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

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

img#insert_cadre {
	width: 100%;
}

.content-avis {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

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

p#avis {
	color: white;
	text-align: justify;
}

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;
}