/*
Theme Name: Hexopée Je vote
Author: JD² - Jonathan Durand
Author URI: https://wwww.jdcarre.fr
Description: Theme développé par JD²
Version: 1
Requires at least: 6.8
Requires PHP: 8.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:hexopee_jevote
/*

/************************************************************************************************************/
/****************************************BODY****************************************************************/
/************************************************************************************************************/
html{
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
}
html.sr .load-hidden,
html.sr .reveal-right,
html.sr .reveal-left,
html.sr .reveal-bottom,
html.sr .reveal-top,
html.sr .reveal-fade {
 visibility:hidden
}
body{
	font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	word-wrap:normal;
	line-height:1.6;
	height:auto;
	background-color: #fefefe;
	color:#212529;
}

/*************FONTS*************/
.open {
  font-family: "Open Sans", sans-serif;
	font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/************************************************************************************************************/
/****************************************COULEURS************************************************************/
/************************************************************************************************************/
.noir{
	color:#212529;
}
.blanc{
	color:#ffffff;
}
.gris{
	color:#605f5f;
}
.grisclair{
	color:#f3f2f0;
}
.color{
	color:var(--main-color);
}
/*************BCK*************/
.bck-noir{
	background-color: #212529;
}
.bck-blanc{
	background-color: #ffffff;
}
.bck-gris{
	background-color:#605f5f;
}
.bck-grisclair{
	background-color:#f3f2f0;
}
.bck-beige{
	background-color:#d5cfb7;
}
.bck-beige-clair{
	background-color:#ebe8dd;
}
.bck-color{
	background-color:var(--main-color);
}
/************************************************************************************************************/
/*******************************************Border et HR **********************************************************/
/************************************************************************************************************/
hr.thin-50{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #605f5f solid;
}
hr.thin-25-gris{
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #605f5f solid;
}
hr.thin-25{
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	border-top: 5px #d5cfb7 solid;
}
hr.thin-50-rouge{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #fe0001 solid;
}
hr.thin-25-rouge{
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	border-top: 5px #fe0001 solid;
}
/************************************************************************************************************/
/*******************************************LIENS************************************************************/
/************************************************************************************************************/
a{
	text-decoration: underline;
	color:var(--main-color);
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
a:hover{
	text-decoration: none;
	color:var(--main-color);
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-min{
	min-width: 200px;
}
.btn-link.nounderline{
	text-decoration: none;
}
.btn.blanc.focus, .btn.blanc:focus, .btn.blanc:hover, .btn.blanc:active{
	color:#ffffff;
}
.btn-link:focus-visible,.btn-link:active{
	border:0px solid transparent !important;
}
a.blanc,a.blanc:focus{
	text-decoration: none;
	color:#ffffff;
}
a.blanc:hover,a.blanc:active{
	color:#ffffff;
}
a.blanc.opaque:hover,a.blanc.opaque:active{
	text-decoration:none;
}
a.hvr-underline-from-left.blanc:hover,a.hvr-underline-from-left.blanc:active{
	text-decoration: none;
	color:#ffffff;
}
.hovercolor:hover,.hovercolor:active, .hovercolor:focus{
	background-color: #f3f2f0;
}
a.hvr-underline-from-left.vert:hover,a.hvr-underline-from-left.vert:active{
	text-decoration: none;
	color:var(--main-color);
}

.blanc a,.blanc a:focus{
	text-decoration: none;
	color:#ffffff;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
a.hvr-underline-from-left {margin-top:0px; display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  position: relative;  overflow: hidden;}
a.hvr-underline-from-left:before {  content: "";  position: absolute;  z-index: -1;  left:0;right:100%;  bottom: 0;  height: 2px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
a.hvr-underline-from-left,
.hvr-underline-from-left a,
.hvr-underline-from-left > li a{text-decoration: none}

a.hvr-underline-from-left:hover:before, a.hvr-underline-from-left:focus:before, a.hvr-underline-from-left:active:before {right: 0% !important}
.hvr-underline-from-left li a:hover:before,.hvr-underline-from-left a:hover:before {right: 0;}

.hvr-underline-from-left li a,.hvr-underline-from-left a {margin-top:0px; display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  position: relative;  overflow: hidden;}

.hvr-underline-from-left li a::before,.hvr-underline-from-left a::before {  content: "";  position: absolute;  z-index: -1;  left:0;right:100%;  bottom: 0;height: 2px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;background: #FFFFFF}

.hvr-underline-from-left.footer li a::before,.hvr-underline-from-left li.footer a::before,.hvr-underline-from-left.footer a::before{background: #212529;height: 1px}
a.hvr-underline-from-left.footer:before{background: #212529;height: 1px}
a.hvr-underline-from-left.footer:hover{color:#212529};


.hvr-underline-from-left.gris li a::before,.hvr-underline-from-left li.gris a::before,.hvr-underline-from-left.gris a::before{background: #605f5f}
a.hvr-underline-from-left.gris:before{background: #605f5f}
a.hvr-underline-from-left.gris:hover{color:#605f5f};

.hvr-underline-from-left.noir li a::before,.hvr-underline-from-left li.noir a::before,.hvr-underline-from-left.noir a::before{background: #212529}
a.hvr-underline-from-left.noir:before{background: #212529}
a.hvr-underline-from-left.noir:hover{color:#212529};

.hvr-underline-from-left.blanc li a::before,.hvr-underline-from-left li.blanc a::before,.hvr-underline-from-left.blanc a::before{background: #FFFFFF}
a.hvr-underline-from-left.blanc::before{background: #FFFFFF}
a.hvr-underline-from-left.blanc:hover{color:#FFFFFF};

a.hvr-thin:before,.hvr-underline-from-left.hvr-thin li a::before,.hvr-underline-from-left.hvr-thin a::before{
	height: 1px
}
a.hvr-big:before,.hvr-underline-from-left.hvr-big.hvr-big li a::before,.hvr-underline-from-left.hvr-big a::before{
	height: 4px
}
/************************************************************************************************************/
/*******************************************BOUTON************************************************************/
/************************************************************************************************************/
.btn{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding-left:20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-bloc{
	width: 100%
}
.btn-navbar{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top:-5px;
	padding-left:15px;
	padding-right: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	width:150px;
}
.btn-color {
	background-color: rgba(var(--main-colorrgba),1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid var(--main-color);
	color: #FFFFFF !important;
}
.btn-color:hover,.btn-color:focus,.btn-color:focus, .btn-color:active, .btn-color.active, .btn-color.disabled, .btn-color[disabled] {
	background-color: rgba(var(--main-colorrgba),0);
	color: var(--main-color) !important;
	border: 1px solid var(--main-color);
	background-image:none;
	background-repeat: repeat-x;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
			-webkit-transition: all .2s linear;
			-moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
			-o-transition: all .2s linear;
			transition: all .2s linear;
	text-decoration: none;
}
.btn-transparent-color {
	background-color: rgba(var(--main-colorrgba),0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid var(--main-color);
	color: var(--main-color); ;
}
.btn-transparent-color:hover,.btn-transparent-color:focus,.btn-transparent-color:focus, .btn-transparent-color:active, .btn-transparent-color.active, .btn-transparent-color.disabled, .btn-transparent-color[disabled] {
	background-color: rgba(var(--main-colorrgba),1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid var(--main-color);
	background-image:none;
	background-repeat: repeat-x;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
			-webkit-transition: all .1s linear;
			-moz-transition: all .1s linear;
			-ms-transition: all .1s linear;
			-o-transition: all .1s linear;
			transition: all .1s linear;
	text-decoration: none;
}

.btn-transparent-gris {
	background-color: rgba(102,102,102,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #605f5f;
	color: #605f5f !important;
}
.btn-transparent-gris:hover,.btn-transparent-gris:focus,.btn-transparent-gris:focus, .btn-transparent-gris:active, .btn-transparent-gris.active, .btn-transparent-gris.disabled, .btn-transparent-gris[disabled] {
	background-color: rgba(102,102,102,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #605f5f;
	background-image:none;
	background-repeat: repeat-x;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
			-webkit-transition: all .1s linear;
			-moz-transition: all .1s linear;
			-ms-transition: all .1s linear;
			-o-transition: all .1s linear;
			transition: all .1s linear;
	text-decoration: none;
}

.btn-transparent-noir {
	background-color: rgba(0,0,0,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #212529;
	color: #212529;
}
.btn-transparent-noir:hover,.btn-transparent-noir:focus,.btn-transparent-noir:focus, .btn-transparent-noir:active, .btn-transparent-noir.active, .btn-transparent-noir.disabled, .btn-transparent-noir[disabled] {
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #212529;
	background-image:none;
	background-repeat: repeat-x;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
			-webkit-transition: all .1s linear;
			-moz-transition: all .1s linear;
			-ms-transition: all .1s linear;
			-o-transition: all .1s linear;
			transition: all .1s linear;
	text-decoration: none;
}
.btn-transparent-blanc {
	background-color: rgba(255,255,255,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #ffffff;
	color: #ffffff;
}
.btn-transparent-blanc:hover,.btn-transparent-blanc:focus,.btn-transparent-blanc:focus, .btn-transparent-blanc:active, .btn-transparent-blanc.active, .btn-transparent-blanc.disabled, .btn-transparent-blanc[disabled] {
	background-color: rgba(255,255,255,1);
	color: rgba(var(--main-colorrgba),1) !important;
	border: 1px solid #ffffff;
	background-image:none;
	background-repeat: repeat-x;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
			-webkit-transition: all .1s linear;
			-moz-transition: all .1s linear;
			-ms-transition: all .1s linear;
			-o-transition: all .1s linear;
			transition: all .1s linear;
	text-decoration: none;
}
/************************************************************************************************************/
/*******************************************NAVBAR************************************************************/
/************************************************************************************************************/
/**************NAVBAR*************************/
img.logo{
	max-height:150px;
	margin-top:0px;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
/**************NAVBAR*************************/
.navbar-toggler{
	font-size: 24px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
	margin-left:85%;
}
.navbar-brand{
	float:left;
	height: auto;
	padding: 10px 15px;
	margin-right: 0px;
	font-size: 12px;
	line-height: 45px;
}
.offcanvas-body{
	min-height: 75px;
}

#navbar-navigation.navbar{
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	background-color: #FFFFFF;
	border:none;
	border-bottom: 0px solid #FFFFFF;
}
#menu-menu-de-navigation,#menu-navigatiemenu{
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#menu-menu-de-navigation > li, #menu-navigatiemenu > li{
	padding:8px 20px 0px 20px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-menu-de-navigation > li > a, #menu-navigatiemenu > li > a{
	font-family: "Open Sans", sans-serif;
	color: #212529;
	font-size:22px;
	text-transform: uppercase;
	line-height: 26px;
	font-weight:500;
	text-align: center;
	text-decoration: none;
	padding:0;
	padding-bottom:15px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-menu-de-navigation > li.current-menu-item > a,  #menu-navigatiemenu > li.current-menu-item > a{
		color:#FFFFFF;
		text-decoration: none;
}
#menu-menu-de-navigation > li.current-menu-item > a::before,  #menu-navigatiemenu > li.current-menu-item > a::before{
	right: 0;
}
#menu-menu-de-navigation > li > a:hover,
#menu-menu-de-navigation > li > a:focus,
#menu-menu-de-navigation > li > a:active,
#menu-menu-de-navigation > li > a.active,
#menu-navigatiemenu> li > a:hover,
#menu-navigatiemenu > li > a:focus,
#menu-navigatiemenu > li > a:active,
#menu-navigatiemenu > li > a.active{
	text-decoration: none;
	-webkit-transition:color .40s linear;
	-moz-transition:color .40s linear;
	-o-transition:color .40s linear;
	transition:color .40s linear;
	color:#FFFFFF;
}

#menu-menu-de-navigation > li.blanc> a,#menu-menu-de-navigation > li.blanc> a:focus,
#menu-navigatiemenu > li.blanc> a,#menu-navigatiemenu > li.blanc> a:focus{
	text-decoration: none;
	color:#FFFFFF;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
#menu-menu-de-navigation > li.blanc> a:hover,
#menu-menu-de-navigation > li.blanc> a:active,
#menu-navigatiemenu > li.blanc> a:hover,
#menu-navigatiemenu > li.blanc> a:active{
	text-decoration: none;
	color:#212529;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
#menu-footer > li{
	padding:0px 15px 0px 0px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-footer > li > a{
	color: #212529;
	font-size:16px;
	font-weight:300;
	text-decoration: none;
	padding:0;
	padding-bottom:3px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-footer > li.current-menu-item > a::before{
left: 0;right: 0;
}
#menu-footer > li > a:hover,
#menu-footer > li > a:focus,
#menu-footer > li > a:active,
#menu-footer > li > a.active{
	text-decoration: none;
	-webkit-transition:color .40s linear;
	-moz-transition:color .40s linear;
	-o-transition:color .40s linear;
	transition:color .40s linear;
	color:#212529;
}
#menu-mentions-legales > li{
	padding:0px 8px 5px 8px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-mentions-legales > li > a{
	color: #212529;
	font-size:12px;
	font-weight:500;
	text-decoration: none;
	padding:0;
	padding-bottom:3px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-mentions-legales > li.current-menu-item > a{
		color:#212529;
		text-decoration: underline;
}
#menu-mentions-legales > li > a:hover,
#menu-mentions-legales > li > a:focus,
#menu-mentions-legales > li > a:active,
#menu-mentions-legales > li > a.active{
	text-decoration: none;
	-webkit-transition:color .40s linear;
	-moz-transition:color .40s linear;
	-o-transition:color .40s linear;
	transition:color .40s linear;
	color:#212529;
}
.offcanvas.show > .offcanvas-body{
		background-color:#212529;
}
.offcanvas.show > .offcanvas-body > #menu-menu-de-navigation > .menu-item > .sub-menu,.offcanvas.show > .offcanvas-body > #menu-navigatiemenu > .menu-item > .sub-menu{
    display: block;
		position:relative;
}
.btn-close.blanc{
	color:#FFFFFF !important;
}
.open > .sub-menu {
    display: block;
		position:absolute;
}
.sub-menu{
	z-index:10;
	display: none;
	text-align: left;
		background-color: rgba(255,255,255,1);
	text-decoration: none;
	padding: 10px 30px 20px 20px;
  border-bottom: 1px solid var(--main-color);
}
.sub-menu li.menu-item{
	list-style-type: none;
	margin-bottom:5px;
  text-align: left;
}
.sub-menu li.menu-item:hover,.sub-menu li.menu-item:focus,.sub-menu li.menu-item:active{
	right: 0;
	text-decoration: none;
	-webkit-transition:color .40s linear;
	-moz-transition:color .40s linear;
	-o-transition:color .40s linear;
	transition:color .40s linear;
	color:var(--main-color);
}
.sub-menu li.menu-item a{
	color: var(--main-color);
}
.sub-menu li.menu-item a:focus,.sub-menu li.menu-item a:hover, .sub-menu li.menu-item a:active{
	text-decoration: none;
  color:var(--main-color);
}
.sub-menu li.menu-item a{ display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  position: relative;  overflow: hidden;	list-style-type: none;text-decoration: none;}
.sub-menu li.menu-item a::before {  content: "";  position: absolute;  z-index: -1;  left: 51%;  right: 51%;  bottom: 0;  background: var(--main-color);  height: 1px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.sub-menu li.menu-item a:hover:before, .sub-menu li.menu-item a:focus:before, .sub-menu li.menu-item a:active:before {left: 0;right: 0;}

/*************************************/
/*****SLIDER HOME *******************/
/*************************************/
#slider-home > .carousel-inner > .carousel-item{
  height: 82vh;
  min-height: 760px;
  background-repeat: no-repeat no-repeat;
	background-position: center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}
#slider-home > .carousel-inner > .carousel-item > .carousel-caption {
	top: 25%;
	  width: 60%;
	  left: 8%;
	  right: 20%;
	  text-align: left;
}
#slider-home > .carousel-indicators > button{
	width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
  background-color: rgba(var(--main-colorrgba), 0);
  border: 3px solid #FFFFFF;
}
#slider-home > .carousel-indicators {
  position: absolute;
  right: 10%;
  bottom:5%;
	left: 80%;
  flex-direction: row;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  justify-content:center;
}
#slider-home > .carousel-indicators > button.active {
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
	background-color: rgba(var(--main-colorrgba), 1);
  border: 3px solid var(--main-color);
}
.carousel-caption.slider-home p{
	font-family: "Open Sans", sans-serif;
	  font-style: normal;
	  font-weight: 300;
	  font-size: 24px;
	  line-height: 30px;
	  color: #FFFFFF;
	  text-align: left;
	  padding: 25px;
	  display: inline-block;
	  background-color: var(--main-color);
}
.carousel-caption.slider-home h5{
	font-family: "Open Sans", sans-serif;
	  font-style: normal;
	  font-weight: 700;
	  font-size: 75px;
	  line-height: 85px;
	  margin-bottom: 30px;
	  color: #FFFFFF;
	  text-align: left;
}
.carousel-control-next,.carousel-control-prev{
 opacity: 1;
 width:70px;
 margin-top:50px;
}


/**********************************************/
/************** Pagination *******************/
/**********************************************/
.active > .page-link, .page-link.active{
	color: #FFFFFF;
	background-color: var(--main-color);
	border-color: #203b70
}
.page-link{
	color:#4b5960;
}
.page-link:hover,.page-link:focus{
	color:#4b5960;
	box-shadow :none;
}
.page-item:first-child .page-link,.page-item:last-child .page-link{
	border-radius: 0;
}


/****************************************************/
/******************* ELECTIONS *********************/
/****************************************************/
.bck-bandeau{
	background-position: center center;
	background-repeat: no-repeat, no-repeat;
	background-size: cover;
	min-height: 350px;
	padding:20px;
}
.img-bandeau{
	max-height:80px;
}
.titre-h1election{
	max-width: 400px;
	font-size: 30px;
	line-height: 32px;
	word-break: keep-all;
}
/****************************************************/
/******************* CARD *********************/
/****************************************************/
.card-candidat{
		-webkit-box-shadow:none;
		box-shadow: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #B0B0B0;
		background-color: #FFFFFF;
		margin-bottom:15px;
	}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.card-election{
	-webkit-box-shadow: 0px 2px 8px -2px #B0B0B0;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,.02),0px 8px 12px 0px rgba(0,0,0,.25);
	-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 border: 0px solid #FFFFFF;
 background-color: #FFFFFF;
 margin-bottom:150px;
}
.card-body{
	padding: 30px  15px 5px 15px;
	border-radius: 0px;
	border: none;
	position: relative;
}
.card-body > .acard{
	position: absolute;
	bottom: 10px;
	width: 94%;
	text-align:center;
}
.row-election, .row-candidat{
	 margin-top:-100px;
}


.custom-tooltip {
  --bs-tooltip-bg: var(--main-color);
  --bs-tooltip-color: var(--bs-white);
	--bs-tooltip-opacity: 1;
}




/****************************************************/
/*******************CONTENT PAGE*********************/
/****************************************************/
.content-page a.btn:active::before, .content-page a.btn:focus::before, .content-page a.btn:hover::before,.content-page a.btn::before{
	height: 0px
}
.content-page a.btn{
		color: inherit;
}
.content-page a.btn.blanc{
		color:#FFFFFF;
}
.content-page a.btn:hover{
	text-decoration:none;
}
.content-page a :hover{
	text-decoration:none;
}
.content-page a{
	text-decoration:none;
	color:#605f5f;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
.content-page a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0%;
  right: 0%;
  bottom: 0;
  background:#605f5f;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.content-page a:active::before, .content-page a:focus::before, .content-page a:hover::before,.content-page > p > a:active::before, .content-page > p > a:focus::before, .content-page > p > a:hover::before{left: 51%;right: 51%;}

#content .content-page > p{
	padding-left:20px;
}
.content-page > p,.content-page > ul > li, .content-page > ol > li{
	color:#605f5f;
	font-size: 16px;
	line-height: 24px;
}
.content-page strong{
	font-weight: 800;
}
.content-page h2.titreblanc > strong{
	color:#ffffff;
}

.content-page > h2.h1-like{
	text-align: center;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:600;
	font-size: 50px;
	margin-top: 0px;
	margin-bottom:20px;
	color:var(--main-color);
	position: relative;
	padding-bottom: 15px;
}
.content-page > h2.h1-like::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 40%;
	background-color:var(--main-color);
}
.content-page > h1{
	text-align: center;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:600;
	font-size: 50px;
	margin-top: 0px;
	margin-bottom:20px;
	color:var(--main-color);
	position: relative;
	padding-bottom: 15px;
}
.content-page > h1::after {
  content: "";
  display: block;
  width: 15%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 42.5%;
	background-color:var(--main-color);
}
.content-page > h1.blanc{
	text-align: center;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:600;
	font-size: 50px;
	margin-top: 0px;
	margin-bottom:60px;
	color:#FFFFFF;
	position: relative;
	padding-bottom: 15px;
}
.content-page > h1.blanc::after {
  content: "";
  display: block;
  width: 15%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 40%;
	background-color:#FFFFFF;
}
.content-page > h2, .wsp-container > h2, .acf-input > h2{
	text-align: left;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight:500;
	font-size: 22px;
	margin-top: 0px;
	margin-bottom:20px;
	color:var(--main-color);
	position: relative;
	padding-bottom: 10px;
}
.content-page > h2.titreblanc{
	color:#ffffff;
}
.content-page > h2::after, h2.content-page::after,.acf-input > h2::after{
  content: "";
  display: block;
  width: 10%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 0%;
	background-color:var(--main-color);
}
.content-page > h3, h3.content-page{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	margin-top: 10px;
	margin-bottom:20px;
	position: relative;
	padding-bottom: 20px;
	color:var(--main-color);
}
.content-page > h3::after, h3.content-page::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 40%;
	background-color:var(--main-color);
}
.content-page > h4{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom:20px;
	padding-left: 25px;
	color:#212529;
	text-transform: none;
}
.content-page > h5{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color:#212529;
	margin-top: 15px;
	margin-bottom:10px;
	padding-left: 25px;
}
.content-page > h6{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color:#212529;
	margin-top: 15px;
	margin-bottom:10px;
	padding-left: 35px;
}
#content .content-page > ul,#content .content-page > ol,#content .wsp-container > ul{
		padding-left: 50px;
}
.content-page > ul,.content-page > ol, .wsp-container > ul{
		padding-left: 20px;
}
.content-page > ul,.wsp-container > ul,.wsp-container > ul > li > ul{
  list-style:disc;
}
.content-page > ul > li::marker,.content-page > ol > li::marker{
	color:var(--main-color);
}
.content-page > ul > li{
	margin-bottom:10px;
	margin-top:10px;
	line-height: 24px;
}
.content-page > ul > li > ul{
	margin-bottom:15px;
}
.wsp-pages-list{
	column-count: 3;
}
.wsp-posts-list{
	column-count: 2;
}
.wsp-posts-list > li > ul.wsp-posts-list{
	column-count: 1;
}
.wsp-category-title{
	margin-top:20px;
	display: inline-block;
}
.wsp-post{
	margin-top:10px;
}
/************************************************************************************************************/
/*******************************************BREADCRUMBS******************************************************/
/************************************************************************************************************/
.breadcrumb{
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
	margin-top:10px;
	list-style:none;
	background-color:transparent;
	border-radius:0px;
	color:#a7a9ac;

	font-weight:400;
	font-size:14px;
}
.breadcrumb a{
	color:#a7a9ac;
	margin:0px 7px;
	text-decoration: none;
}
.content-page > .breadcrumb a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right:51%;
  bottom: 0;
  background: #a7a9ac;
  height: 0px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
}
.breadcrumb_last{
	margin:0px 7px;
}
.content-page > .breadcrumb a:hover{
	opacity: 0.7;/* l'opacite que vous voulez au depart */
	border:0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */
	filter: alpha(opacity = 70); /* Hack IE 5-7 */
	text-decoration:none;
	-webkit-transition:opacity .20s linear;
	-moz-transition:opacity .20s linear;
	-o-transition:opacity .20s linear;
	transition:opacity .20s linear;
}
.content-page > .breadcrumb >.active{
	color:#a7a9ac;
}

.content-tooltip {
  border:none;
  position:absolute;
  top:25%;
  opacity:0;
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  height:auto;
  text-align:center;
  display:block;
  width:100%
}
.span-tooltip {
  font-style:normal;
  font-weight:600;
  font-size:14px;
  background:var(--main-color);
  padding:8px 10px;
  color:#FFF;
  border-radius:4px;
  display:inline-block;
	text-transform: uppercase;
}
.a-tooltip:hover .content-tooltip {
  z-index:1;
  opacity:1;
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  -webkit-transition:all 0.5s linear;
  -moz-transition:all 0.5s linear;
  -o-transition:all 0.5s linear;
  transition:all 0.5s linear
}
.a-tooltip:hover img{
	opacity: 0.7;/* l'opacite que vous voulez au depart */
	border:0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */
	filter: alpha(opacity = 70); /* Hack IE 5-7 */
	text-decoration:none;
	-webkit-transition:opacity .20s linear;
	-moz-transition:opacity .20s linear;
	-o-transition:opacity .20s linear;
}
.an{
  animation-name: flo;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes flo{
  50%{
    transform: translateY(10px);
  }
}
/************************************************************************************************************/
/***********************************************BACKTOP******************************************************/
/************************************************************************************************************/
.backtop{
	z-index:1500000;
	position:fixed;
	bottom:30px;
	right:15px;
	color:#FFFFFF;
	font-size: 22px;
	line-height: 17px;
	background-color:var(--main-color);
	padding:10px 13px;
}
.btop{
	z-index:1500000;
	position:relative;
}
.text-bg-vote{
	background-color:var(--main-color) !important;
}
/************************************************************************************************************/
/***********************************************FOOTER*******************************************************/
/************************************************************************************************************/
footer{
	background-color:#ffffff;
	padding: 35px 5% 10px 5%;
	position: relative;
	z-index: 10;
}
.nav-footer li{
	padding:0px 5px 0px 5px;
}
.nav-footer li a {
	color: #FFFFFF;
	font-size:12px;
	font-weight:400;

	padding:0;
	padding-bottom:5px;
	text-decoration:none;
}
/************************************************************************************************************/
/***********************************************MODAL********************************************************/
/************************************************************************************************************/
.modal-backdrop{
	background-color:#FFFFFF;
  opacity:1 !important;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.modal-dialog{
	max-width:70%;
}
.modal-body{
	padding-top: 0px !important;
}
.modal-transparente > .modal-dialog > .modal-content{
	background-color:#FFFFFF;
	border:0px;
	box-shadow: none;
}
.modal-transparente > .modal-dialog > .modal-content > .modal-footer{
	border:0px;
}
.modal-transparente > .modal-dialog > .modal-content > .modal-header{
	border:0px;
}
.modal{
	top:4%;
}
@media (max-width: 767px) {
	.modal{
		top:1%;
	}
	.modal-dialog{
		max-width:95%;
	}
}

/********************************************/
/***************OWL Home **************************/

#slider-espaces > .owl-nav, #slider-galery > .owl-nav, #slider-chiffres > .owl-nav{
	position: absolute;
  width: 100%;
  padding: 0px;
  top: 20%;
}
#slider-chiffres > .owl-nav > button {
  color: #fe0001;
	font-size:64px;
  border-radius: 0px;
  top: 50%;
}
#slider-espaces > .owl-nav > button {
  color: #FFFFFF;
	font-size:64px;
  border-radius: 0px;
  top: 50%;
}
#slider-galery> .owl-nav > button{
  color: var(--main-color);
	font-size:64px;
  border-radius: 0px;
  top: 50%;
}
#slider-espaces > .owl-nav > button.owl-prev, #slider-chiffres > .owl-nav > button.owl-prev{
  left: 0%;
  position: absolute;
	margin-left: -25px;
}
#slider-espaces > .owl-nav > button.owl-next, #slider-chiffres > .owl-nav > button.owl-next{
  right: 0%;
  position: absolute;
	margin-right: -25px;
}
#slider-presse > .owl-nav > button.owl-prev{
  left: 0%;
  position: absolute;
	margin-left: -35px;
}
#slider-presse > .owl-nav > button{
  color: var(--main-color);
	font-size:64px;
  border-radius: 0px;
  top: 35%;
}
#slider-presse > .owl-nav > button.owl-next{
  right: 0%;
  position: absolute;
	margin-right: -35px;
}
#slider-messages > .owl-nav > button.owl-prev{
  left: 0%;
  position: absolute;
	margin-left: -35px;
}
#slider-messages > .owl-nav > button{
  color: #605f5f;
	font-size:64px;
  border-radius: 0px;
  top: 20%;
}
#slider-messages > .owl-nav > button.owl-next{
  right: 0%;
  position: absolute;
	margin-right: -35px;
}
.sib_loader{
	width: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
/************************************************************************************************************/
/***********************************************FORMULAIRE***************************************************/
/************************************************************************************************************/
label{
  font-weight: 400;
}
.help-block{
  font-size:11px;
  margin:5px 0px 0px 0px;
}
.form-control{
	border-radius: 0px;
	border: 1px solid var(--main-color);
	font-size: 16px;
	padding: 8px 10px;
  background-color: #fbf9f9;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default;
}
.form-group {
    margin-bottom: 6px;
}
.form-control:focus {
    color: #212529;
    background-color: #fbf9f9;
    border-color: #212529;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--main-colorrgba),0.5);
}
/*************CHECKBOX CANDIDAT*************/
.checkbox-wrapper-candidat *,
.checkbox-wrapper-candidat *:after,
.checkbox-wrapper-candidat *:before {
	box-sizing: border-box;
}

.checkbox-wrapper-candidat .checkbox-input {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(100%);
					clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.checkbox-wrapper-candidat .checkbox-input:checked + .checkbox-tile {
	border-color: var(--main-color);;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	color: var(--main-color);;
}
.checkbox-wrapper-candidat .checkbox-input:checked + .checkbox-tile:before {
	transform: scale(1);
	opacity: 1;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.checkbox-wrapper-candidat .checkbox-input:checked + .checkbox-tile > p,
.checkbox-wrapper-candidat .checkbox-input:checked + .checkbox-tile > span{
	color: var(--main-color);;
}
.checkbox-wrapper-candidat .checkbox-input:focus + .checkbox-tile {
	border-color: var(--main-color);;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}
.checkbox-wrapper-candidat .checkbox-input:focus + .checkbox-tile:before {
	transform: scale(1);
	opacity: 1;
}
.checkbox-wrapper,.checkbox-wrapper-candidat{
	width: 100%;
	height: 100%
}
.checkbox-wrapper-candidat .checkbox-tile {
	display: block;
	width: 100%;
	min-height:100%;
	padding: 20px 20px 35px 20px;
	border-radius: 0.5rem;
	border: 2px solid #b5bfd9;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	transition: 0.15s ease;
	cursor: pointer;
	position: relative;
}
.checkbox-wrapper-candidat .checkbox-tile:before {
	content: "";
	position: absolute;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: 2px solid #b5bfd9;
	background-color: #fff;
	border-radius: 50%;
	bottom: 15px;
	left: 48%;
	opacity: 0;
	transform: scale(0);
	transition: 0.25s ease;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.checkbox-wrapper-candidat .checkbox-tile:hover {
	border-color: var(--main-color);
	cursor: pointer;
}
.checkbox-wrapper-candidat .checkbox-tile:hover:before {
	transform: scale(1);
	opacity: 1;
}
/*************CHECKBOX*************/

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
}
.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-left:0px;
	border: 1px solid var(--main-color);
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s linear, color 0.15s linear;
	-o-transition: border 0.15s linear, color 0.15s linear;
	transition: border 0.15s linear, color 0.15s linear;
}
.checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 19px;
      height: 19px;
      left: 0;
      top: 0;
      margin-left: 0px;
      padding-left: 5px;
      padding-top: 1px;
      font-size: 11px;
      color: var(--main-color);
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c";
}
.checkbox span.wpcf7-list-item-label{
	padding-left:0px;
	margin-right:0px;
}
.checkbox span.wpcf7-list-item {
	display: inline-block;
	position: relative;
	padding-left: 0px;
}
.checkbox label span::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-left:0px;
	border: 1px solid var(--main-color);
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s linear, color 0.15s linear;
	-o-transition: border 0.15s linear, color 0.15s linear;
	transition: border 0.15s linear, color 0.15s linear;
}
.checkbox label span::after {
	display: inline-block;
	position: absolute;
	width: 19px;
	height: 19px;
	left: 0;
	top: 0;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 1px;
	font-size: 11px;
	color: var(--main-color);
}
.checkbox input[type="checkbox"] {
	opacity: 0;
}

.checkbox input[type="checkbox"]:checked + span::after {
	font-family: 'FontAwesome';
	content: "\f00c";
  color: #605f5f;
	margin-left:15px;
}

.checkbox input[type="checkbox"]:checked + span::before {
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.checkboxlabel span::before {
  border: 2px solid var(--main-color);
}

.has-error.checkbox-newsletter input[type="checkbox"]:checked + label::before {
  background-color: #a94442;
  border-color: #a94442;
}
.has-error.checkbox-newsletter label::before {
  border: 2px solid #a94442;
}

.form-check-input:checked{
	background-color: var(--main-color);
  border-color: var(--main-color);
}
/************************************************/
/* Annul style Bootstrap */
.checkbox + .checkbox, .radio + .radio{
	margin-top: 10px;
	margin-left: 0;
}
.checkbox-inline, .radio-inline{
	padding-left:0px
}

/*************RADIO*************/
.radio span.wpcf7-list-item label{
	padding-left:10px;
	margin-right:30px;
}
.radio span.wpcf7-list-item {
	display: inline-block;
	position: relative;
	padding-left: 25px;
}
.radio label span::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-left:0px;
	border: 1px solid var(--main-color);
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s linear, color 0.15s linear;
	-o-transition: border 0.15s linear, color 0.15s linear;
	transition: border 0.15s linear, color 0.15s linear;
}
.radio label span::after {
	display: inline-block;
	position: absolute;
	width: 19px;
	height: 19px;
	left: 0;
	top: 0;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 1px;
	font-size: 11px;
	color: var(--main-color);
}
.radio input[type="radio"] {
	opacity: 0;
}
.radio input[type="radio"]:checked + span::after {
	font-family: 'FontAwesome';
	content: "\f00c";
}
.radio input[type="radio"]:checked + span::before {
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.radio input[type="radio"]:checked + span::after {
  color: #fff;
}
.radio label span::before {
  border: 2px solid var(--main-color);
}

/************************************************************************************************************/
/***********************************************CONTACT FORM wpcf7*******************************************/
/************************************************************************************************************/
div.wpcf7 {
	margin: 0;
	padding: 0;
}
div.wpcf7-response-output {
	margin: 0.5em 0.5em 0.5em;
	padding: 0.2em 1em;
}
input.wpcf7-not-valid,.um .um-form input.wpcf7-not-valid{
	border-color: #B94A48
}
textarea.wpcf7-not-valid,.um .um-form textarea.wpcf7-not-valid{
	border-color: #B94A48
}

.wpcf7 form.sent .wpcf7-response-output {
background-color: #DFF0D8;
    color: #468847;
    border: 1px solid #D6E9C6;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 6px 35px 6px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-align:center;
}
div.wpcf7-mail-sent-ng,.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
background-color: #F2DEDE;
    color: #B94A48;
    border: 1px solid #EED3D7;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 6px 35px 6px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-align:center;
}
div.wpcf7-spam-blocked {
background-color: #fce7c7;
    color: #ffa500;
    border: 1px solid #fce7c7;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 6px 35px 6px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-align:center;
}
div.wpcf7-validation-errors {
background-color: #F2DEDE;
    color: #B94A48;
    border: 1px solid #EED3D7;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 6px 35px 6px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-align:center;
}
div.wpcf7-mail-sent-ng {
background-color: #F2DEDE;
    color: #B94A48;
    border: 1px solid #EED3D7;
    border-radius: 4px;
    margin-bottom: 10px;
  	padding: 6px 35px 6px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-align:center;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	color: #B94A48;
	font-size: 1em;
	display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
}
.wpcf7-display-none {
	display: none;
}

div.wpcf7 .ajax-loader {
	display: none;
}
div.wpcf7 div.ajax-error {
	display: none;
}
div.wpcf7 .placehold {
	color: #888;
}
/* Custom CF7 Loader */
div.wpcf7 .ajax-loader {
  background-image: url('img/loading.gif');
  width: 50px;
  height: 50px;
  margin-left: 10px;
}

span.wpcf7-character-count{
	font-size: 11px;
	color:#888 !important;
}
span.wpcf7-character-count::after{
	content:" caracteres restants";
}
.wpcf7 form.init.sent .wpcf7-response-output, .wpcf7 form.resetting.sent .wpcf7-response-output, .wpcf7 form.submitting.sent .wpcf7-response-output{display: block}


/************************************************************************************************************/
/***********************************************DIVERS*******************************************************/
/************************************************************************************************************/
.pojo-a11y-resize-font-130 p, .pojo-a11y-resize-font-130 h1, .pojo-a11y-resize-font-130 h2, .pojo-a11y-resize-font-130 h3,.pojo-a11y-resize-font-130 h4,.pojo-a11y-resize-font-130 h5,.pojo-a11y-resize-font-130 h6,.pojo-a11y-resize-font-130 div,.pojo-a11y-resize-font-130 ul, .pojo-a11y-resize-font-130 li,
.pojo-a11y-resize-font-140 p, .pojo-a11y-resize-font-140 h1, .pojo-a11y-resize-font-140 h2, .pojo-a11y-resize-font-140 h3,.pojo-a11y-resize-font-140 h4,.pojo-a11y-resize-font-140 h5,.pojo-a11y-resize-font-140 h6,.pojo-a11y-resize-font-140 div,.pojo-a11y-resize-font-140 ul, .pojo-a11y-resize-font-140 li,
.pojo-a11y-resize-font-150 p, .pojo-a11y-resize-font-150 h1, .pojo-a11y-resize-font-150 h2, .pojo-a11y-resize-font-150 h3,.pojo-a11y-resize-font-150 h4,.pojo-a11y-resize-font-150 h5,.pojo-a11y-resize-font-150 h6,.pojo-a11y-resize-font-150 div,.pojo-a11y-resize-font-150 ul, .pojo-a11y-resize-font-150 li,
.pojo-a11y-resize-font-160 p, .pojo-a11y-resize-font-160 h1, .pojo-a11y-resize-font-160 h2, .pojo-a11y-resize-font-160 h3,.pojo-a11y-resize-font-160 h4,.pojo-a11y-resize-font-160 h5,.pojo-a11y-resize-font-160 h6,.pojo-a11y-resize-font-160 div,.pojo-a11y-resize-font-160 ul, .pojo-a11y-resize-font-160 li,
.pojo-a11y-resize-font-170 p, .pojo-a11y-resize-font-170 h1, .pojo-a11y-resize-font-170 h2, .pojo-a11y-resize-font-170 h3,.pojo-a11y-resize-font-170 h4,.pojo-a11y-resize-font-170 h5,.pojo-a11y-resize-font-170 h6,.pojo-a11y-resize-font-170 div,.pojo-a11y-resize-font-170 ul, .pojo-a11y-resize-font-170 li,
.pojo-a11y-resize-font-180 p, .pojo-a11y-resize-font-180 h1, .pojo-a11y-resize-font-180 h2, .pojo-a11y-resize-font-180 h3,.pojo-a11y-resize-font-180 h4,.pojo-a11y-resize-font-180 h5,.pojo-a11y-resize-font-180 h6,.pojo-a11y-resize-font-180 div,.pojo-a11y-resize-font-180 ul, .pojo-a11y-resize-font-180 li,
.pojo-a11y-resize-font-190 p, .pojo-a11y-resize-font-190 h1, .pojo-a11y-resize-font-190 h2, .pojo-a11y-resize-font-190 h3,.pojo-a11y-resize-font-190 h4,.pojo-a11y-resize-font-190 h5,.pojo-a11y-resize-font-190 h6,.pojo-a11y-resize-font-190 div,.pojo-a11y-resize-font-190 ul, .pojo-a11y-resize-font-190 li,
.pojo-a11y-resize-font-200 p, .pojo-a11y-resize-font-200 h1, .pojo-a11y-resize-font-200 h2, .pojo-a11y-resize-font-200 h3,.pojo-a11y-resize-font-200 h4,.pojo-a11y-resize-font-200 h5,.pojo-a11y-resize-font-200 h6,.pojo-a11y-resize-font-200 div,.pojo-a11y-resize-font-200 ul, .pojo-a11y-resize-font-200 li{
	line-height: inherit !important;
}

#cmplz-manage-consent .cmplz-manage-consent {
	background: var(--main-color) !important;
	background-color: var(--main-color) !important;
	color:#FFFFFF !important;
	bottom: 30px !important;
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  min-width: 50px !important;
  font-size: 20px !important;
  left: 15px !important;
  bottom: 15px !important;
	padding:12px 15px 15px 15px !important;
}
#cmplz-manage-consent .cmplz-manage-consent:hover {
  animation: inherit;
	 animation-delay:inherit;
}
@media (max-width: 768px) {
  #cmplz-manage-consent .cmplz-manage-consent {
    display:block;
  }
}
.grecaptcha-badge { visibility: hidden; }

#pojo-a11y-toolbar{
	top: 50% !important;
}
.pojo-a11y-grayscale {
  filter:none !important;
}

