body{
	font-family: 'Arial';
	background-color: white;
	margin: 0px;
	padding: 0px;

}
p{
	color: white;
	font-size: 30px;
	text-align: center;

}
h1{
	color: white;
	font-size: 50px;
	text-align: center;
	padding-bottom: 30px;
}
ul{
	color: green;
	font-size: 30px;
}
div{
	padding: 10px;
	margin: 50px;
	box-shadow: 5px 5px 10px black;
}
img{
	width: 70px;
}
nav{
	/*
	background-color: #66E6CC;*/
	padding: 10px;
	background-color: white;
	box-shadow: 0px 5px 10px black;
	margin: 0px;
}
nav a{
	text-decoration: none;
	font-size: 20px;
	vertical-align: top;
	display: inline-block;

}
nav a:hover{
	text-decoration: underline;
	color: orange;
}

.paragraphe{
	background: #0CBFCC;
	padding-left: 50px;
	margin: 50px;
	padding: 20px;
	border-radius: 20px;
}

.maquis{
	color: green;
}
.rochers{
	color: brown;
}
.hiver{
	color: grey;
}
.sentiers{
	color: lime;
}
.animaux{
	color: aqua;
}
.chance{
	color: purple;
}
.imgGalerie{
	width: 300px;
	margin: 20px;
	border: 2px solid black;
	height: 200px;
}
.logoLibre{
	width: 100px; 
}

footer{
	background-color: #E0E0E0;
	padding: 20px;
	text-align: center;
	color: #728087;
	
}
.mer,.montagne,.menu{
	margin-left: 20px;
	margin-top: 40px;
	font-size: 25px;
}

header{
	background-color: #0CBFCC;
	width: 100%; 

}
iframe{
	width: 430px;
	height: 315px;
}
ol{
	font-size: 25px;
	color: white;
}
ol a:hover{
	text-decoration: underline;
	color: orange;
}
ol a{
	text-decoration: none;
	color: white;
}
.img-texte{
	display: grid;
}
/*.img-texte>*{
	grid-area: 1/1/-1/-1;
}
.texte{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	opacity: 0;
	transition: opacity .8s;
	background-color: #FF9833cc;
}
.texte:hover{
	opacity: 1;
}*/
.commentaires{
	box-shadow: none;
	margin: 05px;
}
/*.commentairesImg, .commentairesImg1{
	color: #0CBFCC;
	font-size: 27px;
}*/
footer a:hover{
	text-decoration: underline;
	color: orange;
}
.tableauDiv{
	width: 600px;
	background: #0CBFCC;
	border-radius: 20px;
	height: 1100px;
}
.h2{
	font-family: 'Arial';
	color: white;
	text-align: center;
	text-decoration: underline;
}
.imgCouverture{
	height: 350px;
	width: 250px;
	border: 2px solid black;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
div a{
	text-decoration: none;
}
div a:hover{
	text-decoration: underline;
	color: orange;
}
.insertion{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.légendes{
	background-color: white;
	color: #0CBFCC;
}
.paragraphe2{
	background: #0CBFCC;
	padding-left: 50px;
	padding: 20px;
	text-align: left;
}
.tableauDiv2{
	width: 600px;
	background: #0CBFCC;
	border-radius: 20px;
	height: 1200px;
}

.tableauDiv3{
	width: 600px;
	background: #0CBFCC;
	border-radius: 20px;
	height: 1000px;
}