/*
Theme Name: Les deux magots 2022
Theme URI: https://digital.green/
Author: Les deux magots by Digital Green
Author URI: https://digital.green/
Description: Digital Green custom template, contact us at https://digital.green/
Version: 1.0
Tested up to: 6.0
Requires at least: 4.4
Requires PHP: 5.2.4
Text Domain: digitalgreen
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

input, textarea, form, button{
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	font-size: 1em;
	color: #004136;
	background-color: #F2ECE7;
	background-position: bottom right;
	background-attachment: fixed;
	background-size: contain;
	background-repeat: no-repeat;
	font-family: Arial, "sans-serif";
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

td, tr, th{
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

img{
	border: none;
	margin: 0;
	padding: 0;
}

input, textarea{
	font-size: 1em;
}

input::placeholder, textarea::placeholder{
	text-transform: uppercase;
	color: #91A8A0;
	font-weight: bold;
}

a{
	text-decoration: none;
	color: #004136;
}

a:focus{border: none; outline:none !important; }

p{
	letter-spacing: 1px;
	line-height: 150%;
}

.gauche{
	float: left;
}

.droite{
	float: right;
}

.separation{
	clear: both;
	visibility:hidden;
}

.clearfix{
}

.clearfix:after {
	content: ".";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

h1{
	font-size: 425%;
	font-family: 'Playfair Display', sans-serif;
	font-weight: normal;
	line-height: 100%;
}

h2{
	font-size: 300%;
	font-family: 'Playfair Display', sans-serif;
	font-weight: normal;
	line-height: 100%;
}

h3{
	font-size: 150%;
	font-family: 'Playfair Display', sans-serif;
	font-weight: normal;
	line-height: 100%;
}

h4{
	font-size: 125%;
	font-family: 'Red Hat Display', sans-serif;
	font-weight: normal;
	line-height: 100%;
}

sup {
  vertical-align: super;
  font-size: 50%;
	font-weight: normal;
}

sub {
  /*vertical-align: sub;*/
  font-size: 50%;
}

.text-center{
	text-align: center;
}

.text-left{
	text-align: left;
}

.text-right{
	text-align: right;
}