html:has(> body.pojo-a11y-grayscale) {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
}
.acf-form-submit{
	text-align: center;
}
.acf-form-submit > .acf-button.button-primary{
	min-width: 200px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding-left:20px;
		padding-right: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size:16px;
	background-color: rgba(var(--main-colorrgba),1);
		color: rgba(255,255,255,1) !important;
		border: 1px solid var(--main-color);
		background-image:none;
		background-repeat: repeat-x;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
				-webkit-transition: all .1s linear;
				-moz-transition: all .1s linear;
				-ms-transition: all .1s linear;
				-o-transition: all .1s linear;
				transition: all .1s linear;
		text-decoration: none;
}
.acf-form-submit > .acf-button.button-primary:hover,.acf-form-submit > .acf-button.button-primary:focus,.acf-form-submit > .acf-button.button-primary:focus, .acf-form-submit > .acf-button.button-primary:active, .acf-form-submit > .acf-button.button-primary.active, .acf-form-submit > .acf-button.button-primary.disabled, .acf-form-submit > .acf-button.button-primary[disabled] {
	background-color: rgba(var(--main-colorrgba),0);
		color: rgba(var(--main-colorrgba),1) !important;
		border: 1px solid var(--main-color);
			-webkit-transition: all .1s linear;
			-moz-transition: all .1s linear;
			-ms-transition: all .1s linear;
			-o-transition: all .1s linear;
			transition: all .1s linear;
	text-decoration: none;
}
/*************************************************/
/**************** ACF ****************************/
/*************************************************/
.acf-fields.-border{
	border: 0px !important;
}
.acf-notice p, ul.acf-checkbox-list li,.acf-field select{
	font-size:16px !important;
}
ul.acf-checkbox-list{
	display: flex;
  flex-wrap: wrap;
}
 ul.acf-checkbox-list li{
	margin-right:30px !important;
}
.acf-field p.description > span {
	font-size:11px !important;
}
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea,.acf-field select{
	font-size: 16px !important;
	color: #454242;
	border: 1px solid #ddd;
	line-height:38px !important;
	padding: 0 12px !important;
}

