/* REMPLACEMENT MENU */

#page-header { display: none !important; }

/* FIN */



:root {
	--color-stemmer-bleu: #2A4B9B;
	--color-stemmer-vert: #2CA947;
}

html { margin: 0px; overflow-x: hidden; }
body { margin: 0 0 0 0; overflow-x: hidden; }

html, body {
		height: 100vh;
		width: 100vw;
		margin: 0;
		overflow-y: auto;
}

html::-webkit-scrollbar, body::-webkit-scrollbar  { display: none !important; }
html, body { -ms-overflow-style: none !important; scrollbar-width: none !important; }

.mobilOnly { display: none !important; }
.mobilOnlyRow { display: none !important; }
.mobilSupr { display: default !important; }
.mobilCenter { text-align: default !important; }
.tableCellMobil { display: none !important; }
.justMobil { display: none !important; width: 100%; }

a { cursor: pointer; }

/* WIDTH */

.contenu {
	position: relative;
	display: inline-block;
	background-size: cover;
	background-position: center;
	vertical-align: middle;
  word-spacing: 0em;
	overflow: visible;
}

/* PAGE CONTENU */

.width-full {
	display: table;
	position: relative;
	width: 100vw;
	height: auto;
	background-color: rgba(0,0,0,0);
	table-layout: fixed;
	word-spacing: -4em;
	margin: 0 auto;
	overflow: visible;
	vertical-align: middle;
}

.width-max {
	display: table;
	position: relative;
	width: 100%;
	max-width: 1700px;
	margin: 0 auto;
	table-layout: fixed;
	word-spacing: -4em;
	overflow: visible;
	padding: 0;
}

/* MARGES */

.padding-top { padding-top: 120px; }
.padding-bottom { padding-bottom: 120px; }

.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-background-mobil { background-image: default; }

/* BORDER */
.border-radius { border-radius: 0px; overflow: hidden;}

/* BOX // WIDTH */
.entier {width: calc((100% / 1) - 60px); padding: 10px 30px; }
.entier-full {width: calc((100% / 1) - 0px); padding: 10px 0px; }
.demi {width: calc((100% / 2) - 60px ); padding: 0px 30px; }
.demi-full {width: calc((100% / 2) - 0px ); padding: 0px 0px; }
.tier {width: calc((100% / 3) - 60px); padding: 0px 30px; }
.tier-full {width: calc((100% / 3) - 0px); padding: 0px 0px; }
.quart {width: calc((100% / 4) - 60px); padding: 0px 30px; }
.quart-full {width: calc((100% / 4) - 0px); padding: 0px 0px; }
.cinquieme {width: calc((100% / 5) - 60px); padding: 0px 30px; }
.cinquieme {width: calc((100% / 5) - 0px); padding: 0px 0px; }

/* ALIGNEMENT */
.vertical-align-top { vertical-align: top; }

/* FONT // FAMILY */
.font-cap { text-transform: uppercase; }
.font-underline { text-decoration: underline; }
.font-italique { font-style: italic; }
.para-left { text-align: left; }
.para-justify { text-align: justify; }
.para-center { text-align: center; }
.para-right { text-align: right; }

/* MENU PRINCIPAL */

#menu-principal {
	display: flex;
	flex-direction: row;
	max-width: 1700px;
	margin: 50px auto;
	z-index: 1;
}

#menu-principal p {
	margin: 0px;
}

#menu-principal ul#liste-lien {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 0;
}

#menu-principal ul#liste-lien li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	padding: 0;
}

#menu-principal ul#liste-lien li p {
	display: inline-block;
	color: var(--color-stemmer-bleu);
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
	font-family: 'akzidenz-grotesk_bq_condensMd', sans-serif;
	text-transform: uppercase;
	transition-duration: 0.6s;
	border-bottom: 1px solid rgba(255,255,255,0);
	padding: 14px 0 14px 0;
	margin: 0px;
}

