@charset "utf-8";
/* CSS Document */
@import url('/polices/polices.css');



body {
	background-color:#e9dfcf;
	font-size:20px;
	font-family:Akzidenz-Grotesk BQ;
}
#page{
	width: 95%;
	margin: 0 auto;
}
.gras {
	font-weight:bold;
}
div#logo {
	margin: 0px auto 20px auto;
	max-width: 800px;
	width: 100%;
}
div#logo img {
	width: 100%;
}
div.pave {
	margin: 0 auto;
	background-color: white;
	border: solid 1px black;
	padding: 20px;
	text-align:center;
}
div.pave p {
	font-style:italic;
}
div.titre {
	font-family:Neue Machina;
	font-size:40px;
	text-transform:uppercase;
	margin-top:10px;
}
div#apropos {
	max-width: 500px;
}

div#inner_histoire {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 700px;
	margin: 0 auto;
}
div#inner_histoire > div, div#inner_histoire > img {
	align-content: center;
	align-items: center;
}
#equipe{
	width: 70%;
}

#membres{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-start;
	flex-wrap: wrap;
}
.membre {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 15%;
}
.membre .prenom{
	font-family:Akzidenz-Grotesk BQ Bold;
	text-transform: uppercase;
	font-size: 25px;
}
.membre .fonction{
	font-style: italic;
}
.membre img {
	border-radius: 100px;
	margin-top: 25px;
}
.membre .texte{
	font-family:Akzidenz-Grotesk BQ Regular;
	font-weight: normal;
    font-style: normal;
	margin: 20px 0px 0px 0px;
	font-size: 18px;
}
#lesvaleurs{
	width: 55%;
	margin: 0 auto;
	text-align: center;
}
#valeurs {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap:wrap;
	margin-top: 20px;
}
.valeur {
	width: 16%;
}
.valeur.pave .titre, .contact.pave .titre {
	font-size: 20px;
	margin-bottom: 20px;
}
.valeur.pave .texte {
	font-family: Akzidenz-Grotesk BQ;
	font-style: italic;
	font-size: 18px;
}
#contacteznous{
	width: 30%;
	margin: 0 auto;
	text-align: center;
}
.contact.pave {
	margin-top:20px;
}
.contact.pave .texte{
	font-family: Akzidenz-Grotesk BQ Regular;
	font-size: 18px;
}
div#inner_after {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 700px;
	margin: 0 auto;
}
div#inner_after > div, div#inner_after > img {
	align-content: center;
	align-items: center;
}
#piedpage{
	font-family: Akzidenz-Grotesk BQ Regular;
	font-size: 14px;
	text-align: center;
	margin-top: 50px;
}

@media (max-width:768px) {
	div.pave, div#equipe, div#lesvaleurs, div#contacteznous{
		width:90%;
		padding:10px;
	}
div.titre {
	font-size:28px;
}
	div#lesvaleurs{
		padding:0px;
	}
	div#inner_histoire > img, div#inner_after > img {
		display:none;
	}
	div#inner_histoire, div#inner_after {
		width: auto;
	}
	.membre {
		width: 100%;
	}
	.membre .texte{
		margin-top:10px
	}
	.membre img {
		margin-top: 40px;
	}
}