.cream{color: #E7E1DC}
.green{color: #004236;}
.beige{color: #CDB8A7}
.white{color: #FFF}
.gold{color: #A2793B}
.red{color: #882513}

/**********************************************/

.colonne1{margin-left:1.5625%;margin-right:1.5625%;width:5.2083333333%;padding:0;}
.colonne2{margin-left:1.5625%;margin-right:1.5625%;width:13.5416666667%;padding:0;}
.colonne3{margin-left:1.5625%;margin-right:1.5625%;width:21.875%;padding:0;}
.colonne4{margin-left:1.5625%;margin-right:1.5625%;width:30.2083333333%;padding:0;}
.colonne5{margin-left:1.5625%;margin-right:1.5625%;width:38.5416666667%;padding:0;}
.colonne6{margin-left:1.5625%;margin-right:1.5625%;width:46.875%;padding:0;}
.colonne7{margin-left:1.5625%;margin-right:1.5625%;width:55.2083333333%;padding:0;}
.colonne8{margin-left:1.5625%;margin-right:1.5625%;width:63.5416666667%;padding:0;}
.colonne9{margin-left:1.5625%;margin-right:1.5625%;width:71.875%;padding:0;}
.colonne10{margin-left:1.5625%;margin-right:1.5625%;width:80.2083333333%;padding:0;}
.colonne11{margin-left:1.5625%;margin-right:1.5625%;width:88.5416666667%;padding:0;}
.colonne12{margin-left:1.5625%;margin-right:1.5625%;width:96.875%;padding:0;}

/**********************************************/

.site-container{}

.site-content{
	min-height: 95vh;
}

.main-menu-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 30px 5%;
	width: 100%;
	box-sizing: border-box;
	z-index: 9998;
	position: relative;
	font-size: 90%;
}

.sticky-menu{
	position: fixed;
	top: -100%;
	left: 0;
	background-color: #F2ECE7;
	transition: all .5s ease-in-out;
}

.responsive-logo-container{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	box-sizing: border-box;
	position: absolute;
	height: 50px;
	align-items: center;
	justify-content: center;
}

.responsive-logo-container img{
	height: 40px;
}

.menu-opener-container, .menu-logo-container, .menu-navigation-container{
	width: 33.3%
}

.menu-logo-container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.menu-logo-container img{
	display: block;
	height: 55px;
	margin: 0 auto;
}

.desktop-menu-link{
	display: none;
}

.comptoirs-menu-link{
	position: relative;
	background-color: #BE6347;
	color: #F3EEE9;
	padding: 15px 20px;
}

.comptoirs-menu-link a{
	color: #FFF;
}

.comptoirs-menu-link span{
	position: absolute;
	top: 0;
	transform: translate(50%, -50%);
	right: 15%;
	background-color: #F3EEE9;
	color: #004236;
	border: 1px solid #004236;
	font-size: 60%;
	display: block;
	padding: 5px;
	box-sizing: border-box;
}

.main-navigation{
	position: fixed;
	top: 0;
	left: -100%;
}

.menu-navigation-container{
	display: flex;
	justify-content: flex-end;
	list-style-type: none;
	align-items: center;
}

.menu-navigation-container li a:hover{
	text-decoration: underline;
}

.menu-language{
	display: flex;
	align-items: center;
}

.responsive-menu-language{
	display: none;
	align-items: center;
	position: absolute;
	top: 30px;
    right: 30px;
    font-family: arial, sans-serif;
    font-size: 70%;
}

.menu-language li:first-child, .responsive-menu-language li:first-child{
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #004136;
	box-sizing: border-box;
}

.home-menu-container .menu-language li:first-child,
.page-menu-container .menu-language li:first-child,
.responsive-menu-language li:first-child{
	border-right: 1px solid #F2ECE7;
}

.menu-language li,
.responsive-menu-language li{
	list-style-type: none;
	text-transform: uppercase;
	font-weight: bold;
}

.menu-language li.wpml-ls-current-language a, .menu-language li a:hover{
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 3px solid #004136;
	box-sizing: border-box;
}

.home-menu-container .menu-language li.wpml-ls-current-language a, 
.home-menu-container .menu-language li a:hover, 
.page-menu-container .menu-language li.wpml-ls-current-language a, 
.page-menu-container .menu-language li a:hover{
	border-bottom: 3px solid #F2ECE7;
}

.responsive-menu-language li.wpml-ls-current-language a{
	padding-bottom: 5px;
	box-sizing: border-box;
	border-bottom: 3px solid #F2ECE7;
}

.menu-opener-icon{
	height: 24px;
	width: 40px;
	margin-right: 25px;
	cursor: pointer;
}

.responsive-menu-reserver-icon{
	display: none;
}

.responsive-menu-reserver-icon, .responsive-menu-reserver-icon img{
	height: 50px;
}

.bar-1, .bar-2{
	height: 2px;
	margin-bottom: 9px;
	width: 100%;
	display: block;
	background-color: #004136;
}

.bar-3{
	height: 2px;
	width: 100%;
	display: block;
	background-color: #004136;
}

.menu-opener-container{
	display: flex;
	align-items: center;
}

.menu-navigation-container li{
	margin-left: 20px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

.main-navigation-container{
	position: fixed;
	top: 0;
	left: -100%;
	height: 100vh;
	width: 66.6660%;
	background-color: #004236;
	padding: 10vw;
	box-sizing: border-box;
	font-size: 200%;
	font-family: 'Playfair Display', sans-serif;
	z-index: 9999;
	list-style-type: none;
	transition: all .5s ease-in-out;
	
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 30%;
}

.main-navigation-container li{
	margin-bottom: 35px;
}

.main-navigation-container a{
	color: #EAE0D3;
	text-transform: uppercase;
}

.main-navigation-container a:hover{
	color: #A2793B;
	text-decoration: underline;
	font-style: italic;
}

.menu-close {
	position: absolute;
	left: 35px;
	top: 35px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.menu-close:before, .menu-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 40px;
  width: 3px;
  background-color: #F2ECE7;
}
.menu-close:before {
  transform: rotate(45deg);
}
.menu-close:after {
  transform: rotate(-45deg);
}

.site-footer{
	width: 100%;
	position: relative;
	background-color: #004236;
}

.footer-logo{
	position: absolute;
	top: -50px;
	width: 100px;
	left: 50%;
	margin-left: -50px;
}

.footer-container{
	display: flex;
	padding: 100px 5% 25px;
	text-transform: uppercase;
	justify-content: space-between;
}

.footer-content{
	width: 33.333%;
	color: #F2ECE7;
	letter-spacing: 1px;
	font-size: 75%;
}

.footer-container .footer-content:nth-child(2){
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #F2ECE7;
	border-left: 1px solid #F2ECE7;
}

.footer-container .footer-content:nth-child(3){
	text-align: right;
}

.footer-content li{
	margin-bottom: 12px;
	list-style-type: none;
}

.footer-content li i{
	font-size: 75%;
	text-transform: none;
	display: inline-block;
	margin-top: 5px;
}

.digital-credit{
	margin-top: 25px;
}

.digital-credit span{
	display: inline-block;
	padding: 2px 5px;
	box-sizing: border-box;
	background-color: #FFF;
	color: #004236;
	font-weight: bold;
}

.footer-content a{
	color: #F2ECE7;
	font-weight: bold;
	text-decoration: underline;
}

.home-menu-container, .page-menu-container{
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 30px 5%;
	width: 100%;
	box-sizing: border-box;
	z-index: 9997;
	font-size: 90%;
}

.home-menu-container a, .page-menu-container a{
	color: #F2ECE7;
}

.home-menu-container .bar-1, .home-menu-container .bar-2, .home-menu-container .bar-3,
.page-menu-container .bar-1, .page-menu-container .bar-2, .page-menu-container .bar-3
{
	background-color: #F2ECE7;
}

.single-menu-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 30px 5%;
	width: 100%;
	box-sizing: border-box;
	z-index: 9997;
	position: relative;
	font-size: 90%;
}

.single-submenu{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 50px;
	margin-top: 50px;
	flex-wrap: wrap;
}

.single-submenu-bis{
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 100px;
	position: relative;
	box-sizing: border-box;
}

.single-submenu-tiers{
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 150px;
	position: relative;
	box-sizing: border-box;
}


.single-submenu li a{
	margin-left: 50px;
	margin-right: 50px;
	display: inline-block;
	padding-bottom: 20px;
	border-bottom: 2px solid #004236;
}

.single-submenu-bis li a{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	display: inline-block;
	padding-bottom: 20px;
	color: #004236;
	border-bottom: 2px solid #004236;
}

.single-submenu-tiers li a{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	display: inline-block;
	padding-bottom: 20px;
	color: #F2ECE7;
	border-bottom: 2px solid #F2ECE7;
}

.single-submenu-bis li:first-child a, 
.single-submenu-tiers li:first-child a{
	top: 50%;
	left: calc(50% - 250px);
	transform: translate(-50%, -50%);
}

.single-submenu-bis li:last-child a, 
.single-submenu-tiers li:last-child a{
	top: 50%;
	left: calc(50% + 250px);
	transform: translate(-50%, -50%);
}

.single-submenu-quatuor{
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 50px;
	padding-bottom: 60px;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.single-submenu-quatuor li a{
	display: inline-block;
	padding-bottom: 20px;
	color: #F2ECE7;
	border-bottom: 2px solid #F2ECE7;
	margin-left: 25px;
	margin-right: 25px;
}

.page-header-container .single-submenu li a{
	margin-left: 50px;
	margin-right: 50px;
	display: inline-block;
	padding-bottom: 20px;
	color: #F2ECE7;
	border-bottom: 2px solid #F2ECE7;
}

.page-header-container .single-submenu li a.active, 
.single-submenu li a.active, .single-submenu-bis li a.active, 
.single-submenu-tiers li a.active{
	color: #A2793B;
	border-bottom: 2px solid #A2793B;
}

/**********************************************/

.home-container{
	position: relative;
}

.home-container:before{
	content: '';
	width: 33.3%;
	height: 100%;
	position: absolute;
	background-color: #004236;
	z-index: -1;
	top: 0;
	right: 0;
}

.header-section-container{
	margin-bottom: 50px;
}

.header-video-container{
	height: 80vh;
	position: relative;
}

.header-video-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 66.7%;
	height: 100%;
	overflow: hidden;
}

.header-video-content video{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
}

.header-line-container{
	position: absolute;
	left: 66.7%;
	top: 50%;
	transform: translate(-35%, -50%);
	color: #97793B;
	font-family: 'Playfair Display', sans-serif;
	font-size: 600%;
	line-height: 100%;
	text-transform: uppercase;
	z-index: 1;
}

.header-line-container p{
	line-height: 100%;
}

.header-line-container .second-word{
	margin-left: 100px;
}

.header-line-container-sous-titre p{
	font-family: Arial, serif;
	font-size: 14.5%;
	text-transform: initial;
	color: #F2ECE7;
}

.header-line-container-sous-titre strong{
	display: block;
	margin-bottom: 12px;
	margin-top: 12px;
}

.header-illustration-container{
	display: block;
	position: absolute;
	top: 82%;
	right: 0;
	width: 33.333%;
}

.header-accroche-container{
	width: 66.7%;
	padding: 35px 5%;
	color: #004236;
	font-family: 'Playfair Display', sans-serif;
	letter-spacing: normal;
}

.header-accroche-container h1{
	font-size: 200%;
}

.header-accroche-container .word-change-1:before{
	content: 'la légende';
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px solid #004236;
}

.header-accroche-container .word-change-1:hover:before{
	content: 'l\0027Histoire';
	font-style: italic;
	color: #97793B;
	border-bottom: none;
}


.header-accroche-container .word-change-2:before{
	content: 'notre café littéraire,';
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px solid #004236;
}

.header-accroche-container .word-change-2:hover:before{
	content: 'notre Maison,';
	font-style: italic;
	color: #97793B;
	border-bottom: none;
}

.header-accroche-container .word-change-3:before{
	content: 'son actualité.';
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px solid #004236;
}

.header-accroche-container .word-change-3:hover:before{
	content: 'ses évènements.';
	font-style: italic;
	color: #97793B;
	border-bottom: none;
}

.home-en.header-accroche-container .word-change-1:before{
	content: 'the legendary history';
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px solid #004236;
}

.home-en.header-accroche-container .word-change-1:hover:before{
	content: 'the History';
	font-style: italic;
	color: #97793B;
	border-bottom: none;
}


.home-en.header-accroche-container .word-change-2:before{
	content: 'our literary café';
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px solid #004236;
}

.home-en.header-accroche-container .word-change-2:hover:before{
	content: 'our House,';
	font-style: italic;
	color: #97793B;
	border-bottom: none;
}

.home-en.header-accroche-container .word-change-3:before{
	content: 'its latest news.';
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px solid #004236;
}

.home-en.header-accroche-container .word-change-3:hover:before{
	content: 'its events.';
	font-style: italic;
	color: #97793B;
	border-bottom: none;
}


.parallax {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    perspective: 300px;
}

.parallax-group {
    position: relative;
    /*height: 500px; /* fallback for older browsers */
    /*height: 100vh;*/
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.bloc-right-section-container, .bloc-left-section-container{
	width: 100%;
	margin: 0 auto 150px;
	position: relative;
}

.bloc-right-section-content, .bloc-left-section-content{
	display: flex;
	flex-wrap: wrap;
}

.right-image-bloc, .flexible-right-image-bloc, .responsive-flexible-right-image-bloc{
	width: 50%;
	position: relative;
    top: 0;
    left: 5%;
	transition: all 1s;
	overflow: hidden
}

.responsive-flexible-right-image-bloc{
	display: none;
}

.right-image-bloc.visible, .flexible-right-image-bloc.visible, .responsive-flexible-right-image-bloc.visible{
	top: -50px;
}

.right-texte-bloc, .flexible-right-texte-bloc{
	width: 45%;
	position: relative;
	top: 100px;
    /*left: 50%;*/
	padding: 50px 100px 50px;
	box-sizing: border-box;
	background-color: #882513;
	color: #F2ECE7;
	transition: all 1s;
}

.actualite-bloc-section-content .right-texte-bloc{
	width: 45%;
	position: relative;
	top: 0;
    /*left: 50%;*/
	padding: 50px 100px 50px;
	box-sizing: border-box;
	background-color: #882513;
	color: #F2ECE7;
	transition: all 1s;
}

.right-texte-bloc.visible, .flexible-right-texte-bloc.visible{
	top: 50px;
}

.left-image-bloc{
	width: 50%;
	position: relative;
    top: 100px;
	transition: all 1s;
	overflow: hidden;
}

.flexible-left-image-bloc, .responsive-flexible-left-image-bloc{
	width: 50%;
	position: relative;
    top: 100px;
    /*left: 45%;*/
	transition: all 1s;
	overflow: hidden
}

.responsive-flexible-left-image-bloc{
	display: none;
}

.left-texte-bloc, .flexible-left-texte-bloc{
	width: 45%;
	position: relative;
	top: 0;
    left: 5%;
	padding: 50px 100px 50px;
	
	box-sizing: border-box;
	background-color: #A2793B;
	color: #F2ECE7;
	transition: all 1s;
	z-index: 1;
}

.left-image-bloc.visible, .flexible-left-image-bloc.visible, .responsive-flexible-left-image-bloc.visible{
	top: 50px;
}

.left-texte-bloc.visible, .flexible-left-texte-bloc.visible{
	top: -100px;
}

.right-image-bloc img, .left-image-bloc img{
	display: block;
	min-width: 100%;
	height: 100%;
}

.right-texte-bloc h2, .left-texte-bloc h2{
	margin-bottom: 50px;
	line-height: 100%;
	font-size: 300%;
	margin-left: 30px;
}

.right-texte-bloc p, .left-texte-bloc p{
	margin-bottom: 50px;
	line-height: 150%;
}

.right-texte-bloc a, .left-texte-bloc a{
	padding: 15px 30px;
	border: 1px solid #F2ECE7;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	color: #F2ECE7;
	font-size: 90%;
}

.right-texte-bloc a:hover{
	color: #882513;
	background-color: #F2ECE7;
}

.left-texte-bloc a:hover{
	color: #A2793B;
	background-color: #F2ECE7;
}

.parallax__layer--fore{
    -webkit-transform: translateZ(90px) scale(.7);
    transform: translateZ(90px) scale(.7);
    z-index: 1;
}

.parallax__layer--base{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
}

.parallax__layer--back{
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-300px) scale(2);
    z-index: 3;
}

.parallax__layer--deep{
	-webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-600px) scale(3);
    z-index: 2;
}

.news-section-container{
	background-color: #004236;
	padding: 50px 100px;
}

.news-section-container{
	color: #F2ECE7
}

.news-section-header{
	text-align: center;
	margin-bottom: 25px;
}

.news-section-header h2{
	text-transform: uppercase;
	margin-bottom: 10px;
}

.news-section-content{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}

.news-headline-container{
	width: 66.667%;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.news-headline-thumbnail{
	width: 60%;
}

.news-headline-thumbnail div{
	position: relative;
    min-height: 80vh;
    overflow: hidden;
}

.news-headline-container img{
	min-width: 100%;
    min-height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
	
	left: 50%;
	transform: translateX(-50%);
}

.news-headline-thumbnail a{
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #003333;
	padding: 15px 30px;
	box-sizing: border-box;
	color: #F2ECE7;
	text-transform: uppercase;
	font-weight: bold;
}

.news-headline-content{
	width: 35%;
	position: relative;
	z-index: 1;
}

.news-headline-container h3{
	font-size: 550%;
	line-height: 100%;
	margin-top: 20px;
	margin-bottom: 50px;
}

.news-featured-container{
	width: 33.333%;
}

.news-headline-date{
	text-transform: uppercase;
	font-weight: bold;
}

.news-status{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}

.news-featured-content{
	padding-bottom: 25px;
	padding-top: 25px;
	border-bottom: 1px solid #FFF;
	width: 95%;
	margin-left: 5%;
}

.home-cta, .home-cta:focus, .home-cta:active{
	text-transform: uppercase;
	padding: 15px 30px;
	border: 1px solid #FFF;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 5%;
	color: #F2ECE7;
	margin-top: 25px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 90%;
}

.home-cta:hover{
	background-color: #F2ECE7;
	color: #004236;
}

.news-featured-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news-featured-title h3{
	font-family: 'Arial', sans-serif;
	line-height: 120%;;
}

.news-featured-title a{
	color: #F2ECE7;
}

.news-featured-title p{
	margin-left: 25px;
}

.magazine-section-container{
	background-color: #F2ECE7;
	padding: 50px 5% 100px;
}

.magazine-section-header{
	margin-bottom: 50px;
}

.magazine-section-header h2{
	font-size: 200%;
	font-weight: 700;
}

.magazine-section-content{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 5%;
}

.magazine-section-bloc img{
	display: block;
	width: 100%;
}

.magazine-section-bloc h3{
	margin-top: 25px;
	margin-bottom: 15px;
	font-family: 'Arial', sans-serif;
	line-height: 120%;
}

.magazine-section-bloc p{
	display: inline;
}

.magazine-section-bloc div a{
	display: inline-block;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 90%;
}

/**********************************************/

.single-content{
	padding: 100px 5% 100px;
	box-sizing: border-box;
	position: relative;
	min-height: 90vh;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.single-bloc-wrapper{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}

.single-content h2, .single-wrap h2{
	font-size: 150%;
	margin-top: 50px;
}

.single-wrap, .single-page-wrap{
	width: 100%;
    line-height: 150%;
}

.single-wrap p, .single-wrap ul, .single-wrap ol{
	margin-top: 50px;
	/*font-size: 125%;*/
}

.single-wrap ul, .single-wrap ol{
	line-height: 150%;
	list-style-position: inside;
	letter-spacing: 1px;
}

.single-wrap p img, .single-page-wrap p img{
	max-width: 100%;
}

.single-page-wrap p, .single-page-wrap ul, .single-page-wrap ol{
	margin-bottom: 25px;
	font-size: 125%;
}

.single-page-wrap ul, .single-page-wrap ol{
	line-height: 150%;
	list-style-position: inside;
	letter-spacing: 1px;
}

.single-content .single-page-wrap h1{
	 margin-bottom: 50px;
}

.single-content .single-page-wrap h2 {
    font-size: 150%;
    margin-bottom: 25px;
	margin-top: 0;
}

.single-content .single-page-wrap h3 {
    margin-bottom: 25px;
}

.single-content-bis{
	padding: 50px 5%;
	box-sizing: border-box;
	position: relative;
	min-height: 90vh;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.single-content-ter{
	padding: 50px 5%;
	box-sizing: border-box;
	position: relative;
	min-height: 90vh;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.single-content-ter .single-bloc-image-container{
   text-align: left;
	margin-top: 0;
	/*margin-left: 30px;*/
}

.single-bloc-image-container .single-title-bis{
	text-align: left;
	margin-top: 0;
	margin-left: 30px;
	font-size: 300%;
}

.single-title-bis{
	text-align: center;
	margin-top: 50px;
	font-size: 300%;
}

.single-content-bis .single-bloc-image-container p, .single-content-ter .single-bloc-image-container p{
	margin-top: 50px;
	margin-bottom: 50px;
}

.single-content-bis .single-bloc-image-container a{
	/*display: block;
	margin-top: 25px;*/
	font-weight: bold;
	text-decoration: underline
}

.single-content-ter .single-bloc-image-container a{
	display: inline-block;
	font-weight: bold;
	text-decoration: underline
}

.goback-cta{
	display: none;
	position: absolute;
	top: 25px;
	left: 5%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 125%;
	font-weight: bold;
}

.single-custom-breadcrumbs{
	display: flex;
	position: absolute;
	top: 25px;
	left: 5%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 75%;
	list-style-type: none;
	flex-wrap: wrap;
	width: 90%;
}

.single-custom-breadcrumbs li:hover{
	text-decoration: underline;
}

.single-custom-breadcrumbs li:last-child{
	font-weight: bold;
}

.single-bloc-text-container h1{
	margin-bottom: 75px;
	font-size: 350%;
	line-height: 100%;
	text-transform: uppercase;
	margin-left: 30px;
}

.single-bloc-text-container h2{
	font-size: 150%;
	margin-bottom: 25px;
}

.single-bloc-text-container h3{
	margin-bottom: 25px;
}

.single-bloc-text-container img, .single-bloc-text-container video, .single-bloc-text-container .wp-video, .wp-video, .wp-video video{
	display: block;
	width: 100%!important;
	height: auto!important;
}

.single-bloc-text-container p, .single-bloc-text-container ul{
	/*font-size: 125%;*/
	line-height: 150%;
	margin-bottom: 25px;
}

.single-bloc-text-container ul{
	list-style-position: inside;
}

.single-bloc-text-container{
	width: 40%;
}

.single-bloc-image-container{
	width: 50%;
}

.single-content-ter .single-bloc-text-container{
	width: 50%;
}

.single-content-ter .single-bloc-image-container{
	width: 40%;
}

.single-bloc-image-container img, .single-bloc-image-container video{
	width: 100%;
	display: block;
}

.citation-container{
	padding: 0 0 100px;
	background-color: #F2ECE7;
	box-sizing: border-box;
}

.citation-container-bis{
	padding: 50px 0 100px;
	background-color: #E7E1DC;
	box-sizing: border-box;
}

.citation-container p, .citation-container-bis p{
	width: 66.666%;
	margin: 0 auto;
	font-size: 250%;
    font-family: 'Playfair Display', sans-serif;
    font-weight: normal;
    line-height: 120%;
	text-align: center;
}

/**********************************************/

.histoire-container{
	position: relative;
}

.page-header-container{
	text-align: center;
	color: #E7E1DC;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	padding-top: 25vh;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.page-header-container-video{
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
}

.page-header-container h1{
	line-height: 120%;
	margin-bottom: 50px;
}

.page-introduction-container{
	display: flex;
	padding: 0 10%;
	box-sizing: border-box;
	justify-content: space-between;
	margin-bottom: 50px;
}

.page-introduction-container h2 {
    margin-bottom: 50px;
    line-height: 100%;
	text-transform: uppercase;
}

.page-introduction-texte{
	width: 45%;
}

.page-introduction-texte p{
	line-height: 150%;
}

.page-introduction-image{
	width: 50%;
}

.page-introduction-image img{
	display: block;
	width: 100%;
}

.page-introduction-cta, .page-introduction-cta:focus, .page-introduction-cta:active{
	text-transform: uppercase;
    padding: 15px 30px;
    border: 1px solid #004236;
    box-sizing: border-box;
    display: inline-block;
    color: #004236;
    margin-top: 25px;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 1px;
}

.histoire-date-texte a{
	text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #004236;
    box-sizing: border-box;
    display: inline-block;
    color: #004236;
    margin-top: 0;
	font-weight: bold;
	font-size: 75%;
	letter-spacing: 1px;
}

.page-introduction-cta:hover, .histoire-date-texte a:hover{
	background-color: #004236;
	color: #E7E1DC;
}

.histoire-date-content{
	width: 100%;
	height: 100vh;
	position: relative;
}

.histoire-date-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 70%;
	height: 70%;
	overflow: hidden;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.histoire-date-wrapper p{
	margin-top: 25px;
    width: 70%;
    margin-left: 20%;
    font-size: 120%;
}
	
.histoire-date-wrapper p a{
	letter-spacing: normal;
}

.histoire-date-texte{
	width: 60%;
    position: relative;
	line-height: 150%;
	letter-spacing: 1px
}

.histoire-date-texte span{
	/*position: absolute;
	top: -50vh;
	*/
	display: block;
	left: 0;
	margin-top: -75px;
	margin-bottom: 50px;
    font-size: 1250%;
    line-height: 100%;
	color: transparent;
	font-family: 'Playfair Display', sans-serif;
	-webkit-text-stroke: 2px #F2ECE7;
	letter-spacing: normal;
}

.histoire-date-image{
	width: 40%;
	height: 100%
}
	
.histoire-date-image-responsive{
	display: none;
}

.histoire-date-image img, .histoire-date-image-responsive img{
	height: 100%;
	max-width: fit-content;
	display: block;
}

.histoire-annees-container{
	background-color: #004236;
	padding: 50px 10%;
	box-sizing: border-box;
	color: #F2ECE7;
	margin-top: 200vh;
}

.histoire-annees-container h2, .histoire-merch-container h2{
	margin-left: 75px;
	
}

.histoire-annees-cta, .histoire-annees-cta:focus, .histoire-annees-cta:active{
	text-transform: uppercase;
    padding: 15px 30px;
    border: 1px solid #F2ECE7;
    box-sizing: border-box;
    display: inline-block;
    color: #F2ECE7;
    margin-top: 25px;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 1px;
}

.histoire-annees-cta:hover{
	background-color: #F2ECE7;
	color: #004236;
}

.histoire-annees-date{
	width: 15%;
	border-right: 1px solid #F2ECE7;
	padding-right: 50px;
	box-sizing: border-box;
	cursor: pointer;
}

.histoire-annees-liste{
	width: 80%;
	padding-left: 50px;
}

.histoire-annees-liste .histoire-event-container{
	display: none;
}

.histoire-annees-liste .histoire-event-container:first-child{
	display: block;
}

.histoire-annees-content{
	margin-top: 50px;
	margin-bottom: 50px;
	height: calc(95vh - 105px);
	
	display: flex;
	justify-content: space-between;
}

.histoire-annees-content ul{
	list-style-type: none;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.histoire-annees-date{
	font-family: 'Playfair Display', sans-serif;
	font-size: 300%;
}

.histoire-annees-date a{
	color: #F2ECE7;
	line-height: 30%;
}

.histoire-annees-date li{
	opacity: .25;
}

.histoire-annees-date li:hover{
	opacity: 1;
}

/*.histoire-annees-date a:first-child li{
	opacity: 1;
}*/

.histoire-annees-date li.light-cta{
	opacity: 1;
}

.histoire-event-container ul{
	margin-bottom: 50px;
}

.histoire-event-container ul li{
	margin-bottom: 20px;
	font-size: 150%;
}

.histoire-merch-container{
	padding: 50px 5%  100px;
}

.histoire-merch-content{
	display: flex;
	margin-top: 50px;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}

.histoire-merch-image{
	width: 50%
}

.histoire-merch-image img{
	display: block;
	width: 100%;
}

.histoire-merch-texte{
	width: 45%;
}

/**********************************************/

.flexible-container{
	/*padding-bottom: 150px;
	background-color: #E7E1DC;*/
}

.flexible-introduction-container{
	display: flex;
	padding: 50px 10%;
	box-sizing: border-box;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flexible-introduction-container h2{
    margin-bottom: 50px;
    line-height: 100%;
	text-transform: uppercase;
	margin-left: 30px;
}

.flexible-introduction-texte{
	width: 45%;
}

.flexible-introduction-image{
	width: 50%;
}

.flexible-introduction-image img{
	display: block;
	width: 100%;
}

.flexible-introduction-cta, .flexible-introduction-cta:focus, .flexible-introduction-cta:active{
	text-transform: uppercase;
    padding: 15px 30px;
    border: 1px solid #004236;
    box-sizing: border-box;
    display: inline-block;
    color: #004236;
    margin-top: 25px;
	font-weight: bold;
	font-size: 90%;
}

.flexible-introduction-cta:hover{
    background-color: #004236;
    color: #E7E1DC;
}

.flexible-bloc-container{
	width: 100%;
	padding: 0 0 50px;
	box-sizing: border-box;
}

.flexible-right-image-bloc img, .flexible-left-image-bloc img, 
.responsive-flexible-right-image-bloc img, .responsive-flexible-left-image-bloc img{
	display: block;
	min-width: 100%;
	height: 100%;
}

.flexible-right-texte-bloc, .flexible-left-texte-bloc{
	background-color: #BFAA99;
	color: #004236;
}

.flexible-right-texte-bloc h2, .flexible-left-texte-bloc h2{
	margin-bottom: 50px;
	line-height: 100%;
	font-size: 300%;
}

.flexible-right-texte-bloc p, .flexible-left-texte-bloc p{
	margin-bottom: 50px;
	line-height: 150%;
}

.flexible-right-texte-bloc a, .flexible-left-texte-bloc a{
	padding: 15px 30px;
	border: 1px solid #004236;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	color: #004236;
	font-size: 90%;
}

.flexible-right-texte-bloc a:hover{
	color: #BFAA99;
	background-color: #004236;
}

.flexible-left-texte-bloc a:hover{
	color: #BFAA99;
	background-color: #004236;
}

.flexible-bloc-right-section-container .right-texte-bloc,
.flexible-bloc-left-section-container .left-texte-bloc{
}

.flexible-bloc-right-section-container, 
.flexible-bloc-left-section-container{
	position: relative;
	width: 90%;
	margin: 0 auto;
	display: flex;
	padding-bottom: 100px;
}

.flexible-container:last-child .flexible-bloc-left-section-container{
	padding-bottom: 200px;
}

.flexible-histoire-left-container{
	padding: 0 5%;
	margin-bottom: 50px;
}

.flexible-histoire-left-content{
	display: flex;
	justify-content: space-between;
}

.flexible-histoire-left-image{
	width: 48%
}

.flexible-histoire-left-image img{
	display: block;
	width: 100%;
}

.flexible-histoire-left-texte{
	width: 48%
}

.flexible-histoire-left-texte img, .flexible-histoire-right-texte img{
	display: block;
	width: 100%;
}

.flexible-histoire-left-texte h2, .flexible-histoire-right-texte h2{
	margin-bottom: 50px;
	margin-left: 30px;
}

.flexible-histoire-right-container{
	padding: 0 5%;
	margin-bottom: 50px;
}

.flexible-histoire-right-content{
	display: flex;
	justify-content: space-between;
}

.flexible-histoire-right-image, .flexible-histoire-right-image-responsive{
	width: 48%
}

.flexible-histoire-right-image-display-responsive{
	width:100%;
	display: none;
}

.flexible-histoire-right-image img, .flexible-histoire-right-image-responsive img, .flexible-histoire-right-image-display-responsive img{
	display: block;
	width: 100%;
}

.flexible-histoire-right-texte{
	width: 48%
}

.flexible-introduction-image{
	margin-bottom: 50px;
}

/**********************************************/

.news-header-container{
	padding: 25px 5% 50px;
	box-sizing: border-box;
	position: relative;
}

.news-header-container h1{
	text-align: center;
	margin-bottom: 50px;
	text-transform: uppercase;
}

.news-header-introduction{
	margin-bottom: 50px;
}

.news-featured-wrapper{
	width: 100%;
	height: 75vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.news-featured-wrap{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 33.3%;
	padding: 50px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.50);
	color: #FFF;
}

.news-featured-wrap a{
	padding: 15px 20px;
	box-sizing: border-box;
	color: #FFF;
	margin-top: 25px;
	border: 1px solid #FFF;
	display: inline-block;
	text-transform: uppercase;
}

.actualite-bloc-container{
	padding: 0 5% 100px;
	box-sizing: border-box;
}

.actualite-bloc-content{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px;
    grid-row-gap: 50px;
}

.news-preview-bloc p.article-date{
	margin-top: 25px;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 10px;
}

.news-preview-bloc img, .news-preview-bloc a{
	display: block;
	width: 100%;
}

.news-preview-bloc h3{
	font-family: arial,'sans-serif';
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 1px;
}

.news-preview-bloc p{
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 90%;
}

.post-pagination{
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 50px;
	font-size: 125%;
}

.post-pagination h2{
	display: none;
}

.post-pagination a{
	color: #000;
	display: inline-block;
	margin-right: 10px;
}

.post-pagination span.current{
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	color: #000;
}

.post-pagination span.current:after{
	content:'';
	display: inline-block;
	width: 30px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #000;
	height: 1px;
}

.actualite-bloc-section-container{
    width: 100%;
	/*background-color: #E7E1DC;*/
	padding-bottom: 200px;
	box-sizing: border-box;
}

.actualite-bloc-section-content{
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.actualite-bloc-section-content .right-image-bloc{
	/*position: absolute;*/
	position: relative;
	width: 45%;
	top: 100px;
	left: 5%;
	overflow: hidden;
}

.actualite-bloc-section-content .right-image-bloc.visible{
	top: -50px;
}

.actualite-bloc-section-content .right-texte-bloc{
	position: relative;
	width: 50%;
	left: 0;
	padding: 100px 100px 50px;
	box-sizing: border-box;
	background-color: #CDB8A7;
	color: #004236;
	z-index: 2;
}

.actualite-bloc-section-content .right-texte-bloc a{
	color: #004236;
	border: #004236 1px solid;
}

.menu-card-container{
	margin-top: 100px;
	padding-bottom: 100px;
}

/**********************************************/

.menu-language-selector-container{
	position: relative;
	width: 25%;
	padding: 15px 20px;
	border: 2px solid #004136;
	margin: 50px auto;
	box-sizing: border-box;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #F2ECE7;
	cursor: pointer;
}
	
.menu-language-selector-content{
	position: absolute;
	top: 100%;
	left: -2px;
	width: 100%;
	border-top: 2px solid #004136;
	border-left: 2px solid #004136;
	border-right: 2px solid #004136;
	list-style-type: none;
	box-sizing: content-box;
	z-index: 1;
	background-color: #F2ECE7;
	display: none;
}

.menu-language-selector-content li{
	padding: 20px;
	border-bottom: 2px solid #004136;
}

.menu-language-selector-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.menu-language-arrow{
	transform: rotate(90deg);
	transition: all .2s ease-in-out;
}

.menu-language-arrow-close, .subject-dropdown-arrow.menu-language-arrow-close{
	transform: rotate(-90deg);
}

/**********************************************/

.form-identity-container input,
.form-adress-container input,
.form-contact-container input{
	margin-bottom: 15px;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
	display: block;
	color: #004136;
	text-transform: uppercase;
	background-color: transparent;
	border-bottom: 1px solid #004136;
	font-size: 90%;
	letter-spacing: 1px;
}

.form-contact-container input[type="email"]{
	text-transform: none;
}

.form-gender-container{
	margin-bottom: 25px;
}

.form-message-container textarea{
	margin-bottom: 25px;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
	display: block;
	color: #004136;
	background-color: transparent;
	border: 1px solid #004136;
	font-family: "Arial", "sans-serif";
	letter-spacing: 1px;
}

.form-two-columns{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.form-two-columns span{
	width: calc(50% - 25px);
}

.form-send-cta{
margin-bottom: 25px;	
}

.form-send-cta input[type=submit]{
	padding: 15px 30px;
	text-transform: uppercase;
	border: 1px solid #004136;
	color: #004136;
	box-sizing: border-box;
	background-color: transparent;
	cursor: pointer;
	font-size: 90%;
	letter-spacing: 1px;
}

.form-send-cta input[type=submit]:hover{
	color: #FFF;
	background-color: #004136;
}

.form-rating-container{
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.form-rating-container h3{
	font-size: 100%;
	font-family: "Arial", "sans-serif";
	margin-bottom: 20px;
	font-weight: bold;
}

.form-rating-content{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	list-style-type: none;
	box-sizing: border-box;
	
	margin-bottom: 20px;
}

.single-bloc-text-container ul.form-rating-content{
	line-height: normal;
}

.review-legend{
	font-size: 50%;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
}

.form-rating-content li.separator{
	flex-grow: 2;
	border-bottom: 1px solid #004136;
	box-sizing: border-box;
	margin-left: 5px;
	margin-right: 20px;
}

.your-rating{
	display: block;
}

.wpcf7-list-item{
	margin: 0 auto;
}

.form-gender-container .wpcf7-form-control-wrap .wpcf7-form-control{
	display: flex;
	align-items: center;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.form-rgpd-container .wpcf7-form-control-wrap .wpcf7-form-control{
	display: flex;
	align-items: center;
	font-size: 90%;
	margin-top: 50px;
	margin-bottom: 50px;
}

.form-gender-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item,
.form-rgpd-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item{
	margin-right: 25px;
	margin-left: 0px;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	display: flex;
	align-items: center;
}

.wpcf7-list-item-label{
	display: block;
}

/* Hide the browser's default radio button */
.form-gender-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input,
.form-rgpd-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
		
	height: 18px;
    width: 18px;
    top: 0;
    z-index: 1;
    left: 0;;
}

/* Create a custom radio button */
.checkmark{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	border: 1px solid #004136;
	background-color: transparent;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form-gender-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input:checked ~ .checkmark:after,
.form-rgpd-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input:checked ~ .checkmark:after{
  display: block;
}

.form-gender-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .checkmark:after,
.form-rgpd-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .checkmark:after{
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: #004136;
}

.form-cta-link{
	display: block;
	margin-bottom: 25px;
	text-decoration: underline;
	font-size: 90%;
	cursor: pointer;
	font-weight: bold;
}

.newsletter-form-container{
	display: none
}

.form-subject-container{
	margin-top: 50px;
	margin-bottom: 50px;
}

.subject-dropdown-arrow{
	transition: all .2s ease-in-out;
	transform: rotate(90deg);
}

.subject-dropdown{
	display: block;
	width: 100%;
	padding: 15px 20px;
	background-color: transparent;
	border: 1px solid #004136;
	/*box-sizing: border-box;*/
	color: #004136;
	font-weight: bold;
	letter-spacing: 1px;
	
	-webkit-appearance: none;
  appearance: none;
}

.subject-dropdown-navigation{
	border: 1px solid #004136;
	padding: 15px 20px;
	box-sizing: border-box;
	color: #004136;
	font-weight: bold;
	letter-spacing: 1px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 85%;
	cursor: pointer;
}

.subject-dropdown-link{
	display: none;
}

.subject-dropdown-link li:first-child{
	border-top: none;
}

.subject-dropdown-link li{
	font-size: 85%;
	border: 1px solid #004136;
	border-top: none;
	padding: 15px 20px;
	box-sizing: border-box;
	list-style-type: none;
	font-weight: bold;
	letter-spacing: 1px;
}

.form-subject-container {
  position: relative;
}

.form-subject-container:after {
	content: ">";
	font-size: 100%;
	top: 50%;
	transform: translate(0, -50%) rotate(90deg);
	right: 25px;
	position: absolute;
}

.grecaptcha-badge{
	display: none;
}
/**********************************************/

.grecaptcha-badge {
z-index: 9999;
}

/**********************************************/

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 14.1 - <= 480px
 */

@media screen and (max-width: 480px) {
	h1{
		font-size: 250%;
	}

	h2{
		font-size: 200%;
	}

	h3{
		font-size: 150%;
	}

	h4{
		font-size: 100%;
	}
	
	.main-menu-container, .home-menu-container, .page-menu-container{
		padding: 15px 5%;
	}
	
	.menu-opener-icon{
		height: 23px;
		width: 35px;
		margin-right: 25px;
		cursor: pointer;
	}
	
	.bar-1, .bar-2{
		margin-bottom: 9px;
	}
	
	.menu-close {
		left: 30px;
		top: 20px;
		width: 30px;
		height: 30px;
	}
	
	.menu-close:before, .menu-close:after{
		height: 35px;
	}
	
	.responsive-menu-reserver-icon, .responsive-menu-reserver-icon img{
		height: 35px;
	}
	
	.menu-language{
		display: none;
	}
		
	.responsive-menu-reserver-icon{
		display: block;
	}

	.responsive-menu-language{
		display: flex;
	}
	
	.single-submenu-bis, .single-submenu-tiers{
		display: flex;
		flex-direction: column;
		margin-top: 25px;
		padding-bottom: 50px;
		align-items: center;
	}
	
	.single-submenu{
		display: flex;
		flex-direction: column;
		margin-top: 50px;
		padding-bottom: 0;
		align-items: center;
		text-align: center;
	}
	
	.single-submenu li a, .single-submenu-bis li a, .single-submenu-tiers li a{
		position: static;
		padding-bottom: 10px;
		margin-bottom: 25px;
	}
	
	.single-submenu-bis li:first-child a, .single-submenu-tiers li:first-child a,
	.single-submenu-bis li:last-child a, .single-submenu-tiers li:last-child a,
	.single-submenu-bis li a, .single-submenu-tiers li a{
		transform: none;
	}
	
	.single-submenu-quatuor{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 25px;
		width: 80%;
		margin: 0 auto;
	}
	
	.single-submenu-quatuor li:last-child{
		grid-column: span 2;
	}
	
	.single-submenu-quatuor li a{
		margin-left: 0;
		margin-right: 0;
	}
	
	.menu-language-selector-container{
		width: 90%;
	}
	
	.menu-card-container iframe{
		width: 100%!important;
	}
	
	.main-navigation-container{
		width: 100%;
		font-size: 150%;
	}
	
	.home-cta, .home-cta:focus, .home-cta:active, .flexible-introduction-cta,
	.page-introduction-cta{
		padding: 12px 20px;
	}
	
	.menu-opener-container, .menu-navigation-container{
		width: 25%;
	}
	
	.menu-logo-container{
		width: 50%;
	}
	
	.main-navigation-container li{
		margin-bottom: 25px;
	}
	
	.right-texte-bloc, .flexible-right-texte-bloc,
	.left-texte-bloc, .flexible-left-texte-bloc{
		padding: 7.5vw;
	}
	
	.flexible-histoire-left-image img,
	.flexible-histoire-right-image img{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.citation-container-bis{
		margin-top: 50px;
	}
	
	.citation-container p, .citation-container-bis p{
		font-size: 200%;
	}
	
	.page-header-container{
		padding-top: 75px;
		margin-bottom: 25px;
	}
	
	.page-header-container h1{
		margin-bottom: 50px;
	}
		
	.histoire-date-wrapper{
		flex-direction: column-reverse;
	}
	
	.histoire-date-wrapper p, .histoire-date-image-responsive, .histoire-date-texte{
		font-size: 100%;
		width: 100%;
	}
	
	.histoire-date-image{
		display: none
	}
	
	.histoire-date-image-responsive{
		display: block;
		margin-bottom: 25px;
	}
	
	.histoire-date-texte a{
		padding: 5px 10px;
	}
	
	.histoire-date-texte span {
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 450%;
		line-height: 100%;
	}
	
	.histoire-date-wrapper p{
		margin-left: 0;
	}
	
	.histoire-annees-date {
    	font-size: 150%;
	}
	
	.histoire-annees-content{
		height: auto;
		margin-bottom: 25px;
	}
	
	.histoire-event-container ul li {
		font-size: 120%;
	}
	
	.histoire-annees-liste{
		padding-left: 25px;
		font-size: 90%;
	}
	
	.histoire-annees-content ul{
		justify-content: flex-start;
		margin-bottom: 0;
	}
	
	.histoire-annees-date a{
		margin-bottom: 25px;
	}
	
	.news-headline-container h3{
		font-size: 300%;
	}
	
	.right-texte-bloc h2, .left-texte-bloc h2{
		font-size: 250%;
	}
	
	.header-line-container{
		font-size: 400%;
	}

	.header-line-container-sous-titre p {
		font-size: 26.5%;
	}

	.header-line-container-sous-titre strong {
		margin-top: 24px;
		margin-bottom: 24px;
	}
	
	.form-gender-container .wpcf7-form-control-wrap .wpcf7-form-control{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.form-gender-container .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item{
		margin-bottom: 20px;
	}
	
	.single-bloc-text-container ul.form-rating-content{
		font-size: 100%;
		flex-direction: column;
	}
	
	.single-bloc-text-container ul.form-rating-content li{
		margin-bottom: 10px;
	}
	
	.form-two-columns span{
		width: 100%;
	}
	
	.uacf7-rating label{
		line-height: 25px;
		font-size: 25px;
	}
	
	.flexible-histoire-right-image-display-responsive{
		display: block;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.flexible-histoire-right-image-responsive{
		display: none
	}
}

/**
 * 14.2 - <= 783px
 */

@media screen and (max-width: 820px){
	.header-illustration-container{
		display: none;
	}
	
	.home-container:before{
		display: none;
	}
	
	.header-video-container{
		height: 75vh;
	}
	
	.header-video-content{
		position: relative;
		width: 100%;
	}
	
	.header-line-container{
		left: 50%;
		transform: translate(-50%, -50%);
		color: #F2ECE7;
	}
	
	.header-accroche-container{
		width: 90%;
	}
	
	.header-accroche-container h1{
		font-size: 150%;
	}
	
	.right-image-bloc, .flexible-right-image-bloc, 
	.left-image-bloc, .flexible-left-image-bloc,
	.responsive-flexible-right-image-bloc, .responsive-flexible-left-image-bloc{
		width: 100%;
		left: 0;
		height: 50vh;
	}
	
	.flexible-left-image-bloc, .flexible-right-image-bloc{
		display: none;
	}

	.responsive-flexible-left-image-bloc, .responsive-flexible-right-image-bloc{
		display: block;
	}
	
	.right-image-bloc img, .left-image-bloc img, 
	.flexible-right-image-bloc img, .flexible-left-image-bloc img, 
	.responsive-flexible-right-image-bloc img, .responsive-flexible-left-image-bloc img{
		height: fit-content;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.right-texte-bloc, .flexible-right-texte-bloc,
	.left-texte-bloc, .flexible-left-texte-bloc{
		width: 90%;
		top: -15vh;
		left: 5%;
	}
	
	.bloc-left-section-content{
		flex-direction: column-reverse;
	}
	
	.bloc-right-section-container, .bloc-left-section-container{
		margin: 0 auto;
	}
	
	.flexible-bloc-right-section-container, .flexible-bloc-left-section-container{
		margin: 0 auto -10vh;
	}
	
	.left-image-bloc, .flexible-left-image-bloc, .responsive-flexible-left-image-bloc{
		top: 0;
	}
	
	.news-section-container{
		padding: 50px 0;
	}
	
	.news-headline-container, .news-featured-container{
		width: 100%;
	}
	
	.news-featured-content{
		width: 90%;
	}
	
	.news-headline-container{
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}
	
	.news-headline-thumbnail{
		width: 100%;
	}
	
	.news-headline-content{
		width: 90%;
		margin: 25px auto 50px;
	}
	
	.news-headline-thumbnail div{
		min-height: 50vh;
		height: 50vh;
	}
	
	.news-headline-thumbnail{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.magazine-section-content{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.magazine-section-bloc img{
		display: none;
	}
	
	.magazine-section-bloc{
		border-bottom: 1px solid #004236;
		padding-bottom: 5%;
		box-sizing: border-box;
	}
	
	.magazine-section-content .magazine-section-bloc:last-child {
		border-bottom: none;
		margin-bottom: 100px;
	}
	
	.footer-container{
		flex-direction: column;
		text-align: center;
	}
	
	.footer-content{
		width: 100%;
	}
	
	.footer-container .footer-content:nth-child(2){
		border-right: none;
    	border-left: none;
		border-top: 1px solid #F2ECE7;
    	border-bottom: 1px solid #F2ECE7;		
		margin-top: 13px;
		margin-bottom: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.footer-container .footer-content:nth-child(3){
		text-align: center;
	}
	
	.main-navigation-container{
		background-position: bottom center;
		background-size: 50%;
		padding : 15vh 10vw;
	}
	
	.page-introduction-container{
		flex-wrap: wrap;
		padding: 55px 5%;
		flex-direction: column-reverse;
	}
	
	.flexible-introduction-container{
		flex-wrap: wrap;
		padding: 55px 5% 0;
		flex-direction: column-reverse;
	}
	
	.page-introduction-image img{
		margin-bottom: 50px;
	}
	
	.page-introduction-texte, .page-introduction-image,
	.flexible-introduction-texte, .flexible-introduction-image,
	.histoire-merch-texte, .histoire-merch-image{
		width: 100%;
	}
	
	.histoire-date-wrapper{
		width: 90%;
		height: 70%;
	}
	
	.histoire-annees-container h2, .histoire-merch-container h2{
		margin-left: 5%;
	}
	
	.histoire-annees-container{
		padding: 50px 5%;
	}
	
	.histoire-annees-date{
		width: 25%;
	}
	
	.histoire-annees-liste{
		width: 75%;
	}
	
	.histoire-merch-image{
		margin-bottom: 25px;
	}
	
	.citation-container p, .citation-container-bis p{
		width: 75%;
	}
	
	.flexible-bloc-right-section-container, .flexible-histoire-left-content{
		flex-direction: column;
	}
	
	.flexible-bloc-left-section-container, .flexible-histoire-right-content{
		flex-direction: column-reverse;
	}
	
	.flexible-bloc-right-section-container, .flexible-bloc-left-section-container{
		width: 100%;
		padding-bottom: 0;
	}
	
	.flexible-histoire-left-container, .flexible-histoire-right-container{
		margin-bottom: 0;
	}
	
	.flexible-histoire-left-image, .flexible-histoire-right-image,
	.flexible-histoire-left-texte, .flexible-histoire-right-texte{
		width: 100%;
	}
	
	.news-featured-wrap, .actualite-bloc-section-content .right-image-bloc{
		width: 100%;
	}
	
	.actualite-bloc-section-content .right-image-bloc{
		top: 0;
    	left: 0;
	}
	
	.actualite-bloc-section-content{
		flex-direction: column;
		margin-bottom: 0vh
	}
	
	.actualite-bloc-section-content .right-texte-bloc{
		margin: 0 auto;
		top: -15vh;
		width: 90%;
		padding: 7.5vw;
	}
	
	.actualite-bloc-section-container{
		padding-bottom: 0;
	}
		
	.actualite-bloc-content{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.news-header-container {
    	padding: 50px 5%;
	}
	
	.single-bloc-text-container{
		flex-direction: column;
	}
	
	.single-bloc-wrapper{
		flex-direction: column-reverse;
	}
	
	.single-bloc-text-container, .single-bloc-image-container{
		width: 100%;
	}
	
	.single-bloc-text-container h1{
		margin-bottom: 50px;
		margin-top: 0;
		margin-left: 0;
		font-size: 275%;
	}

	.menu-card-container{
		margin-top: 50px;
	}
	
	.single-content-ter .single-bloc-image-container, 
	.single-content-ter .single-bloc-text-container{
		width: 100%;
	}
	
	.single-content-ter .single-bloc-image-container, 
	.single-bloc-image-container img{
		margin-bottom: 50px;
	}
	
	.single-bloc-image-container .single-title-bis{
		text-align: center;
    	margin-left: 0;
	}
}

/**
 * 14.3 - <= 960px
 */

@media screen and (max-width: 960px) {
}

/**
 * 14.5 - <= 1200px
 */

@media screen and (max-width: 1024px) {
	.responsive-menu-link{
		display: none;
	}
	
	.desktop-menu-link{
		display: block;
	}
	
	.responsive-menu-link-border{
		display: inline-block;
		padding: 10px 20px;
		box-sizing: border-box;
		border: 1px solid #004236;
	}
	
	.home-menu-container .responsive-menu-link-border, .page-menu-container .responsive-menu-link-border{
		border: 1px solid #F2ECE7;
	}
	
	.menu-logo-container img{
		height: auto;
		width: 100%;
	}
		
	.single-submenu li a, .single-submenu-bis li a{
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 25px
	}
}

/**
 * 14.6 - >= 1600px
 */

@media screen and (min-width: 1600px) {
	body{
		font-size: 1.5em;
	}
}