.um .um-form .acorriger input[type="text"],
.um .um-form .acorriger textarea,
.select2-container .select2-choice .acorriger, .select2-drop,
.select2-container-multi .select2-choices .acorriger,
.select2-drop-active .acorriger,
.select2-drop.select2-drop-above .acorriger,.select2-container .select2-selection--single .select2-selection__rendered,{
	border: 1px solid #e34747 !important;
	padding: 8px 12px !important;
}
.select2-container--default .select2-selection--single {
  background-color: #e9e9ed !important;
	color: #454242 !important;
	border: 1px solid #ddd !important;
	line-height: 38px !important;
  border-radius: 0px !important;
	height: 40px !important;
	padding-top: 5px !important;
}
.acorriger input{
	border-color:#e34747 !important;
}
.acorriger label{
	color:#e34747 !important;
}
.acf-field select{
	padding: 8px 12px !important;
}
.acf-field input[type=text]:focus-visible, .acf-field input[type=password]:focus-visible, .acf-field input[type=date]:focus-visible, .acf-field input[type=datetime]:focus-visible, .acf-field input[type=datetime-local]:focus-visible, .acf-field input[type=email]:focus-visible, .acf-field input[type=month]:focus-visible, .acf-field input[type=number]:focus-visible, .acf-field input[type=search]:focus-visible, .acf-field input[type=tel]:focus-visible, .acf-field input[type=time]:focus-visible, .acf-field input[type=url]:focus-visible, .acf-field input[type=week]:focus-visible, .acf-field textarea:focus-visible, .acf-field select:focus-visible{
    border: 1px solid #bbb !important;
		outline:inherit !important;
}
.acf-basic-uploader > input[type=file]{
	font-size:16px !important;
}
.acf-switch.-on{
	background: #0070bd !important;
  border-color: #0070bd !important;
}
.acf-required{
	color: #aaaaaa !important
}
.acf-field .acf-label label{
font-size: 16px !important;
    line-height: 22px !important;
    font-weight: bold !important;
    font-weight: 600;
}
.acf-field-message.aide .acf-input{
		font-size: 13px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}
