body{
	font-family: arial, verdana, sans-serif ;
	font-size: 15px;
    line-height: 20px;
	font-weight: 300;
	color: #666;
	background-color: #ffffff;
}
nav{
	background-color: #F9EBEA;
	padding: 5px;
	text-align: center;
	font-size: 20px;
}
nav ul li.button{
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}
nav ul li.button a{
	color: #000;
	text-decoration: none;
	background-color: #F9EBEA;
	padding: 10px;
}
nav ul li.button:hover a{
	color: #F9EBEA;
	background-color: #000;
	transition: 0.5s;
	border-radius: 10%;
}
h1.titre{
	vertical-align: middle;
	text-align: center;
	font-size: 70px;
	color: transparent;
	}
h1.titrenorm{
	vertical-align: middle;
	text-align: center;
	font-size: 70px;
	color: #333;
	font-weight: bold;
	letter-spacing: -2px;
}

/* FOOTER */

p.locked{
	color: #FEF6F5;
}
footer{
	background-color: #F9EBEA;
}
img.INSTAGRAM{
	margin-top: 20px;
	display: inline-block;
	padding-left: 5px;
}
img.LOGOLEDP{
	padding: 20px;
}
p.foot{
	background-color: #FFCD51;
	font-size: 30px;
	padding: 10px;
	text-align: center;
	color: #000;
}

/* ICONE ACCEUIL + FR/AN */
div.enhaut{
	float: left;
	width: 114px;
	height: 50px;
	size: 0px 0px;
	padding-left: 5px;
}
div a.ROND img.RONDE{
	border-radius: 50%;
}
div.enhaute{
	float: right;
	padding: 7px;
}

/* BOITE DE PHOTO/TEXT */

p.intro{
	padding: 10px;
	text-align: justify;
	font-size: 30px;
	line-height: 35px;
	font-weight: 500;
}
div.presentationbox a{
	color: #000;
	text-decoration: none;
	list-style-type: none;
	display: inline-block;
	width: 24%;
	height: auto;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	line-height: 35px;
}
div.presentationbox a img{
	color: #000;
	width: 300px;
	height: 300px;
	display: inline-block;
	text-decoration: none;
	border-radius: 10%;
}
p.invisible{
	color: #FEF6F5;
	font-size: 0px;
}

/* PARTIE GALERIE */

div.imggalerie{
	background-color: #FEF6F5;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	width: 100%;
	display: inline-block;
	padding-top: 5px;
}
div.imggalerie img{
	width: 400px;
	height: 400px;
	display: inline-block;
	object-fit: cover;
}

/* SOUS BOIS */

div.sousbois{
	width: 50%
	height:auto;
	text-align: center;
	vertical-align: middle;
}
div.sousbois img{
	width: 300px;
	height: 300px;
	display: inline-block;
	padding: 5px;
}
h1.titresousbois{
	font-size: 50px;
	vertical-align: middle;
	text-align: center;
}
p.textsousbois{
	padding: 20px;
	font-size: 20px;
	text-align: center;
}

/* PRESENTATION */

div.pres p:not(p.titrepres){
	font-size: 20px;
	padding: 10px;
	text-align: left;
}
p.titrepres{
	padding: 30px;
	font-size: 30px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
}

div.pres p:not(p.titrepres){
	width: 48.4%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
div.pres img:not(img.nothere){
	width: 48.4%;
	height: 250px;
	object-fit: cover;
}

/* PARTIS CONTACT */

div.font20 p{
	font-size: 20px;
}
p.norm{
	font-size: 15px;
	padding: 10px;
	background-color: #FFCD51;
}
div.divided div{
	display: inline-block;
	vertical-align: top; 
}
.souligne{
	font-style: italic;
}




/* 	background-image: url(https://cdn.discordapp.com/attachments/778812138168254484/785159045551095861/OLIVERAIS.JPG); 
div.FIXED{

	FAIRE LA NAV BAR FIXE

	position:fixed;
	width: 100%;
	top:0;
	z-index:1000;

	POUR FAIRE L'OMBRE

	-webkit-box-shadow: 20px 20px 20px #555;
	-moz-box-shadow:    20px 20px 20px #555;
	box-shadow:         20px 20px 20px #555;
	z-index:000;
}

POUR "index.html"

<li class="EN"> <a class ="ROND"href="#"> </a> <img class="RONDE" src="img/EN.png" width="50" height="50" style="position:absolute; top:15px; width:70px; right:55px;"></a> </li>
+faire FR et ICONE

text qui défile
<marquee direction="down"> </marquee>




	  /\
	 /  \
	/    \
	sdoǝɥʞ