/*
Theme Name: Yata Theme
Author: YATA!
Text Domain: yatath
Version: 1.0
*/

/*#ffdb01*/
/*#2f3652*/

/*pour sticky vue list item*/
.vc_row[data-vc-full-width]{overflow:visible!important;}

/*Daniel 400*/
@font-face{font-family:'Daniel'; src:url('/wp-content/themes/yatatheme/fonts/daniel.ttf') format('truetype'); font-weight:400; font-style:normal;}
/*Oraqle Script*/
@font-face{
	font-family:'Oraqle Script'; 
	src:url('/wp-content/themes/yatatheme/fonts/Oraqle%20Script.ttf') format('truetype'),
		url('/wp-content/themes/yatatheme/fonts/Oraqle%20Script.woff') format('woff'); 
	font-weight:400; 
	font-style:normal;
}
/*Oraqle Swash*/
@font-face{
	font-family:'Oraqle Swash'; 
	src:url('/wp-content/themes/yatatheme/fonts/Oraqle%20Swash.otf') format('opentype'),
		url('/wp-content/themes/yatatheme/fonts/Oraqle%20Swash.woff') format('woff');
	font-weight:400; 
	font-style:normal;
}
/*STYLE GENERAUX*/
html {scroll-behavior: smooth; text-rendering: optimizeLegibility;}
body {background-color:#fefefe; font-family:'Open Sans',sans-serif; font-size:1em; line-height:1.5em; color:#555047; text-rendering: optimizeLegibility;}

.vc_images_carousel {
	margin: auto;
}

.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading, .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading,.vc_tta-style-classic .vc_tta-tab>a, .vc_tta-style-classic .vc_tta-tab>a:focus, .vc_tta-style-classic .vc_tta-tab>a:hover, .vc_tta-style-outline .vc_tta-tab>a, .vc_tta-style-outline .vc_tta-tab>a:focus, .vc_tta-style-outline .vc_tta-tab>a:hover, .vc_tta-style-modern .vc_tta-tab>a:focus, .vc_tta-style-modern .vc_tta-tab>a:hover, .vc_tta-style-flat .vc_tta-tab>a:focus, .vc_tta-style-flat .vc_tta-tab>a:hover {
	color: white !important;
	background-color: #28367B !important;
	border: none !important;
}
.vc_tta-style-classic .vc_tta-tab.vc_active>a, .vc_tta-style-modern .vc_tta-tab>a, .vc_tta-style-flat .vc_tta-tab>a, .vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
	border-color: #f0f0f0 !important;
    background-color: #f8f8f8 !important;
    color: #666 !important;
}

.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body, .vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
	background-color: transparent!important;
}

.vc_tta-style-outline .vc_tta-tab.vc_active>a, .vc_tta-style-outline .vc_tta-tab>a, .vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    border-color: #28367B !important;
    background-color: transparent !important;
    color: #28367B !important;
}

.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a, .vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a {
	color: #28367B !important;
}

.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels {
	border-color: #28367B !important;
}