.acf-repeater-add-row:before{
	font-family: "FontAwesome";
	margin-right: 8px;
	margin-top: 0px !important;
	width: 14px;
	text-align: left;
	display: inline-block;
	font-size: 16px;
	position: relative;
	left: 0;
	top: 0px;
	content: "\2b" !important;
}
.acf-actions > a.acf-repeater-add-row{
	margin-top:15px;
	margin-bottom: 15px;
	padding:2px 4px;
	background-color: #f8f6f7;
	border:1px solid #f8f6f7;
}
.acf-fields>.acf-field.acf-field-message.aide > .acf-input > p{
	padding-left:25px;
}
.acf-fields>.acf-field.acf-field-message.aide > .acf-input > p:before{
	font-family: "FontAwesome";
	margin-right: 8px;
	margin-top: 0px !important;
	width: 14px;
	text-align: left;
	display: inline-block;
	font-size: 16px;
	position: absolute;
	left: 0px;
	top: 0px;
	content: "\f071" !important;
}

.acf-input h3:before{
	font-family: "FontAwesome";
	margin-right: 8px;
	margin-top: 0px !important;
	text-align: left;
	display: inline-block;
	font-size: 25px;
	content: "\f330" !important;
}
.content-page-um table.acf-table {
  border-color: #ccd0d4 !important;
	border-right:2px solid #ccd0d4 !important;
	border-bottom:2px solid #ccd0d4 !important;
}
.acf-field[data-width] + .acf-field[data-width] {
    border-left: 0 !important;
}
.acf-fields > .acf-field{
    border-top: 0 !important;
}
.updated {
	padding: 15px 15px 8px 15px;
	font-size: 18px;
	font-weight: 600;
	background: #75bb6b !important;
	background-color: #75bb6b !important;
	text-align: center;
}
.updated > p{
	color: #FFFFFF;
	text-align: center;
}
img.icone_cle{
	max-width: 70% !important;
	margin-left:15%;
	margin-right:15%;
}
/************************************************************************************************************/
/***********************************************RESPONSIVE***************************************************/
/************************************************************************************************************/
@media (max-width: 1638px) {
	#menu-menu-de-navigation > li > a, #menu-navigatiemenu > li > a{
		font-size:24px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	#slider-home > .carousel-inner > .carousel-item > .carousel-caption {
		top:25%;
		width:90%;
		left:5%;
		right:5%;
		text-align: left;
	}
	#slider-home > .carousel-inner > .carousel-item{
	  height: 82vh;
	  min-height: 620px;
}
@media (max-width: 1400px) {
	#menu-menu-de-navigation > li, #menu-navigatiemenu > li{
		padding:8px 8px 0px 8px;
}
@media (max-width: 1200px) {
	#menu-menu-de-navigation > li > a,  #menu-navigatiemenu > li > a{
		font-size:20px;
	}
	footer{
		padding: 35px 0px 10px 0px;
	}
}
@media (max-width: 1100px) {
	#slider-home > .carousel-indicators {
	  position: absolute;
	  right: 40%;
	  top: 85%;
	  left: 45%;
	  flex-direction: row;
	  margin-right: 0;
	  margin-left: 0;
	  margin-bottom: 0;
	  justify-content: flex-center;
	}
	#menu-menu-de-navigation > li, #menu-navigatiemenu > li {
	  padding: 8px 10px 0px 10px;
	}
}
@media (max-width: 991px) {
	#map{
		max-width:98%;
	}
	ul.lang.navbar-nav{
		margin-top:10px;
		flex-direction: row;
	}
	.btn-navbar{
		margin-left:auto;
		margin-right: auto;
		display: block;
	}
	.sub-menu li.menu-logo.menu-item{
		display: none;
	}
	.sub-menu{
			background-color: rgba(255,255,255,0.5);
	}
	/** Version Navbar collapse fond color *//
	/* #navbar-navigation.navbar{
		background-image: url("img/bck_navbar_collapse.png");
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	} */
	#navbar-navigation > .container-fluid{
		justify-content:space-between;
		width: 100%;
		max-width: 991px;
	}
	footer{
		background-color:#ffffff;
		padding: 60px 8px 15px 8px;
	}
	img.logo.minified{
		max-height: 60px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	#menu-header > li, #menu-header-1 > li{
	 padding: 8px 15px 0px 15px;
	 text-align: center;
 }
	.carousel-caption.slider-home p{
		font-weight:300;
		font-size:26px;
		line-height:32px;
	}
	.carousel-caption.slider-home h5{
		font-size:45px;
		line-height: 50px;
		margin-bottom:25px
	}
	#slider-home > .carousel-inner > .carousel-item{
	  height:100vh;
	}
	#slider-home > .carousel-inner > .carousel-item > .carousel-caption {
	    top:30%;
			bottom:inherit;
			width:94%;
			left:3%;
			right:3%;
	}
	.navbar-brand{
		margin-top:0px;
	}
	.offcanvas.offcanvas-end{
		width:40%;
	}
	#navbar-navigation.navbar{
		padding-top:13px;
		padding-bottom:13px;
	}
	#menu-menu-de-navigation, #menu-navigatiemenu{
		padding-left: 0px;
	}
	#menu-menu-de-navigation > li, #menu-navigatiemenu > li{
		text-align: left;
		padding: 10px 0px 10px 0px
	}
	#menu-menu-de-navigation > li > a  > br, #menu-navigatiemenu > li > a  > br{
    display: none;
	}
}
@media (max-width: 767px) {
	button.owl-prev{
			margin-left:0px !important;
	}
	button.owl-next{
			margin-right:0px !important;
	}
	#slider-home > .carousel-indicators {
		left: 8%;
	}
	.offcanvas.offcanvas-end{
		width:70%;
	}
	footer{
		padding: 60px 4px 15px 4px;
	}
	img.logo{
		max-height:inherit;
		max-width: 50%;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
}
@media (max-width: 576px) {
	#slider-home > .carousel-inner > .carousel-item > .carousel-caption {
	    top:18%;
			bottom:inherit;
			width:94%;
			left:3%;
			right:3%;
	}
	#content .content-page > p {
	  padding-left: 0px;
	}
	#content .content-page > ul,#content .content-page > ol,#content .wsp-container > ul{
			padding-left: 20px;
	}
	.titre-page {
	  font-size: 40px;
	  line-height: 55px;
	}
	.container{
		padding-left:10px !important;
		padding-right: 10px !important;
	}
	.carousel-caption.slider-home p{
		font-size: 18px;
		line-height: 22px;
	}
	.carousel-caption.slider-home h5{
		margin-top:50px;
		margin-bottom:20px;
		font-size: 35px;
		line-height: 42px;
	}
	.offcanvas.offcanvas-end{
		width:100%;
	}
}

@media (max-width: 380px) {
	.titre-page {
	  font-size: 30px;
	  line-height: 45px;
	}
	#slider-page > .slide-item-page{
		height: 300px;
	}
}