body             { /* Page Body */
	text-align      : center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: auto;
    margin-right: auto;
	max-width:auto;
	background-color:#C6D7D8;

	}

img {
	max-width:100%;
	min-width:auto;
	}
	
#texte             { 
	width=100%;
	text-align  : left;
	max-width:700px;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	background-color:#C6D7D8;
	}	

.legende  { 
	text-align:center;
	color:#000000;
		background-color:#C6D7D8;

	}	

.conteneur1 { 
	width:100%;
	margin-left: 0px;
    margin-right: 0px;
	max-width: auto;
	background-color:#000000;
	color:#C6D7D8;
	}

a {
	text-decoration:none;
	color:#C6D7D8;
}

nav{
    width: 100%;
	max-width:600px;
    margin: 0 auto;
    background-color: #000000;
    top: 0px;
}
	
nav ul {
	padding:0;
	margin:0;
    list-style-type: none;
	 display: flex;
   align-items: center;
}	
nav ul li{
    float: left;
	font-size:20px;
    width: 33%;
    text-align: center;
    position: relative;
	vertical-align:center;	
	
}

nav li a {
	text-decoration:none;
	color:#C6D7D8;
	font-size:20px;
}	

nav a:hover{
    color: #ffe599;
    border-bottom: 2px solid gold;
}

div  {
	background-color: #000000;
	max-width: 100%;
	height: auto;
}	
img {
	max-width:100%;
	min-width:auto;
	}		
h1            { 
	width=100%;
	text-align  : center;
	color:#000000;
	font-weight:bold;
	font-size:26px;
		}	
h2            { 
	width=100%;
	text-align  : center;
	color:#C6D7D8;
	font-weight:bold;
	font-size:20px;
		}