h2.titrepage{width: 100%; text-align: center; color:#ffffff; letter-spacing: 12px; margin: 0px; font-size: 9.5em; font-weight: 400; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; font-family: 'Oraqle Script', serif; text-shadow:2px 3px 5px black;}

@media (max-width: 768px) {
	h2.titrepage{
		font-size: 6em;
	}
}

h1{	font-family: 'Oraqle Script'; text-transform: capitalize; font-weight:normal !important; color:#fecf00; font-size:7em; line-height:1.2em; text-transform:unset; text-align:center; margin-bottom: 30px; margin-top: 0px;}
h2.chapeau{font-family: 'Open Sans', sans-serif; font-size:1.3em; color:#28367b; line-height:1.2em; text-transform:none; font-weight:700;}
h2.chapeau::after{display: none;}
h2{font-family: 'Open Sans', sans-serif; font-weight:bold; color:#fecf00; font-size:3em; line-height:1.2em; margin:20px 0px;}
h2.titreAccueil{font-family: 'Oraqle Script'; font-weight:300; color:#fecf00; font-size:5.5em; line-height:1.2em; margin:20px 0px;}
h3{font-family: 'Open Sans', sans-serif; font-weight:700; color:#28367b; font-size:1.3em; line-height:1.1em; margin:0px;}
h4{font-family: 'Open Sans', sans-serif; font-weight:700; color:#28367b; font-size:1.5em; text-transform:uppercase; line-height:1.1em; margin:0px;}
p{font-family:'Open Sans',sans-serif; font-size:1.05em; line-height:2em; margin:10px 0px; color:#28367b;}
a{text-decoration: none; color:inherit; transition: all 0.3s ease; cursor:pointer; color:#28367b;}
.button {
	display: block;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.body > div.main-content > div.container-fluid > div.vc_row:last-child {
	margin-bottom: 50px;
}

body .imgcropCtn {
	position: relative;
	overflow: hidden;
}

body .imgcrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	object-position: center;
	min-height: 100%;
}

/*Modules pages*/

/*-Séparateurs*/

.colonne-separateur .wpb_wrapper{
	height: 100%;
	display: flex;
	align-items: center;
}

.colonne-separateur .separateur-vertical{
	height: 80%;
}

.separateur-vertical {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 25px;
	width: 1px !important;
	border: 1px solid #28367B;
	height: 50px;
}

.separateur-vertical > span:nth-child(1) > span {
	display: none !important;
}

/*-Trois blocs bleus*/

.blocs-parent-three {
}

.blocs-pages {
	height: 23vw;
	padding-left: 0 !important;
}

.blocs-pages > div > div {
	height: 100%;
}

.blocs-textes-three {
	height: 100%;
}

.blocs-textes-three > div {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.blocs-textes-three > div > p > strong {
	font-size: 70px;
	color: white;
	font-weight: lighter;
}

.blocs-textes-three > div > p {
	font-size: 32px;
	color: white;
	font-weight: lighter;
}

@media (max-width: 1350px) {
	.blocs-pages {
		padding: 5px !important;
	}

	.blocs-pages > .vc_column-inner {
		padding: 0 !important;
	}

	.blocs-textes-three > div > p > strong {
		font-size: 5vw;
		color: white;
		font-weight: lighter;
	}
	
	.blocs-textes-three > div > p {
		font-size: 2vw;
		color: white;
		font-weight: lighter;
	}
}

@media (max-width: 768px) {
	.blocs-pages {
		height: 80vw;
    	max-height: 400px;
	}
	.blocs-textes-three > div > p > strong {
		font-size: 70px;
		color: white;
		font-weight: lighter;
	}
	
	.blocs-textes-three > div > p {
		font-size: 32px;
		color: white;
		font-weight: lighter;
	}
}

/*-Texte + bouton + image*/

.bouton-element > button {
	margin-left: 0 !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 4vw !important;
	padding-right: 4vw !important;
}

@media (max-width: 768px) {
	.background-element {
		height: 300px;
		margin-top: 50px;
	}
}

/*-Raccourcis*/

.raccourcis-elements {
	transform: scale(1);
	transition: 0.3s all ease-in-out;
}

.raccourcis-elements:hover {
	transform: scale(1.08);
	transition: 0.3s all ease-in-out;
}

/*-Bloc 3 images*/

.bouton-element-3images > button {
	margin-left: 0 !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 4vw !important;
	padding-right: 4vw !important;
}

.background-element-3images {
	height: 600px;
}

/*-Listing*/

.listing-element > div > div > div > div > p {
	font-weight: 600;
	padding-left: 15px;
}

/*Citation*/

.citation-icone > div {
	position: relative;
}
.citation-icone > div > p {
	font-family: 'Oraqle Script';
    color: #bc9d41;
    position: absolute;
    width: 100%;
    top: -260px;
    height: 60px;
    font-size: 300px;
}

/*Bloc de téléchargement*/

.telechargement-bloc > div {
	padding-top: 25px !important;
}

.telechargement-title > div > p {
	text-transform: uppercase;
	color: white;
	font-weight: 600;
	line-height: 1em;
}

.telechargement-format > div > p {
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	line-height: 1em;
	margin-top: 0;
}

.telechargement-button > button {
	padding-left: 50px !important;
	padding-right: 50px !important;
	text-transform: uppercase;
	color: #28367b !important;
	font-weight: bold;

}

@media (max-width: 768px) {
	.telechargement-button > button {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/*Custom grid atualités*/

/*Bloc direction galerie*/

.bloc-direction-galerie {
	height: 340px;
}

.texte-direction-galerie > div > p {
	padding-left: 60px;
	color: white;
	font-size: 2em;
}

.bouton-direction-galerie > button {
	margin-left: 60px;
	background-color: #28367b !important;
	color: white !important;
	font-weight: bold !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	text-transform: uppercase;
}

@media (max-width: 1100px) {
	.texte-direction-galerie > div > p {
		padding-left: 5px;
	}
	
	.bouton-direction-galerie > button {
		margin-left: 5px;
	}
}

@media (max-width: 767px) {
	.bloc-direction-galerie {
		height: 440px;
	}

	.texte-direction-galerie > div > p {
		text-align: center;
	}
	.background-direction-galerie {
		height: 300px;
	}
}

/*STYLE GENERAUX RESPONSIVE*/
@media screen and (max-width: 768px) {
	h1{font-size: 2.6em; line-height: 1.2em; margin-bottom: 10px;}
	h2{font-size: 2.5em; line-height: 1.2em; margin-bottom: 20px; margin-top: 20px;}
	h3{font-size: 1.2em; line-height:1.1em;}
	h2.chapeau{font-size: 1em;}
	p{font-size: 1em;}
}
@media screen and (max-width: 500px) {
	h1{font-size: 3.5em;}
	h2{font-size: 3.4em;}
}

/*BOUTONS*/
.boutPlein{color:white; background-color:#28367b; border:0px solid #28367b; border-radius:0px; padding:20px 50px; display: inline-block; margin: 10px; transition: 0.3s all ease-in-out;}
.boutPlein:hover{color:white; background-color:#1a2350; transition: 0.3s all ease-in-out;}
.boutVide{color:#28367b; background-color:white; border:0px solid #28367b; border-radius:0px; padding:20px 50px; display: inline-block; margin: 10px; transition: 0.3s all ease-in-out;}
.boutVide:hover{color:white; background-color:#1a2350; transition: 0.3s all ease-in-out;}


/*FORMULAIRES*/
input{padding: 6px 0px; margin: 0px 10px; font-size: 1.1em; outline:none; color:#222; background-color: #fff; border-width:0px 0px 1px 0px; border-style:solid; border-color:grey;}
input:focus{ border-color:#2f3652; border-width: 0px 0px 2px 0px; color:#2f3652;}
textarea{padding: 6px; margin: 0px 10px; font-size: 1.1em; outline:none; color:#222; background-color: #fff; border-width:1px; border-style:solid; border-color:grey;}
textarea:focus{ border-color:#2f3652; border-width: 2px; color:#2f3652;}
::placeholder {font-size: 1.1em; color: #c3c3c3;}


/*FORMULAIRE CONTACT*/
form.wpcf7-form > p{text-align: center;}
form.wpcf7-form > p > span > input{/*text-transform: uppercase;*/ padding: 15px; width: 48%; margin: 1%;border: 1px #CCC solid; display: inline-block;}/*Champs nom et email*/
form.wpcf7-form > p > span > textarea{padding: 15px; width: 98%; margin: 1%;border: 1px #CCC solid; display: inline-block;}
form.wpcf7-form > p > span.objet > input{width: 98%;}/*Champ Objet*/
form.wpcf7-form > p > input{border-radius:0px;background-color:#28367b; color:white; text-transform:uppercase; font-family:'Open Sans',sans-serif; font-size:14px; display:inline-block; border:none; transition:all 0.5s ease 0s; padding: 15px 70px; margin-top:10px;margin-bottom: 50px;}/*Bouton submit*/
form.wpcf7-form > p > input:hover{background-color:#1a2350;}
div.wpcf7-recaptcha>div{margin:auto;}

/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------HEADER-&-MENU--------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*HEADER*/
.behindHeader{height:120px;}
header.stickyHeader{height:120px; background-color: #fefefe; top:0px; z-index:1000; position:fixed; width:100%; transition: all 0.3s ease;}
header.scrolling{height: 70px; /*background-color: #222;*/}
header.scrolling a.logo img {
    width: 100px;
    height: 60px;
	transition: all 0.3s ease;
}
header.scrolling >.headerinside > .logo {
    height: 100%;
    border-radius: 0;
	transition: all 0.3s ease;
}
.headerinside{width:75%; height:100%; position: relative; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0;}
/*Repartition dans header*/
.headerinside>.logo{width:240px; overflow: hidden; display:inline-block; height: 240px; position: absolute; left: 50%; top: 0; content: ""; transform: translateX(-50%); background-color: #fefefe; border-radius: 200px;}
header a.logo img{width:190px; height: 125px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.headerinside>.mainmenu{width:100%; display:inline-block; height: 100%; margin-left: auto; margin-right: auto;}
/*logo*/
header a.logo span {position: absolute; bottom: 3px; left: 0; right: 0; margin: auto; text-align: center;}
/*menu niveau 1*/
.mainmenu > div{height: 100%;}
.mainmenu > div > ul.menu{padding: 0; margin: 0; height: 100%; background-color: #fefefe; list-style:none;}
.mainmenu > div > ul.menu > li:nth-child(1){float: left;}
.mainmenu > div > ul.menu > li:nth-child(2){float: left;}
.mainmenu > div > ul.menu > li:nth-child(3){float: left;}
.mainmenu > div > ul.menu > li{display: inline-block; height: 100%; float: right; text-transform: uppercase;}
.mainmenu > div > ul.menu > li > a{ color: #28367b; line-height: 127px; padding: 0px 15px; background-color: white; height: 100%; display: inline-block;}
.mainmenu > div > ul.menu > li > a:hover{color: #fff; background-color: #28367b;}
.mainmenu > div > ul.menu > li:hover > a{color: #fff; background-color: #28367b;}
header.scrolling .mainmenu > div > ul.menu > li > a{line-height:70px;}
/*zone pictos droite*/
.stickyHeader a.icone{top: calc(50% - 25px); margin: 0px 7px; display: inline-block; position: relative;}
.stickyHeader a.icone img{filter: brightness(0.1) sepia(1) hue-rotate(180deg) saturate(15); max-height: 40px; max-width: 40px; top:0; bottom:0; left:0; right:0; margin:auto;}
.stickyHeader a.icone:hover img{filter: brightness(0.5) sepia(1) hue-rotate(370deg) saturate(145);}


/*selector langue WPML*/
.wpml-ls{display:inline-block;width:60px!important; float:right;     margin: 8px 23px;}
.wpml-ls-legacy-dropdown a{color: #2f3652!important; border: 1px solid #2f3652!important; background-color: #FFF!important; transition: all 0.3s ease;}
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a{color: #2f3652!important; background-color: #FFF!important;}
.wpml-ls-legacy-dropdown .wpml-ls-flag{width:30px!important; height:auto!important; border-radius: 5px!important;}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:2px!important;}


/*selecteur langue google trad*/
#glt-translate-trigger{display:none;}
.selectlangue{padding: 0px 10px; display:inline-block; cursor:pointer; position:absolute; top: 10px; right:50px; color:#fff; background-color: #555047; border:1px solid #fff;}
.selectlangue span:after{content: '▼'; margin-left:7px;}
#listlg{display:none; position: absolute; border:1px solid #fff; left:0px;}
#listlg{background-color: #555047;}
a.nturl{display:block; padding: 3px 19px;}
a.nturl:hover{color:#555047; background-color: #fff;}


/*zone menu déplié*/
/*.mainmenu > div > ul.menu > li > ul.sub-menu{position: fixed; border:10px solid #222; left: 0; padding: 20px 30px; width: 100%; text-align: center; list-style: none; background-color: #555047; display: none;}
@keyframes animzonemenu {from {opacity:0; background-position:0px 200%; }to{opacity:1; background-position:0px 90%;}}
.mainmenu > div > ul.menu > li:hover > ul.sub-menu{display: block;}
/*menu niveau 2*/
/*.mainmenu > div > ul.menu > li > ul.sub-menu > li{width: 25%; padding: 10px 2%; float: left; display: inline-block;}
.mainmenu > div > ul.menu > li > ul.sub-menu > li > a{width: 100%; display: block;}
.mainmenu > div > ul.menu > li > ul.sub-menu > li > a span.titleheader{transition: all 0.2s ease; filter: brightness(0.85); height: 100px; display: inline-block; width: 100%; background-size: cover; background-position: center;}
.mainmenu > div > ul.menu > li > ul.sub-menu > li > a:hover span.titleheader{filter: brightness(1.1); border-radius: 30px;}
.mainmenu > div > ul.menu > li > ul.sub-menu > li > a span.titleheader > span{text-shadow:2px 3px 5px #222;color:white; display: inline-block; line-height: 1.5em; top: 50%; position: relative; transform: translateY(-50%); text-transform: uppercase; font-weight: bold; font-size: 0.9em;}
*/
/*menu niveau 3*/
/*.mainmenu > div > ul.menu > li > ul.sub-menu > li > ul.sub-menu{padding: 0; list-style: none; text-align: left; margin: 10px 0 0; line-height: 1.3em; font-size: 0.9em;}
.mainmenu > div > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li{font-weight: bold;}
.mainmenu > div > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li a{color: #fff; transition: all 0.2s ease; font-weight:300;}
.mainmenu > div > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li a:hover{color: #2f3652; padding-left: 10px;}
.mainmenu > div > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu{padding: 0; margin: 10px 0; list-style: none; font-weight: 200;}
*/
/*menu niveau 2 et 3*/
.sub-menu{display:none; position: absolute; background-color: #28367b; padding:0px;}
.mainmenu ul li:hover>.sub-menu{display:block;}
.mainmenu ul.sub-menu li{display:block; position: relative; text-transform: initial;}
.mainmenu ul.sub-menu li a{display:block; padding:15px; color:white; white-space:nowrap;}
.mainmenu ul.sub-menu li:hover>a{background-color: #1a2350;}
.mainmenu ul li .sub-menu li .sub-menu{left: 100%; top: 0px;}

/*PICTO HEADER*/

.pictos {
	background-color: #28367b;
	border-radius: 120px;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 90px;
	right: -130px;
	transition: 0.15s all ease-in-out;
}

header.scrolling .pictos {
	top: 40px;
	transition: 0.15s all ease-in-out;
}

.pictos .location_name {
	display: none;
}

.pictos .time_temperature {
	display: none !important;
}

.pictos .short_condition {
	display: none !important;
}

.pictos .time_symbol > svg {
	width: 50px !important;
    height: 50px !important;
	position: absolute;
	fill: white;
    top: -5px;
    right: 5px;
}

/*SIDE MENU*/
.sidemenu{position:fixed; width: 120px; height: 100%; z-index: 500;}
.sidemenu a{
	display:block;
	position: relative;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	cursor:pointer;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	background-color: #fefefe;
	box-shadow: 4px 4px 10px rgb(175, 175, 175);
	transition: 0.3s all ease-in-out;
}
.sidemenu a:hover{
	transform: scale(1.1);
	transition: 0.3s all ease-in-out;
}
.sidemenu > a > .sidemenu-img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 25%;
	width: 25px;
	height: 25px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s all ease-in-out;
}

.sidemenu > a.side-app {
	background-color: #2A59AA;
}

.sidemenu > a.side-app > .sidemenu-img {
	background-color: #2A59AA;
	width: 50px;
	height: 50px;
	left: 0%;
}

.sidemenu > a.side-last {
	margin-top: 34vh;
	background-color: #28367b;
}
@keyframes animtitreside {from {transform: translateX(20px);opacity: .1;}to{transform: none; opacity: 1;}}

@media (max-height: 820px) {
	.sidemenu > a.side-last {
		margin-top: 31vh;
	}
}

/*MAIN CONTENT*/

.page-template-default .main-content {
	margin-top: 150px;
}

.main-content {
	display: block;
	margin-left: 120px;
}

/*EN-TÊTE*/

.full-entete {
	position: relative;
	height: 1250px;
}

.entete {
	background-size: cover;
	height: 1250px;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

.entete-cover {
	background-size: cover;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 380px;
	left: 0px;
	bottom: -105px;
	background-position: center;
	background-repeat: no-repeat;
}

.entete-firstpart {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

.entete-texte-intro {
	position: absolute;
	top: 240px;
	margin-left: 50%;
    transform: translateX(10%);
	width: max-content;
	font-family: 'Oraqle Script', sans-serif;
	text-align: left;
	font-size: 90px;
	color: #fefefe;
	text-shadow: 1px 0px 16px rgba(0, 0, 0, .85);
}

.entete-texte-intro > div > div > div > div > div > div > p {
	font-family: 'Oraqle Script', sans-serif;
	color: white;
	line-height: 0.7;
	font-size: 9.3vw;
}

.entete-texte-intro > .entete-sub {
	position: absolute;
	font-family: 'Oraqle Swash';
	color: white;
	right: 0;
    font-size: calc(9.3vw + 70px);
    top: 1vw;
}

.entete-actualites {
	display: inline-block;
	margin-right: 10px;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .3);
}

.entete-inner {
	position: relative;
	overflow: hidden;
	width: 360px;
	height: 360px;
	background-color: #fefefe;
}

.entete-plus {
	color: #28367b;
	margin-top: 14px;
	text-decoration: 1px solid underline;
}

.entete-actualites-icone {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 35px;
	height: 35px;
	margin-top: 22px;
	transition: 0.3s all ease-in-out;
}

.entete-actualites-icone:hover {
	transform: scale(1.1);
	transition: 0.3s all ease-in-out;
}

.entete-secondpart {
	display: flex;
	margin-left: 7%;
	margin-right: auto;
	position: relative;
	z-index: 20;
	top: -465px;
}

.entete-horaires {
	display: inline-block;
	width: 360px;
	height: 360px;
	background-color: #fefefe;
	vertical-align: top;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .45);
}

.entete-horaires:nth-child(2) {
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 32px;
}

.horaires-icone {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 45px;
	height: 45px;
}

.horaires-contenu {
	margin-top: 20px;
	color: white;
}

.horaires-sub {
	font-size: 15px;
	text-transform: uppercase;
	color: white;
	margin-bottom: 0px;
	letter-spacing: 1px;
}

.horaires-first {
	margin-top: 15px;
	margin-bottom: 13px;
}

.horaires-first > p {
	color: #bfd5fc;
	font-weight: bold;
	text-transform: uppercase;
}

.horaires-first > p > strong {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.horaires-separateur {
	display: block;
	border-top: 1px solid white;
	height: 1px;
	width: 100%;
}

.horaires-last {
	margin-top: 15px;
}

.horaires-last > p {
	color: #bfd5fc;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

.horaires-last > p > strong {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.horaires-last-icone {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 40px;
	border-radius: 120px;
	margin-top: 0px;
	transition: 0.3s all ease-in-out;
	cursor: pointer;
}

.horaires-last-icone:hover {
	transform: scale(1.1);
	transition: 0.3s all ease-in-out;
}

.slick-horaires > div > div > .slick-slide {
	margin-top: 0px;
}

.slick-horaires > .slick-prev::before {
	color: white !important;
}

.slick-horaires > .slick-next::before {
	color: white !important;
}

.entete-horaires > section {
	position: relative;
	overflow: hidden;
}

.entete-horaires:nth-child(2) {
	background-color: #28367b;
	margin-right: 5px;
}

.entete-horaires:nth-child(3) {
	background-color: #2668df;
	margin-left: 5px;
}

/*CHOIX*/

.choix {
	display: block;
	width: 100%;
	margin-top: 150px;
	margin-bottom: 150px;
}

.liste-choix {
	display: block;
	width: 70%;
	list-style: none;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

.item-choix {
	display: inline-block;
	width: 19%;
	vertical-align: top;
	transform: scale(1);
	transition: 0.3s all ease-in-out;
}

.item-choix:hover {
	transform: scale(1.08);
	transition: 0.3s all ease-in-out;
}

.item-choix-img {
	display: block;
	width: 100%;
	height: 60px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.item-choix-texte {
	display: block;
	text-align: center;
	margin-top: 15px;
	color: #28367b;
	font-weight: 700;
}

/*PRÉSENTATION*/

.presentation {
	display: block;
	width: 100%;
	height: 1140px;
	position: relative;
	margin-top: 100px;
	overflow: hidden;
}

.presentation-main {
	display: block;
	position: relative;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	top: 0px;
	width: 100%;
	height: 1140px;
}

.presentation-titre {
	text-align: center;
	font-family: 'Oraqle Script';
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.presentation-separateur {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 1px;
	border: 1px solid #28367B;
	height: 50px;
}

.presentation-texte {
	color: #28367b;
	line-height: 31px;
}

.presentation-texte-container  {
	display: block;
	text-align: center;
	width: 46.6%;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
}

.presentation-carte {
	position: relative;
	width: 100%;
	top: 0;
	height: 200px;
}

.presentation-carte-item_1 {
	position: absolute;
	width: 170px;
	height: auto;
	left: 50%;
	transform: translateX(-42%);
	z-index: 10;
}

.presentation-carte-item_2 {
	position: absolute;
	width: 400px;
	height: auto;
	top: -42%;
	left: 50%;
	transform: translateX(-12%);
	z-index: 5;
}

.presentation-cover {
	background-size: cover;
	position: absolute;
	z-index: 10;
	width: 110%;
	height: 380px;
	left: -80px;
	bottom: -80px;
	background-position: center;
	background-repeat: no-repeat;
}

/*ACTUALITÉS*/

.actualites {
	display: block;
	width: 100%;
}
.actualites-main {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.actualites-titre {
	text-align: center;
	font-family: 'Oraqle Script';
	margin-bottom: 0;
	margin-top: 0 !important;
}

.actualites-list {
	display: block;
	list-style: none;
	margin-top: 50px;
	padding: 0;
}

.actualites-listitem {
	display: inline-block;
	position: relative;
	height: 350px;
	vertical-align: top;
	width: 24.475%;
	margin-bottom: 0.7%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .1);
}

.actualites-filter {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(40, 53, 122, 0.5);
	z-index: 1;
}

.actualites-une {
	position: absolute;
	text-transform: uppercase;
	background-color: #fecf00;
	font-size: 12px;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-weight: bold;
	color: #28367b;
	top: 15px;
	right: 20px;
	width: 75px;
	height: 20px;
}

.actualites-list-item-container {
	display: block;
	position: relative;
	z-index: 10;
}

.actualites-listitem:nth-child(1) {
	width: 49.65%;
	margin-right: 0.7% !important;
}

.actualites-listitem:nth-child(2) {
	width: 49.65%;
}

.actualites-listitem:nth-child(3){
	width: 49.65%;
	margin-right: 0.7%;
}

.actualites-listitem:nth-child(4) {
	width: 49.65%;
}

.actualites-listitem > .actualites-categcont {
	padding-left: 30px;
	padding-right: 145px;
}

.actualites-categcont {
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 40px;
}

.actualites-categcont > .actualites-date {
	color: white;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 14px;
}

.actualites-categcont > p {
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.8em;
}

.actualites-categcont > h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	margin-top: 30px;
	margin-bottom: 40px;
}

.actualites-categcont > a {
	color: white;
	text-decoration: underline white;
	font-size: 14px;
}

.actualites-listitem:nth-child(3) {
	background-color: #2668df;
}

.actualites-listitem:nth-child(4) {
	background-color: #2668df;
}

.actualites-button {
	width: 290px;
	background-color: #fecf00;
	margin-top: 55px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
	box-shadow: 5px 0px 15px rgb(0 0 0 / 16%);
	transition: 0.3s all ease-in-out;
}

.actualites-button:hover {
	background-color: #ffde4b;
	transition: 0.3s all ease-in-out;
}

/*ACTUALITÉS SUB-LIST*/

.actualites-sub-list {
	display: block;
	list-style: none;
	margin-top: 50px;
	padding: 0;
}

.actualites-sub-listitem {
	display: inline-block;
	position: relative;
	height: 360px;
	vertical-align: top;
	width: 32.6333333%;
	margin-bottom: 0.7%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .1);
	margin-left: 0.35%;
	margin-right: 0.35%;
}

.actualites-sub-listitem-image {
	display: inline-block;
	position: relative;
	height: 360px;
	vertical-align: top;
	width: 32.6333333%;
	margin-bottom: 0.7%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .1);
	margin-left: 0.35%;
	margin-right: 0.35%;
}

.actualites-sub-listitem-image p, .actualites-sub-listitem-image h3, .actualites-sub-listitem-image a, .actualites-sub-listitem-image .actualites-date{
	color: white;
}

.actualites-sub-listitem-image a{
	text-decoration: underline white;
}

.actualites-sub-listitem:nth-child(2n+1) {
	background-color: #2668df;
}
.actualites-sub-listitem:nth-child(2n+1) p, .actualites-sub-listitem:nth-child(2n+1) h3, .actualites-sub-listitem:nth-child(2n+1) .actualites-date {
	color: white;
}

.actualites-sub-listitem:nth-child(2n+1) a {
	color: white;
	text-decoration: underline white;
}

.actualites-sub-listitem:nth-child(2n) {
	background-color: #ffffff;
}
.actualites-sub-listitem:nth-child(2n) p, .actualites-sub-listitem:nth-child(2n) h3, .actualites-sub-listitem:nth-child(2n) .actualites-date {
	color: #28367b;
}

.actualites-sub-listitem:nth-child(2n) a {
	color: #28367b;
	text-decoration: underline #28367b;
}

.actualites-sub-list-item-container {
	display: block;
	position: relative;
	z-index: 10;
}

/*LISTE ENTITÉS*/

.ListeEntites-row {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.ListeEntites-item {
	display: block;
	position: relative;
	height: 20vw;
	width: 20vw;
	vertical-align: top;
	margin-top: 7.5%;
	margin-bottom: 0.7%;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .1);
	transition: 0.3s all ease-in-out;
}

.ListeEntites-row > div:nth-child(2n) > div > div > .ListeEntites-item {
	background-color: #4368db;
}

@media (max-width: 1600px) {
	.ListeEntites-row {
		width: 95%;
	}
	.ListeEntites-item {
		width: 100%;
		height: 400px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1200px) {
	.ListeEntites-row {
		width: 100%;
		height: max-content;
	}

	.ListeEntites-item {
		height: 360px;
	}
}

@media (max-width: 1000px) {
	.ListeEntites-item {
		height: 400px;
	}

	.ListeEntites-item .ListeEntites-item-secondpart {
		font-size: 12px;
	}

	.ListeEntites-item .ListeEntites-item-thirdpart {
		font-size: 12px;
	}

	.ListeEntites-item a {
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	.ListeEntites-item {
		width: 100%;
		height: 360px;
	}

	.ListeEntites-item .ListeEntites-item-secondpart {
		font-size: 15px;
	}

	.ListeEntites-item .ListeEntites-item-thirdpart {
		font-size: 16px;
	}

	.ListeEntites-item a {
		font-size: 14px;
	}
}

.ListeEntites-item:hover {
	transform: scale(1.1);
	transition: 0.3s all ease-in-out;
}

.ListeEntites-item-image {
	display: inline-block;
	margin-right: 5%;
	width: 50px;
	height: 50px;
	border-radius: 160px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.ListeEntites-item-container {
	display: block;
	position: relative;
	z-index: 10;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 40px;
}

.ListeEntites-item-firstpart {
	display: block;
}
.ListeEntites-item-secondpart {
	display: block;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #28367b;
}
.ListeEntites-item-thirdpart {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: lighter;
	color: #28367b;
}

.ListeEntites-item-categcont > .ListeEntites-item-firstpart > h3 {
	display: inline-block;
	font-size: 18px;
	width: 70%;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
}

.ListeEntites-item-categcont > a {
	text-decoration: underline #28367b;
	color: #28367b;
	font-size: 14px;
}

.ListeEntites-tel {
	display: block;
}

.ListeEntites-mail {
	display: block;
}

.ListeEntites-row > div:nth-child(2n) > div > div > .ListeEntites-item .ListeEntites-item-firstpart > h3 {
	color: white;
}

.ListeEntites-row > div:nth-child(2n) > div > div > .ListeEntites-item .ListeEntites-item-secondpart {
	color: white;
}

.ListeEntites-row > div:nth-child(2n) > div > div > .ListeEntites-item .ListeEntites-item-thirdpart {
	color: white;
}

.ListeEntites-row > div:nth-child(2n) > div > div > .ListeEntites-item .ListeEntites-item-categcont > a {
	color: white;
	text-decoration: underline white;
}

/*ITEM SEUL*/

.custom-item {
	display: block;
	position: relative;
	height: 19vw;
	vertical-align: top;
	width: 19vw;
	margin-top: 7.5%;
	margin-bottom: 0.7%;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .1);
	transition: 0.3s all ease-in-out;
}

@media (max-width: 1420px) {
	.custom-item {
		width: 100%;
		height: 360px;
	}
}

.custom-item:hover {
	transform: scale(1.1);
	transition: 0.3s all ease-in-out;
}

.custom-item-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.custom-item-filter {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(40, 53, 122, 0.7);
	z-index: 1;
}

.custom-item-container {
	display: block;
	position: relative;
	z-index: 10;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 40px;
}

.custom-item-categcont > h3 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 40px;
	color: white;
}

.custom-item-categcont > p {
	margin-bottom: 20px;
	color: white;
}

.custom-item-categcont > a {
	text-decoration: underline white;
	color: white;
}

/*CUSTOM ITEM SANS IMAGES*/

.liste-sans-image > div > div > div > div:nth-child(2n) .custom-item {
	background-color: #2668df;
}

.liste-sans-image > div > div > div > div:nth-child(2n+1) .custom-item {
	background-color: white;
}

.liste-sans-image > div > div > div > div:nth-child(2n+1) .custom-item-categcont > h3 {
	color: #28367b;
}

.liste-sans-image > div > div > div > div:nth-child(2n+1) .custom-item-categcont > p {
	color: #28367b;
}

.liste-sans-image > div > div > div > div:nth-child(2n+1) .custom-item-categcont > a {
	color: #28367b;
	text-decoration: underline #28367b;
}

/*EVENEMENTS IMPORTANTS*/

.post-main {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}

.post-list {
	display: block;
	list-style: none;
	margin-top: 50px;
	padding: 0;
}

.post-listitem {
	display: inline-flex;
	justify-content: space-between;
	position: relative;
	min-height: 360px;
	overflow: hidden;
	vertical-align: top;
	width: 32.6333333%;
	margin-bottom: 0.7%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .1);
	margin-left: 0.35%;
	margin-right: 0.35%;
}

.post-listitem .evenement__img{
	width: 55%;
	display: block;
	min-width: 55%;
}


.post-listitem .post-date {
	font-weight: lighter;
	margin-bottom: 30px;
}

.post-listitem .post-title {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 40px;
}

.post-listitem p {
	margin-bottom: 20px;
}

.post-listitem p, .post-listitem .post-title, .post-listitem a, .post-listitem .post-date{
	color: white;
}

.post-listitem a{
	text-decoration: underline white;
}

.post-listitem:nth-child(2n+1) {
	background-color: #2668df;
}
.post-listitem:nth-child(2n+1) p, .post-listitem:nth-child(2n+1) .post-title, .post-listitem:nth-child(2n+1) .post-date {
	color: white;
}

.post-listitem:nth-child(2n+1) .post-plus {
	color: white;
	text-decoration: underline white;
}

.post-listitem:nth-child(2n) {
	background-color: #ffffff;
}
.post-listitem:nth-child(2n) p, .post-listitem:nth-child(2n) .post-title, .post-listitem:nth-child(2n) .post-date {
	color: #28367b;
}

.post-listitem:nth-child(2n) .post-plus {
	color: #28367b;
	text-decoration: underline #28367b;
}

.post-listitem-container {
	display: block;
	position: relative;
	z-index: 10;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 40px;
	padding-bottom: 50px;
}

/*PLUS*/

.plus {
	display: block;
	width: 100%;
	margin-top: 95px;
	margin-bottom: 95px;
}

.plus-main {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 320px;
}

.plus-left {
	display: inline-block;
	position: relative;
	z-index: 5;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, .3);
	width: 49.9%;
	vertical-align: top;
	height: 100%;
	background-color: #2668df;
}

.plus-left-content {
	display: inline-block;
}

.plus-left-texte {
	font-size: 30px;
	color: white;
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
	padding-top: 10%;
	padding-left: 15%;
	margin: 0;
}

.plus-left-button {
	background-color: #28367b;
	width: 190px;
	margin-top: 16%;
	margin-left: 15%;
	padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 30px;
    padding-right: 30px;
	color: white;
	box-shadow: 5px 0px 15px rgb(0 0 0 / 16%);
}

.plus-left-button:hover {
	background-color: #1a2350;
}

.plus-left-image {
	position: absolute;
    right: 12.33%;
    top: 20%;
}
.plus-left-image > div {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 75px;
	height: 80px;
}

.plus-left-image > div > div > div > div > .location_name {
	display: none;
}

.plus-left-image > div > div > #wpc-weather > div.now > div.time_temperature {
	position: absolute;
 	color: white;
	text-align: center;
	font-weight: normal !important;
	font-family: 'Open Sans', sans-serif !important;
    left: 50%;
    transform: translateX(-20%);
}

.plus-left-image > div > div > #wpc-weather > div.now > div.time_temperature::after {
	font-size: 34px !important;
	font-weight: normal !important;
}

.plus-left-image > div > div > #wpc-weather > div.short_condition {
	display: none;
}

.plus-left-image > div > div > #wpc-weather {
	margin: 0;
	padding: 0;
}

.plus-left-image > div > div > #wpc-weather > div > .time_symbol > svg {
	fill: #fecf00;
	width: 105px !important;
	height: 105px !important;
}

.plus-left-image > div > div > #wpc-weather > div > .time_symbol > #cloudFill {
	fill: white;
}

.plus-left-image > div > div > #wpc-weather > div > .time_symbol > #cloud {
	fill: white;
}

.plus-left-image > div > div > #wpc-weather > div > .time_symbol > #cloudSun {
	fill: white;
}

.plus-left-image > div > div > #wpc-weather > div > .time_symbol > #cloudDrizzleSun {
	fill: white;
}

.climacon_componentWrap-sun {
	fill: #fecf00;
}

.plus-right {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 49.9%;
	vertical-align: top;
	height: 100%;
	background-color: #28357a;
	margin-left: -4.25px;
}

.plus-right-content {
	display: inline-block;
}

.plus-right-texte {
	font-size: 30px;
	line-height: 1.5em;
	color: white;
	font-family: 'Open Sans', sans-serif;
	padding-top: 10%;
	padding-left: 15%;
	margin: 0;
}

.plus-right-image {
	position: absolute;
    right: 12.33%;
    top: 20%;
}
.plus-right-image > div {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 75px;
	height: 80px;
}

.plus-right-button {
	background-color: #2668df;
	width: 190px;
	margin-top: 5%;
	margin-left: 15%;
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
	border-bottom: 0;
	color: white;
	box-shadow: 5px 0px 15px rgb(0 0 0 / 16%);
	transition: 0.3s all ease-in-out;
}

.sib-email-area {
	padding-left: 15%;
}

.plus-right-field {
	width: 90%;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	outline: none;
	color: #9095b3;
	background-color: rgb(40,53,122);
	border: 0;
	border-bottom: 1px solid white;
}

.plus-right-field::placeholder {
	color: #9095b3;
}

.plus-right-field:focus {
	color: #9095b3;
	border-bottom: 1px solid white;
}

.plus-right-button:hover {
	background-color: #1b489b;
}

/*ÉVÉNEMENTS*/

.evenements {
	display: block;
	position: relative;
	width: 100%;
	height: 760px;
	margin-top: 70px;
	margin-bottom: 120px;
	overflow: hidden;
}

.evenements-covertop {
	background-size: cover;
	position: absolute;
	z-index: 10;
	width: 105%;
	height: 380px;
	left: -70px;
	top: -10px;
	background-position: center;
	background-repeat: no-repeat;
}

.evenements-filter {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(40, 53, 122, 0.7);
	z-index: 1;
}

.evenements-main {
	padding-top: 200px;
	position: relative;
	z-index: 12;
}

.evenements-top {
	display: block;
}

.evenements-titre {
	text-align: center;
	font-family: 'Oraqle Script';
	margin-bottom: 50px;
	margin-top: 0;
	text-shadow: 5px 0px 15px rgba(0, 0, 0, .3);
}

.evenements-texte {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 46.6666666667%;
}

.evenements-texte > p {
	text-align: center;
	color: white;
}

.evenements-coverbottom {
	background-size: cover;
	position: absolute;
	z-index: 10;
	width: 110%;
	height: 380px;
	left: -145px;
	bottom: -148px;
	background-position: center;
	background-repeat: no-repeat;
}

.evenements-list-button {
	display: block;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	width: 46.6666666667%;
}

.evenements-button {
	display: inline-block;
	width: 22%;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #28367b;
	background-color: white;
	box-shadow: 5px 0px 15px rgb(0 0 0 / 16%);
	transition: 0.3s all ease-in-out;
}

.evenements-button:hover {
	transform: scale(1.1);
	transition: 0.3s all ease-in-out;
}

.evenements-button:nth-child(1) {
	margin-left: 4.82%;
	margin-right: 10.84%;
}

.evenements-button:nth-child(2) {
	margin-left: -4.25px;
	margin-right: 10.84%;
}

.evenements-button:nth-child(3) {
	margin-left: -4.25px;
	margin-right: 4.82%;
}

.evenements-last {
	display: block;
	width: 290px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}

.evenements-last > a {
	width: 100%;
	padding-top: 32px;
	padding-bottom: 32px;
	padding-left: 65px;
	padding-right: 65px;
	background-color: #fecf00;
	margin-left: 0;
	margin-right: 0;
	box-shadow: 5px 0px 15px rgb(0 0 0 / 16%);
	transition: 0.3s all ease-in-out;
}

.evenements-last > a:hover {
	background-color: #ffde4b;
	transition: 0.3s all ease-in-out;
}


/*MENU MOBILE*/

.mobileMenu {
	display: none;
}

#navigationbar {
	display: none;
}

@media (max-width: 1000px) {

	.headerinside > .mainmenu {
		display: none;
	}

	.mobileMenu{
		display: initial;
		position: fixed;
		z-index: 9999; 
		width: 100%; 
		transition: all 0.3s ease;  
		background-repeat: no-repeat; 
		background-position: bottom right; 
		background-image: url('/wp-content/themes/yatatheme/img/png/fondmenu.png'); 
		background-color: #28367b;
	}
	.activeMainMenu {
		opacity: 1; 
		display: block;
		transition: 0.5s all ease-in-out; 
		z-index: 9999;
		height: 100%; 
		top: 0px;
	}

	.activeMainMenu > div {
		position: relative;
		height: 100%;
		width: 50%;
		left: 50%;
		transform: translateX(-50%);
	}

	.activeMainMenu > div > ul {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		padding: 0;
		list-style: none;
		margin-left: auto;
		margin-right: auto;
	}

	.activeMainMenu > div > ul > li{
		display: block;
		text-transform: uppercase;
		font-size: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
		line-height: 1.2em;
		transition: 0.3s all ease-in-out;
	}

	.activeMainMenu li.menu-item-type-custom > a::after {
		content: '';
		background: url('/wp-content/themes/yatatheme/img/arrow-right.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		color: white;
		width: 25px;
		height: 20px;
		display: inline-block;
		margin-left: 16px;
		vertical-align: middle;
		transition: 300ms;
	}

	.activeMainMenu li.menu-item-type-custom.deplie > a::after{
		transform: rotate(90deg);
	}

	.activeMainMenu .sub-menu li.menu-item-type-custom > a::after{
		width: 18px;
	}

	.activeMainMenu > div > ul > li > a{
		display: block;
		font-weight: bold;
		color: white;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.activeMainMenu > div > ul > li > a:hover{
		color: #fecf00;
		transition: 0.3s all ease-in-out;
	}

	.nonActiveMainMenu {
		opacity: 0; 
		transition: 0.3s all ease-in-out; 
		z-index: 0; 
		height: 0%; 
		width: 0%; 
		transform: translateX(100%); 
		top: 0px;
	}

	.nonActiveMainMenu > div {
		opacity: 0;
		transition: 0.3s all ease-in-out; 
	}

	.nonActiveMainMenu > div > ul {
		opacity: 0;
		transition: 0.3s all ease-in-out; 
	}

	.nonActiveMainMenu > div > ul > li {
		opacity: 0;
		transition: 0.3s all ease-in-out; 
	}

	.nonActiveMainMenu > div > ul > li > a {
		opacity: 0;
		transition: 0.3s all ease-in-out; 
	}

	#navigationbar {
		display: block;
		cursor: pointer;
		position: fixed;
		z-index: 10000;
		top: 45px;
		width: 45px;
		right: 30px;
		transition: 0.3s all ease-in-out;
	}

	#navigationbar.nonactiveMenu > span {
		display: block;
		position: relative;
		height: 5px;
		margin-bottom: 10px;
		width: 100%;
		background: #28367b;
		border-radius: 9px;
		opacity: 1;
		transition: 0.3s all ease-in-out;
	}

	#navigationbar.scrolling {
		top: 15px;
		transition: 0.2s all ease-in-out;
	}

	.activeMenu > span:first-child{
		opacity: 0;
		transition: 0.3s all ease-in-out;
	}
	.activeMenu > span:nth-child(2){
		display: block;
		position: relative;
		height: 5px;
		margin-bottom: 10px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		transition: 0.3s all ease-in-out;
		top: 14px;
		transform: rotate(45deg);
	}
	.activeMenu > span:nth-child(3){
		display: block;
		position: relative;
		height: 5px;
		margin-bottom: 10px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		transition: 0.3s all ease-in-out;
		top: -1px;
		transform: rotate(-45deg);
	}
}

/*MODAL*/
.fondModal {z-index: 2000; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7);}
.modal {max-width: 700px; width: 100%; margin: auto; position: relative; text-align: center; top: 50%; transform: translateY(-50%); animation-name:animmodal; animation-duration:0.5s; animation-timing-function:ease;}
@keyframes animmodal {from {margin-top: -10vw;opacity: .1;}to{margin-top: 0px; opacity: 1;}}
.modalContent {background-color: #fff; color: #000; margin: 15px; padding: 50px 20px;}
.modalClose {position: absolute; right: 15px; top: 0; border: none; display: inline-block; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-align: center; cursor: pointer; white-space: nowrap;}
.modalClose:hover {color: #000; background-color: #ccc;}
/*contient : titre h3, p, boutPlein, input*/





/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------TEMPLATE PAGE & VC-----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*FIL ARIANE*/
.ariane{z-index: 6; background-color: rgba(255,255,255,0.7); position: absolute; bottom: 0px; width: 100%;}
.ariane .contenuariane{max-width:1200px; padding: 10px 15px; margin: auto; font-size: 1em; color:#222;}
.ariane .contenuariane a{color:#2f3652; padding: 5px;}
.ariane .contenuariane a:hover{color:white; background-color: #2f3652; border-radius:20px;}
.ariane ol {list-style-type: none; display: inline-flex;}


/*VISUAL COMPOSER*/
.vc_row {max-width: 100%; margin:auto!important;}
.vc_row[data-vc-full-width]{max-width: none;}
/*separateur zig zag*/
.vc-zigzag-inner{background-image: url(/wp-content/themes/yatatheme/img/separateur.png)!important; background-size: contain!important; margin:40px 0px!important; min-height: 65px!important; background-position: center center!important; background-repeat: no-repeat!important;}
/*gallerie images VC hover*/
.wpb_image_grid_ul a::before{transition: opacity 0.3s ease; content:''; position: absolute; width: 100%; height: 100%; opacity: 0; background-color: #2f3652;}
.wpb_image_grid_ul a::after{transition: opacity 0.3s ease; content:url('/wp-content/themes/yatatheme/img/png/loupe-img.png'); opacity:0; position: absolute; width: 100%; height: 100%; top:calc(50% - 35px); text-align:center;}
.wpb_image_grid_ul a:hover::before{opacity: 0.75;}
.wpb_image_grid_ul a:hover::after{opacity:1;}
/*bloc decalage VC*/
.decalage-droite{transform: translateX(100px); z-index: 10;}
.decalage-gauche{transform: translateX(-100px); z-index: 10;}


/*WPCLOUDY*/
#wpc-weather, #wpc-weather.small .now .location_name {font-size: 24px!important;}
/*#wpc-weather.small .now .time_symbol svg {width: 90px!important; height: 90px!important; margin-bottom: 20px!important;}*/
#wpc-weather.small .now .time_temperature {font-size: 34px!important;}
#wpc-weather .short_condition {font-size: 20px!important; margin: 5px 0!important; text-align: center!important;}



/*CARTE INTERACTIVE*/
.carte-interactive{top:170px; height:calc(100vh - 170px); position:relative; z-index: 1;}
form.form-carte{position:absolute; top:260px; left:13px; background-color: white; z-index: 20; width: 100%; max-width: 400px;}


/*PAGE CATEGORY*/
a.bloglistitem{width:47%; display: inline-block; padding:1%; transition: all 0.3s ease; margin: 13px 0px;}
a.bloglistitem:hover{transform:scale(1.05); background-color: #2f3652;}
a.bloglistitem div.categimage{width:40%; height:200px; display: inline-block; overflow: hidden; background-size: cover; background-position: center center;}
a.bloglistitem div.categcont{width: 58%; display: inline-block; margin-left:1%; vertical-align: top;}
a.bloglistitem h3{margin: 0px 0px 20px 0px; line-height: 0.9em;}
a.bloglistitem:hover h3, a.bloglistitem:hover p{color:white;}
.vc-hoverbox-front-inner h2{color:white; text-shadow:3px 3px 5px #222;}


/*TOGGLE*/
.toggle {display: inline-block; position: relative; user-select: none; margin:5px 10px;}
.toggle input {position: absolute; z-index: 1; top: auto; height: 1px; width: 1px; overflow: hidden; opacity:0;}
.toggle input + label {margin-left: 40px; cursor: pointer; color: #AAA;}/*texte label*/
.toggle input:checked + label {color: #2f3652;}/*texte label*/
.toggle label{margin-top:1px;}
/*fond toggle*/
.toggle input + label::before {content: ''; position: absolute; z-index: 2; top: 3px; left: 0; background-color: #BBB; display: inline-block; height: 18px; width: 34px; border-radius: 10px; transition: background-color 0.3s ease 0s;}
/*bouton toggle*/
.toggle input + label::after {content: '';position: absolute;z-index: 3;top: 5px;left: 2px;height: 14px;width: 14px;background-color: #fff;border-radius: 10px;transition: transform 0.2s ease 0s;}
.toggle input:checked + label::before {background-color: #2f3652;}
.toggle input:checked + label::after {transform: translateX(16px);}/*mouvement*/




/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------FOOTER-----------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

footer{color:white; background-color: #28367b; position: relative; z-index: 501;}
footer p{color:white;}
#carte1, #carte2{display: none;}
.miniscale {animation-name:miniscale; animation-duration:0.5s; animation-timing-function:ease-out;}
@keyframes miniscale {from {transform: scale(0.3);opacity: .3;}to{transform: scale(1); opacity: 1;}}

.footer-orgelet {
	display: block;
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 40px;
}

.footer-orgelet-img {
	display: inline-block;
	width: 12.5%;
	height: 120px;
	margin-left: -4.25px;
	vertical-align: top;
	margin-right: 7%;
}

.footer-orgelet-img-container {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
}

.footer-orgelet-copyright{margin-top: 20px; font-size: 0.8em;}
.footer-orgelet-copyright a{color: #fff;}

.footer-main-orgelet {
	display: inline-block;
	width: 80.5%;
	margin-left: -4.25px;
}

.footer-main-first {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}

.footer-first-item {
	display: inline-block;
	width: 32.5%;
	margin-left: 1.5%;
	padding-left: 0%;
	height: 55px;
	vertical-align: top;
}

.footer-first-item:nth-child(1) {
	padding-left: 0%;
}

.footer-first-item:nth-child(1) {
	width: 28.5%;
}

.footer-first-item > a {
	display: inline-block;
	color: white;
	font-size: 20px;
	margin-left: -5%;
}

.footer-first-item:nth-child(1) > a {
	line-height: 40px;
}

.footer-first-item:nth-child(2) > a:nth-child(1) {
	display: inline-block;
	width: 30%;
	height: 100%;
	margin-left: -4.25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.footer-first-item:nth-child(2) > a:nth-child(2) {
	display: inline-block;
	width: 65%;
	margin-left: 0px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}

.footer-first-item:nth-child(3) > a:nth-child(1) {
	display: inline-block;
	width: 30%;
	height: 100%;
	margin-left: -4.25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.footer-first-item:nth-child(3) > a:nth-child(2) {
	display: inline-block;
	width: 70%;
	margin-left: -4.25px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}

.footer-main-second {
	display: block;
	width: 80%;
	list-style: none;
	text-align: left;
	padding: 0;
	padding-top: 100px;
	margin-bottom: 0;
}

.footer-second-item {
	display: inline-block;
	margin-left: -4.25px;
	width: 33.33333333333%;
}

.footer-second-item > a {
	width: 100%;
	color: white;
	font-size: 16px;
	transition: 0.3s all ease-in-out;
}

.footer-second-item > a:hover {
	color: rgb(202, 202, 202);
	transition: 0.3s all ease-in-out;
}

.footer-second-item:nth-child(2) {
	text-align: center;
}

.footer-second-item:nth-child(3) {
	text-align: center;
}




/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------TEMPLATE PARENT ET SEARCH--------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*PAGE PARENTE*/
.children-container {
	margin-bottom: 100px;
}

.blocenfant{text-align: center; margin: 15px; max-width: 420px;}
@media(max-width: 992px) {
	.blocenfant{text-align: center; margin: 15px; max-width: 420px;margin-left: auto; margin-right: auto;}
}
.imgMiseAvantenfant {filter:brightness(0.8); transition: all 0.5s ease; position: relative; height: 420px; overflow: hidden; background-size: cover; background-position: center center;}
.titreenfant{font-family:'Open Sans', sans-serif; color:white;font-size: 2.1em; line-height:1.1em; font-weight:700; padding-left: 5px; padding-right: 5px; text-shadow: 0px 3px 6px black;transition: all 0.3s ease; position: absolute; top: 50%; left: 50%; width: 300px; transform: translate(-50%, -50%);}
.blocenfant:hover .titreenfant{top:40%;}
.blocenfant:hover .imgMiseAvantenfant{filter:brightness(1);}

.page-enfants {
	display: none;
}

@media (max-width: 769px) {
	.page-enfants {
		display: block;
	}
}


/*PAGE SEARCH*/
.bloclienrech{max-width: 900px; display: block; margin: auto; margin-bottom: 70px;}
.bloclienrech div.miniimgrech{margin-right: 20px; float:left;width:250px; height:117px; overflow: hidden; background-size: cover; background-position: center center;}
.bloclienrech h2.entry-title{margin: 15px 0px 0px 0px; text-align: left; font-size: 2em; transition: 0.3s all ease-in-out;}
.bloclienrech h2.entry-title::after{margin: 20px auto 20px auto!important;}
.bloclienrech:hover h2.entry-title{color: #1a2350; text-align: left; transition: 0.3s all ease-in-out;}
form.searchpageform{text-align: center;}
p.searchresults{text-align: center; font-weight:700; margin-bottom: 50px;}

.bigContainer {
	display: block;
	width: 100%;
	height: 650px;
	position: relative;
	overflow: hidden;
}

/*EN-TETE DES PAGES*/
.imgMiseAvant{position: relative; height: 100%; width: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: bottom center; z-index: 1;}
.blacky{position: relative; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-color: rgba(0,0,0,0.2);}
.contenuPage{position: relative;}

.page-cover {
	background-size: cover;
	position: absolute;
	z-index: 10;
	width: 110%;
	height: 380px;
	left: -80px;
	bottom: -80px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
}



/*------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------PAGE ACCUEIL--------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*SLIDER ACCUEIL*/
.mainSlider{height:calc(100vh - 127px); position:relative; overflow: hidden;}
.slide{display: none; height:100%!important; width: 100%; position:absolute; overflow: hidden; background-size: cover; background-position: center center; animation-name:animmainslide; animation-duration:0.5s; animation-timing-function:ease-out;}
@keyframes animmainslide {from {transform: scale(1.5);opacity: .3;}to{transform: scale(1); opacity: 1;}}
.slide:first-child{display: block;}
.slide div.infosSlide{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; text-align: center;}
.slide div.titreSlide{text-shadow: 3px 3px 8px black; font-family: 'Santana', sans-serif; font-size: 3.5em; color: #fff;}
.slide div.descriptionSlide{line-height: 1.3em; text-shadow: 3px 3px 8px black; font-family: 'Santana', sans-serif; margin-top: 5%; color: #fff; font-size: 1.9em;}
.slide div.infosSlide .boutVide{margin-top: 30px;}
/*.slide div.infosSlide > a {margin-top: 5%; display: inline-block; padding: 8px 28px; border: 2px #fff solid; border-radius: 26px; text-transform: uppercase; transition: all 0.25s ease;}*/
/*.slide div.infosSlide > a:hover{color: #2f3652; background-color: #fff; transition: all 0.25s ease;}*/


/*SLICK GENERAL*/
.slick-slide {transition: all ease-in-out .3s; margin:20px;}
.slick-list{padding: 0px; margin: 10px;}
.slick-slider .slick-prev:before{content: '';}
.slick-slider .slick-next:before{content: '';}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {font-family: 'slick'; font-size: 22px; font-weight: bold; line-height: 1; opacity: 1; color: #2f3652; transition: all 0.3s ease 0s;}
.slick-slider .slick-prev, .slick-slider .slick-next{background-color:transparent;display: block; transition: all 0.3s ease 0s; border-radius:50%; z-index:5;font-size: 0;line-height: 0;position: absolute;display: block; cursor: pointer;color: transparent;border: none;outline: none;}
.slick-slider .slick-prev:hover:before, .slick-slider .slick-next:hover:before {color:#282828;}
.slick-slider .slick-prev{top: 25px; margin-left: 50%; transform: translateX(-50%) scaleX(1) rotate(0); width: 20px; transition: 0.3s all ease-in-out; background-image: url("/wp-content/themes/yatatheme/img/FLECHE_HBLUE.png"); background-repeat: no-repeat; background-size: contain;}
.slick-slider .slick-next{bottom: 25px; margin-left: 50%; transform: translateX(-50%) scaleX(1) rotate(180deg); width: 20px; transition: 0.3s all ease-in-out; background-image: url("/wp-content/themes/yatatheme/img/FLECHE_HBLUE.png"); background-repeat: no-repeat; background-size: contain;}
.entete-horaires > #agenda > .slick-slider .slick-prev{top: 25px; margin-left: 50%; transform: translateX(-50%) scaleX(1) rotate(0); width: 20px; transition: 0.3s all ease-in-out; background-image: url("/wp-content/themes/yatatheme/img/FLECHE_HWhite.png"); background-repeat: no-repeat; background-size: contain;}
.entete-horaires > #agenda > .slick-slider .slick-next{bottom: 25px; margin-left: 50%; transform: translateX(-50%) scaleX(1) rotate(180deg); width: 20px; transition: 0.3s all ease-in-out; background-image: url("/wp-content/themes/yatatheme/img/FLECHE_HWhite.png"); background-repeat: no-repeat; background-size: contain;}

.entete-horaires > #agenda > div > button.slick-next.slick-arrow {
	bottom: 30px;
}

.entete-actualites > #agenda > div > div > div > div.slick-slide {
	margin: 0;
	padding: 20px;
}
/*SLICK BLOC CUSTOM*/
.slickbloc .divimg{width: 100%; height: 300px; background-position: center; background-size: cover;}
.slickbloc div.infosSlick{text-align: left;}
.slickbloc div.titreSlick{color: #28367b; height: 100px; font-size: 1.1em; font-weight: bold; margin-top: 20px; text-transform: uppercase;}
.slickbloc div.dateSlick{color: #28367b; font-size: 0.9em; margin-top: 10px;}
.slickbloc div.lieuSlick{color: #28367b; font-size: 1em;  border: 2px #222 solid;margin-top: 10px;}


/*------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------PAGE LISTE---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*NOUVEAU YATADATA*/
div.moteurliste{background-color: #2f3652; padding:10px; position:sticky; position: -webkit-sticky; top:90px; z-index:200;}
div.moteurliste form.theformlist{background-color: #ffdb01; padding: 20px 40px;}
/*CARTE PAGE LISTE*/
div.colonnemap {position: sticky; position: -webkit-sticky; top: 150px; padding-top: 30px;}
div.colonnemap>div.themap{width:100%; height:calc(100vh - 210px);}
/*LOADER & voir la suite*/
div.loadmore{text-align: center; clear: both;}
div.listloader{display:block; text-align: center;}
button.voirsuite{border: none; outline:none;}
button.voirsuite:hover{}
/*COLONNE ITEMS*/
.colonneitems{padding-top: 20px;}
.withcarte .catViewItem{width:46%;}
.sanscarte .catViewItem{width:29%;}



/*CATEGORY ITEM VIEW*/
.catViewItem {height:340px; text-align: center; margin: 2%; float:left; overflow:hidden; position:relative; background-color: #fff;  border-radius:30px; box-shadow: 0px 1px 8px #b8b7b7;}
.catViewItem a {text-decoration: none!important; height:340px; transition: all 0.3s ease; display: block; background-color: #dadada; box-shadow:0px 3px 12px #969191;}
.catViewItem a .catViewImg{transition: all 0.3s ease; height:200px; overflow:hidden; background-size: cover; background-position: center center;}
.catViewItem a .affresa{width: 170px; position: absolute; display: inline-block; padding: 20px 25px 50px; border-radius: 100px; top: 168px; font-size: 0.9em; height: 150px; left: 50%; transform: translateX(-50%); color: white; background-color: #0a9a9b;}
.catViewItem a .blocBas {transition: all 0.3s ease; height: 140px; background-color: #FFF; position: relative; top: 0px;}
.catViewItem a .blocBas .blocTitre {top:50%; position: relative; transform: translateY(-50%);}
.catViewItem a .blocBas .blocTitre h4 {transition: all 0.3s ease; margin: 0px; font-size: 1.4em; text-transform:none;}
.catViewItem a .blocBas .blocTitre p {margin-top: 5px; margin-bottom: 0px; color:#555047;}
.catViewItem a .blocBas .blocDescr {display:none; color:white; top: 43%;     font-weight: 300; position: relative; font-size: 0.95em; line-height: 1.45em; padding: 0px 10px; transform: translateY(-50%);}
.catViewItem #coordcoeur{color: #dadada; top: 25px; right: 25px;}
/*CATEGORY VIEW HOVER*/
.catViewItem a:hover .blocBas {background-color: #2f3652; height: 340px; top: -200px; opacity:0.9;}
.catViewItem a:hover .blocBas .blocTitre h4 {color:white;}
.catViewItem a:hover .affresa{display: none;}
.catViewItem a:hover .blocBas .blocDescr {display: block; }
.catViewItem a:hover .blocBas .blocTitre {top:20%; }

.nbresultat{text-align: center; font-size: 1.2em;font-weight: 700; color: #555047; margin-top: 20px;}
#nbrResultContainer{display: inline; margin-right: 6px;}
#nbrResultContainer p{display: inline;}

/*liste sans carte avec fonctionnalité bouton*/
/*a.boutoncarte{font-size: 0.8em; transition:all 0.3s ease; text-decoration: none!important; border: 1px solid #2f3652; border-radius: 20px; margin-left: 20px; padding: 5px 15px;}
a.boutoncarte:hover{background-color: #2f3652; color:white;}
a.boutoncarte>span{display: inline-block; font-size: 0.9em; transform: translateY(4px);}
div.sanscarte .colonnemap{display:none;}
div.sanscarte .colonneitems{width:100%!important;}
div.sanscarte .catViewItem{width:29%!important;}*/

/*MOTEURS*/
.moteurwrap{position:relative; /*top: -10vw;*/ top: -9vw;}
.moteurwrap .container{background-color: #fff; border-radius:50px; /*padding:50px 40px;*/ padding:40px 40px 20px 40px; box-shadow: 0px 4px 8px #b8b7b7;}
.moteurwrap .row > div{/*padding:0px 20px;*/ padding:0px 10px; text-align: center;}
.moteurwrap .row > div .libel{display:block; color:#555047; font-size: 0.9em;}
.moteurwrap .ui-widget-header{background: #E51A29;}
.moteurwrap .ui-widget.ui-widget-content{border: 1px solid #848484;}
.moteurwrap .ui-state-active, .moteurwrap .ui-widget-content .ui-state-active{background: #E51A29;}
.moteurwrap .slide-img svg{transform: translateY(-50%);}
.moteurwrap .libel-range{width: 100%; display: block; color: #E51A29!important; font-weight: 700; padding: 7px 17px 7px 44px; font-size: 1.2em; background-color: #fff; margin-bottom: 15px;}
.moteurwrap .row > div svg{/*width: 30px; */width: 20px; /*height: 40px;*/ height: 30px; position: absolute; top: 50%; /*left: 40px;*/  left: 27px;}
.moteurwrap .row > div svg g, .moteurwrap .row > div svg path{fill:#848484;}
.moteurwrap .row > div select{outline: none; width:100%;  -webkit-appearance:none; display:block; color:#2f3652; font-weight:300; border:1px solid #848484; border-radius:40px; -webkit-border-radius: 40px; /*padding: 17px 25px 17px 57px;*/ padding: 7px 17px 7px 44px; font-size: 1.2em; background-color: #fff;}
.moteurwrap .row > div input[type="submit"]{transition:all 0.3s ease; outline: none; /*bottom: -40px;*/ bottom: -24px; position: relative;border: none; font-weight:700; font-size: 1.2em;background-color: #2f3652; color:#fff; border-radius:40px; /*padding:20px 40px;*/ padding:9px 24px;}
.moteurwrap .row > div input[type="submit"]:hover{background-color: #555047;}




/*------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------PAGE OBJET---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*PAGE OBJET*/
.slideshow-container{position:relative; overflow: hidden;}
.mySlides {display: none; width:100%; height:500px; overflow: hidden; background-size: cover; background-position: center center;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: white;font-weight: bold;font-size: 48px; text-shadow: 4px 5px 7px black;transition: 0.3s ease;user-select: none;}
.next {right: 0;}
.prev:hover, .next:hover {color: #2f3652; text-decoration: none;}
.slidein {animation-name:slidein; animation-duration:0.5s; animation-timing-function:ease;}
@keyframes slidein {from {margin-left: -10vw;width: 100%; opacity: .1;}to{margin-right: 0px; width: 100%; opacity: 1;}}

.pageitem h2{margin-top:50px; margin-bottom:0px;}
.pageitem p{margin:20px 0px;}
.communeitem, .typeitem{font-size: 1.5em; letter-spacing: -1px; display: inline-block;}
.communeitem img, .typeitem img{width: 50px;}
.typeitem{margin-left:50px;}
.coorditem{padding-left:50px;}
.coorditem p, .coorditem a{font-size: 1.3em;}
.coorditem hr{border-top: 3px solid #555047; width:100px; margin-left: 0px;}
.coorditem a{line-height:1.5em; transition: all 0.3s ease;}
.coorditem a:hover{color: #2f3652;}
.coorditem a.boutfb{border-radius: 20px; margin: 15px 0px; display: inline-block; border:2px solid #2f3652; color:#2f3652; background-color: #fff; padding:5px 20px; text-transform: uppercase; transition: all 0.3s ease;}
.coorditem a.boutfb:hover{color:#fff; background-color: #2f3652; border:2px solid #fff;}
.coorditem a.boutweb{border-radius: 20px; margin: 15px 0px; display: inline-block; border:2px solid #fff; color:#fff; background-color: #2f3652; padding:5px 20px; text-transform: uppercase; transition: all 0.3s ease;}
.coorditem a.boutweb:hover{color:#2f3652; background-color: #fff; border:2px solid #2f3652;}
.infosdetailinside {padding: 10px 0px 100px 0px; min-height:650px;}
.infosdetailinside h3{margin-top: 50px;}

.picto{padding: 10px; display:inline-block;}
.picto .img_picto{text-align: center;}
.nom_picto{line-height: 1em;}

.blocmapitem{width:100%; max-width: 450px; height: 500px; float:right; margin-top:50px;}
/*crosseling*/
.contenuItemhorscadre{}
.contenuItemhorscadre .catViewItem{width:29%;}
.titrecross{font-family:'Daniel', sans-serif; font-size:2.5em; color: #2f3652; text-align: center; margin: 20px 0px;}


/*Bookly*/

.bookly-form .bookly-progress-tracker > .active .step, .bookly-form .picker__frame, .bookly-form .bookly-service-step .bookly-week-days label, .bookly-form .bookly-repeat-step .bookly-week-days label, .bookly-form .bookly-columnizer .bookly-hour:hover .bookly-hour-icon span, .bookly-form .bookly-btn, .bookly-form .bookly-btn:active, .bookly-form .bookly-btn:focus, .bookly-form .bookly-btn:hover, .bookly-form .bookly-btn-submit, .bookly-form .bookly-round, .bookly-form .bookly-square {
    background-color: #28367b!important;
}

/*Météo générale*/

.meteo-generale .wpc-weather-id > #wpc-weather > div {
	color: #28367b;
}

.meteo-generale .wpc-weather-id > #wpc-weather > .now {
	margin-bottom: 20px;
}

.meteo-generale .wpc-weather-id > #wpc-weather > .now > .location_name {
	color: #28367b;
	text-transform: uppercase;
	font-weight: 700;
}

.meteo-generale .wpc-weather-id > #wpc-weather > .short_condition {
	margin-top: 20px !important;
	margin-bottom: 50px !important;
}

.meteo-generale .wpc-weather-id > #wpc-weather > .infos {
	display: block;
    width: 95%;
	margin-top: 50px;
	margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
}

.meteo-generale .wpc-weather-id > #wpc-weather > .infos > div {
	width: 24.5%;
}

.meteo-generale .wpc-weather-id > #wpc-weather > .forecast {
	margin-top: 100px;
	margin-bottom: 100px;
}

.meteo-generale .wpc-weather-id > #wpc-weather > .forecast > div {
	margin-top: 25px;
	margin-bottom: 25px;
}


/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-----------------------!----R----E----S----P----O----N----S----I----V----E----!-----------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------1680 PX----------------------------------------------------*/
@media screen and (max-width: 1680px) {
	.actualites-categcont > p {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 1.8em;
	}
}

/*------------------------------------------------1530 PX----------------------------------------------------*/
@media screen and (max-width: 1530px) {
	.headerinside {
		width: 85%;
	}

	.post-listitem .evenement__img{
		width: 40%;
		min-width: 40%;
	}

	.post-listitem .evenement__img img{
		object-fit: contain;
		font-family: 'object-fit: contain;';
		object-position: top right;
	}

	.actualites-categcont > p {
		font-size: 13px;
	}

	.post-listitem-container{
		padding: 20px;
	}

	.post-listitem-container > p {
		font-size: 13px;
	}

	.evenements-covertop {
		left: 0px;
	}

	.evenements-coverbottom {
		left: 0px;
		bottom: -125px;
	}

	.footer-orgelet {
		width: 70%;
	}

	.evenements {
		height: 800px;
	}

	.pictos {
		right: -85px;
	}
}

/*------------------------------------------------1440 PX----------------------------------------------------*/
@media screen and (max-width: 1440px) {
	.plus-right-image > div {
		width: 35px;
		height: 40px;
	}

	.entete-secondpart{
		margin-left: 20px;
	}

	.entete-horaires{
		min-height: 360px;
		padding: 20px;
		height: auto;
	}

	.entete-actualites{
		background: #fefefe;
	}
}

/*------------------------------------------------1300 PX----------------------------------------------------*/
@media screen and (max-width: 1300px) {
	.headerinside {
		width: 95%;
	}

	.pictos {
		display: none;
	}

	.entete-secondpart{
		margin: 0 auto;
		padding: 0 20px;
	}

	.entete-inner{
		width: auto;
		height: 100%;
	}

	.entete-plus{
		display: inline-block;
	}

	.entete-horaires{
		width: auto;
		flex: 1 1 0px;
	}

	.entete-actualites{
		flex: 1 1 0px;
	}

	.presentation {
		height: 1200px;
	}

	.presentation-main {
		height: 1200px;
    	background-size: cover;
    	background-position: center center;
	}

	.presentation-cover {
		left: 0px;
		bottom: 0px;
	}

	.presentation-texte-container {
		width: 70%;
	}
	
	.liste-choix {
		display: block;
		width: 88%;
	}


	.actualites-main {
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.custom-item-container {
		z-index: 10;
		padding-top: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.custom-item-categcont > h3 {
		font-size: 16px;
	}
	
	.custom-item-categcont > p {
		font-size: 14px;
	}
	
	.custom-item-categcont > a {
		font-size: 14px;
	}

	.post-main {
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.footer-orgelet {
		width: 90%;
	}
}

/*Mozilla*/

@-moz-document url-prefix() {
	.plus-left {
		width: 49.5%;
	}

	.plus-right {
		width: 49.5%;
		margin-left: -4.5px;
	}

	.evenements-button {
		width: 22.8%;
	}
}

/*------------------------------------------------1250 PX----------------------------------------------------*/
@media screen and (max-width: 1250px) {
	.plus-right-image > div {
		display: none;
	}
}

/*------------------------------------------------1200 PX----------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.headerinside {
		width: 100%;
	}

	
	.headerinside > .mainmenu > div > ul > li {
		font-size: 14px;
	}
	
	.evenements {
		height: 800px;
	}

	.evenements-coverbottom {
		bottom: -100px;
	}

	.evenements-list-button {
		width: 80%;
	}

	.evenements-texte {
		width: 80%;
	}

	.actualites-main {
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.actualites-categcont > p {
		color: #28367b;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
	}

	.post-listitem-container > p {
		color: #28367b;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
	}
	
	.actualites-sub-listitem {
		display: inline-block;
		width: 49.3%;
		margin-left: 0.35%;
		margin-right: 0.35%;
	}
	
	.actualites-sub-listitem-image {
		display: inline-block;
		width: 49.3%;
		margin-left: 0.35%;
		margin-right: 0.35%;
	}

	.actualites-sub-listitem-image > .actualites-sub-list-item-container > .actualites-categcont p {
		color: white;
	}

	.actualites-listitem{
		width: 100%!important;
		margin: 0!important;
		margin-bottom: 1.05%!important;
	}

	/**POSTS**/

	.post-listitem {
		display: flex;
		width: 100%;
		margin: 0;
		margin-bottom: 1.05%;
	}

	.post-listitem .evenement__img{
		width: 50%;
		min-width: 50%;
	}

	.plus-main {
		display: block;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.page-cover {
		background-size: cover;
		position: absolute;
		z-index: 10;
		width: 110%;
		height: 380px;
		left: 0px;
		bottom: -40px;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 10;
	}
}

/*------------------------------------------------1000 PX----------------------------------------------------*/
@media(max-width: 1000px) {
	.actualites-sub-listitem {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.post-listitem {
		display: flex;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.actualites-sub-listitem-image {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.plus-left-image {
		display: none;
	}

	.plus-right-image {
		display: none;
	}

	.activeMainMenu {
		overflow: scroll;
	}

	.sub-menu {
		list-style: none;
		position: initial;
	}

	.sub-menu > li {
		text-decoration: none;
		margin-bottom: 0px;
	}
	
	.sub-menu > li > a {
		color: white;
		text-transform: initial;
		font-size: 15px;
	}
}



/*------------------------------------------------768 PX----------------------------------------------------*/
@media screen and (max-width: 768px) {

	.entete-texte-intro {
		position: absolute;
		top: 320px;
		margin-left: 50%;
		transform: translateX(-50%);
	}

	.entete-texte-intro > div > div > div > div > div > div > p {
		display: block;
		font-size: 100px;
	}

	.entete-texte-intro > .entete-sub {
		font-size: calc(100px + 70px);
	}

	.entete-actualites {
		display: block;
		position: relative;
		width: max-content;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		box-shadow: 5px 0px 15px rgb(0 0 0 / 30%);
	}

	.entete-cover {
		height: 300px;
	}

	.item-choix {
		display: block;
		width: 100%;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.presentation {
		height: 1200px;
	}

	.presentation-main {
		height: 1200px;
    	background-size: cover;
    	background-position: center center;
	}

	.presentation-carte-item_1 {
		width: 110px;
	}

	.presentation-carte-item_2 {
		width: 290px;
	}

	.presentation-cover {
		left: 0px;
		bottom: -80px;
	}

	.actualites-main {
		display: block;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.actualites-listitem{
		width: 100%;
		margin: 0;
		margin-bottom: 1.05%;
	}

	.actualites-categcont > p {
		font-size: 15px;
	}

	.post-main {
		display: block;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.custom-item-container {
		z-index: 10;
		padding-top: 50px;
		padding-left: 20px;
		padding-right: 40px;
	}
	
	.custom-item-categcont > h3 {
		font-size: 2.2em;
	}
	
	.custom-item-categcont > p {
		font-size: 16px;
	}
	
	.custom-item-categcont > a {
		font-size: 16px;
	}

	.plus-left-image {
		top: 25%;
	}

	.plus-left-image > div {
		width: 70px;
		height: 50px;
	}

	.plus-left {
		display: block;
		width: 100%;
	}

	.plus-left-content {
		display: block;
		width: 100%;
	}

	.plus-right {
		display: block;
		width: 100%;
		margin-left: 0;
	}

	.plus-right-content {
		display: block;
		width: 100%;
	}

	.plus-right-image {
		top: 15%;
	}

	.plus-right-image > div {
		width: 55px;
		height: 50px;
		background-size: contain;
	}

	.plus-main {
		height: max-content;
	}

	.plus-left-button {
		display: block;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.plus-right-button {
		display: block;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.entete-horaires {
		display: none;
	}

	.evenements {
		height: max-content;
	}

	.evenements-button {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.evenements-button:nth-child(1) {
		margin-left: 0;
		margin-right: 0;
	}

	.evenements-button:nth-child(2) {
		margin-left: 0;
		margin-right: 0;
	}

	.evenements-button:nth-child(3) {
		margin-left: 0;
		margin-right: 0;
	}

	.activeMainMenu > div {
		width: 80%;
		left: 50%;
		transform: translateX(-50%);
	}

	.sidemenu {
		display: none;
	}

	.main-content {
		margin-left: 0;
	}

	.footer-orgelet {
		width: 95%;
		padding-top: 20px;	
	}

	.footer-orgelet-img {
		display: block;
		width: 100%;
		height: 120px;
		margin-left: -4.25px;
		vertical-align: top;
		margin-right: 0%;
		margin-bottom: 20px;
	}

	.footer-main-orgelet {
		display: block;
		width: 100%;
		margin-left: 0;
	}

	.footer-first-item {
		display: inline-block;
		width: 50%;
		margin-left: -4.25px;
		margin-top: 50px;
	}

	.footer-first-item:nth-child(1) {
		display: block;
		width: max-content;
    	margin-left: auto;
    	margin-right: auto;
		margin-bottom: 50px;
	}

	.footer-first-item > a {
		display: inline-block;
		color: white;
		font-size: 20px;
	}

	.footer-first-item:nth-child(2) > a:nth-child(1) {
		display: block;
		width: 100%;
	}

	.footer-first-item:nth-child(3) > a:nth-child(1) {
		display: block;
		width: 100%;
	}
	.footer-first-item:nth-child(2) > a:nth-child(2) {
		display: block;
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
		text-align: center;
	}

	.footer-first-item:nth-child(3) > a:nth-child(2) {
		display: block;
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
		text-align: center;
	}

	.footer-main-second {
		display: block;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 160px;
	}

	.footer-second-item {
		text-align: center !important;
	}
}

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

	.presentation-carte-item_1 {
		width: 80px;
	}

	.presentation-carte-item_2 {
		width: 210px;
		top: -34%;
	}

	.actualites-categcont {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}

	.plus-left-texte {
		font-size: 25px;
		text-align: center;
		padding-left: 5px;
    	padding-right: 5px;
	}

	.plus-right-texte {
		font-size: 25px;
		text-align: center;
		padding-left: 5px;
    	padding-right: 5px;
	}
}

/*------------------------------------------------640 PX----------------------------------------------------*/
@media (max-width: 640px) {

	.actualites-categcont {
		padding-top: 20px;
	}

	.actualites-categcont > p {
		font-size: 13.5px;
	}

	.actualites-sub-listitem > .actualites-sub-list-item-container > .actualites-categcont, .actualites-sub-listitem-image > .actualites-sub-list-item-container > .actualites-categcont{
		padding-top: 50px;
		padding-left: 30px;
		padding-right: 40px;
	}
}


/*------------------------------------------------500 PX----------------------------------------------------*/
@media screen and (max-width: 500px) {

	
}

@media (max-height: 760px) {
	.sidemenu > a.side-last {
		margin-top: 0;
	}
}
.sub-menu > li > a > span {
	background-image: none !important;
}
.mainmenu ul.sub-menu li a > span {
	background-image: none !important;
}