#menu-principal ul#liste-lien li:hover p {
	color: var(--color-stemmer-vert);
	border-bottom: 1px solid var(--color-stemmer-vert);
}

#menu-principal ul#identite {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#menu-principal ul#identite li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	cursor: pointer;
}

#menu-principal ul#identite li:nth-child(2) {
	text-align: right;
}

#menu-principal ul#identite li:nth-child(2) p {
	display: none;
	position: absolute;
	width: 25px;
	height: 20px;
	right: 0px;
	transform: translate(0 , -50%);
}

#menu-principal ul#identite li:nth-child(2) p span {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0%;
	transform: translate(0%, -50%);
	transition-duration: 0.2s;
}

#menu-principal ul#identite li:nth-child(2) p span:nth-child(1) { top: 0%; background-color: rgba(0,0,0,0.4); }
#menu-principal ul#identite li:nth-child(2) p span:nth-child(2) { top: 50%; background-color: rgba(0,0,0,0.4); }
#menu-principal ul#identite li:nth-child(2) p span:nth-child(3) { top: 100%; background-color: rgba(0,0,0,0.4); }
#menu-principal ul#identite li:nth-child(2) p span:nth-child(4) { top: 50%; background-color: rgba(0,0,0,0); }

#menu-principal ul#identite li:nth-child(2) p:hover span:nth-child(1) { width: 80%; background-color: rgba(0,0,0,0.8); }
#menu-principal ul#identite li:nth-child(2) p:hover span:nth-child(2) { width: 100%; background-color: rgba(0,0,0,0.8) ; }
#menu-principal ul#identite li:nth-child(2) p:hover span:nth-child(3) { width: 60%; background-color: rgba(0,0,0,0.8); }
#menu-principal ul#identite li:nth-child(2) p:hover span:nth-child(4) { width: 100%; background-color: rgba(0,0,0,0); }

#menu-principal ul#identite li p img {
	display: inline-block;
	width: 200px;
	margin: 0 0 0 30px;
}

/* FILTRES */

#zone-filtre {
	position: relative;
	width: 100%;
	box-shadow: inset 0 0 0 1px var(--color-stemmer-bleu);
	padding: 20px 0;
} #zone-filtre.hide { display: none; }

#zone-filtre ul {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 80%;
	margin: 0 auto;
}

#zone-filtre ul li {
	display: table-cell;
	padding: 10px 0;
	text-align: left;
	cursor: pointer;
}

#zone-filtre ul li:nth-child(1) {
	width: 15%;
}

#zone-filtre ul li p {
	display: inline-block;
	vertical-align: middle;
	font-family: 'akzidenz-grotesk_bq_condensMd', sans-serif;
	color: rgba(0,0,0,0.5);
	font-size: 17px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#zone-filtre ul li p span {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	background-color: white;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
	border-radius: 50%;
	transition-duration: 0.2s;
	cursor: pointer;
}

#zone-filtre ul li p span.active {
	background-color: var(--color-stemmer-bleu);
	box-shadow: inset 0 0 0 1px var(--color-stemmer-bleu);
}

/* VIDEO */

#galerie-video {
	position: fixed;
	top: -200vh;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.9);
	z-index: 1000;
	transition-duration: 0.6s;
} #galerie-video.active { top: 0vh; }

#insert-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
}

#insert-video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

.fermeture {
	position: absolute;
	top: 5vh;
	right: 5vh;
	display: block;
	width: 5vw;
	height: 5vw;
	background-color: white;
	border-radius: 50%;
}

.fermeture span {
	display: block;
	position: absolute;
	width: 60%;
	height: 2px;
	background-color: var(--color-stemmer-bleu);
	left: 50%;
	top: 50%;
	transition-duration: 0.2s;
	cursor: pointer;
}

.fermeture span:nth-child(1) { transform: translate(-50%, -50%) rotate(-45deg); }
.fermeture span:nth-child(2) { transform: translate(-50%, -50%) rotate(45deg); }
.fermeture:hover span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.fermeture:hover span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }