body
{
	background-color: #ffffffff;
	}

p
{
    color: #3f3c35; 
	font-family: verdana;
	font-size: 18px;
	text-align: left
}
h1
{
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: #cbbb9d;
	}	

h2
{
	font-size: em;
	font-weight: bold;
	text-align: left;
	color: #3f3c35;
	}	
	
h3
{
	font-size: 0,5em;
	font-weight: bold;
	text-align: left;
	color: #3f3c35;
	}	
a
{ text-decoration: none;
color: #a08146;
}
a:hover
{color: #cbbb9d
}

#titre
{
    display: flex;
	color: #cbbb9d;
	flex-direction: column;
	weidth: 100%
	justify-content: center;
	align-items: center;
	margin: 50px;
}

#menu
{
    display: flex;
	justify-content: center;
	align-items: center;
	/*margin-left: 10px;
	/*justify-content: space-around;
	/*flex-direction: column;:
	weidth: 50%
	/*weidth: 100%*/
	
}

#textes
{
    display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto;
	width: 80%;
	}

#images
{
	display: flex;
	flex-direction: column;
	align-items: center ;
}

/* diaporama*/

.slider /* s'applique au diaporama*/
{
	width:550px ;
	overflow:hidden;
}
.slides /* s'applique à l'ensemble des photos*/
{
	width: calc(550px*8) ; /* modifier en fonction du nombre de photos*/
	animation: glisse 35s infinite ; /* temps de défilement */
}
.slide /* s'appliqua à une photo*/
{
	float: left;	
	text-align: center;
}

@keyframes glisse { /* modifier les % et les valeurs de X en fonction du nombre de photos %= nb photos en plus de 0% et 100% */
	0%{
		transform:tranlateX(0);
	}
	0%{
		transform:tranlateX(0px); /*1*/
	}
	6%{
		transform:tranlateX(0px);
	}
	11%{
		transform: translateX(-550px); /*2*/
	}
	17%{
		transform:tranlateX(-550px);
	}
	22%{
		transform: translateX(-1100px); /*3*/
	}
	27%{
		transform: translateX(-1100px);
	}
	33%{
		transform: translateX(-1650px); /*4*/
	}
	38%{
		transform: translateX(-1650px);
	}
	44%{
		transform: translateX(-2200px); /*5*/
	}
	49%{
		transform: translateX(-2200px);
	}
	56%{
		transform: translateX(-2750px); /*6*/
	}
	61%{
		transform: translateX(-2750px);
	}
	67%{
		transform: tranlateX(-3300px); /*7*/
	}
	73%{
		transform: translateX(-3300px)
	}
	78%{
		transform: translateX(-3850px) /*8*/
	}
	83%{
		transform: translateX(-3850px)
	}
	89%{
		transform: translateX(-3850px) /*?*/
	}
	/*94%{
		transform: translateX(-3850px)
	}*/
	100%{
		transform: translateX(0px);
	}
}