/*
Theme Name: ARC
Author: JD² - Jonathan Durand
Author URI: https://wwww.jdcarre.fr
Description: Theme développé par JD²
Version: 1
Requires at least: 6.6.2
Requires PHP: 8.0
Tested up to: 8.2.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:arc
/*

/************************************************************************************************************/
/****************************************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: "Montserrat", 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:#000000;
}

/*************FONTS*************/
.montserrat{
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/************************************************************************************************************/
/****************************************COULEURS************************************************************/
/************************************************************************************************************/
.noir{
	color:#000000;
}
.blanc{
	color:#ffffff;
}
.gris{
	color:#605f5f;
}
.grisclair{
	color:#f3f2f0;
}
.vert{
	color:#00ff00;
}
.vertfonce{
	color:#07d007;
}
.beige{
	color:#d5cfb7;
}
/*************BCK*************/
.bck-noir{
	background-color: #000000;
}
.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-vertfonce{
	background-color:#07d007;
}
.bck-carte{
	background-image: url('img/bck_map.png');
	background-position: center center;
	background-size: cover;
}
/************************************************************************************************************/
/*******************************************Border et HR **********************************************************/
/************************************************************************************************************/


hr.thin-50{
	width: 50%;
	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;
}
/************************************************************************************************************/
/*******************************************LIENS************************************************************/
/************************************************************************************************************/

a{
	text-decoration: underline;
	color:#00ff00;
	-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:#00ff00;
	-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{
	text-decoration: underline;
	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;
}
a.hvr-underline-from-left.vert:hover,a.hvr-underline-from-left.vert:active{
	text-decoration: none;
	color:#00ff00;
}
.vert a,.vert a:focus{
	text-decoration: none;
	color:#00ff00;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.vert a:hover,.vert a:active{
	text-decoration: underline;
	color:#00ff00;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.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;}

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

.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: #000000}
a.hvr-underline-from-left.noir:before{background:#000000}
a.hvr-underline-from-left.noir:hover{color:#000000}

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: 15px;
	padding-bottom: 15px;
}
.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-vert {
	background-color: rgba(0,255,0,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 2px solid #00ff00;
	color: #000000 !important;
}
.btn-vert:hover,.btn-vert:focus,.btn-vert:focus, .btn-vert:active, .btn-vert.active, .btn-vert.disabled, .btn-vert[disabled] {
	background-color: rgba(7,208,7,1);
	color: #000000 !important;
	border: 2px solid #00ff00;
	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-vert {
	background-color: rgba(7,208,7,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #00ff00;
	color: #00ff00 ;
}
.btn-transparent-vert:hover,.btn-transparent-vert:focus,.btn-transparent-vert:focus, .btn-transparent-vert:active, .btn-transparent-vert.active, .btn-transparent-vert.disabled, .btn-transparent-vert[disabled] {
	background-color: rgba(7,208,7,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #00ff00;
	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 #000000;
	color: #000000;
}
.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 #000000;
	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: #ac8f6f; ;
}
.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(255,255,255,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{
  width: auto;
	max-height:200px;
	margin-top:0px;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
img.logo.minified{
	width: auto;
	max-height:120px;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
img.menu_picto{
	display: inline;
	vertical-align: middle;
	margin-right: 8px;
	margin-top:-3px;
}
img.logo_footer{
  width: auto;
	max-width:300px;
}
/**************NAVBAR*************************/
.navbar-toggler{
	font-size: 24px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
}
.navbar-brand{
	float:left;
	height: auto;
	padding: 10px 15px;
	margin-right: 0px;
	font-size: 12px;
	line-height: 45px;
}
.offcanvas-body{
	min-height: 75px;
}
ul.lang.navbar-nav {
	margin-top:0px;
  flex-direction: row;
  justify-content: center !important;
  padding: 0px 5px 0px 5px !important;
	width:100px;
}
ul.lang.navbar-nav >li >a{
	margin-right:5px;
	margin-bottom:5px;
	margin-left:5px;
	font-size: 14px;
}
ul.lang.navbar-nav >li> 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;
	text-decoration:none;
}
ul.lang.navbar-nav >li> a{
	text-decoration: none;
}
ul.lang.navbar-nav >li{
		border: 1px solid #000000;
		-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;
}
ul.lang.navbar-nav >li.current-lang{
	border: 1px solid #00ff00;
	-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;
}
#navbar-navigation.navbar{
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	background-color: #000000;
	border:none;
}
#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 15px 0px 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 > a, #menu-navigatiemenu > li > a{
	color: #FFFFFF;
	font-size:14px;
	text-transform: uppercase;
	line-height: 24px;
	font-weight:500;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	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:#000000;
	-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: #ffffff;
	font-size:14px;
	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:#ffffff;
}

.offcanvas.show > .offcanvas-body{
		background-color:#000000;
}
.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 #00ff00;
}
.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:#00ff00;
}
.sub-menu li.menu-item a{
	color: #00ff00;
}
.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:#00ff00;
}

.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: #00ff00;  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 PAGE *******************/
/*************************************/
.m_sliderpage{
	margin-top:-200px
}
#slider-page{
	margin-top:-150px;
	background-repeat: no-repeat;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#slider-page > .slide-item-page{
	height:350px;
	position: relative;
}
.titre-page{
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:900;
	font-size:50px;
	line-height: 65px;
	margin-bottom:18px;
	color: #FFFFFF;
	text-align: center;
}
#map {
  height: 500px;
  max-height: 80%;
  max-width: 98%;
  margin: 50px auto;
}
/*************************************/
/*****SLIDER HOME *******************/
/*************************************/
#slider-home{
	margin-top:-130px;
}
#slider-home > .carousel-inner > .carousel-item{
  height: 85vh;
  min-height: 450px;
  background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: bottom right 10%,center center;
  -webkit-background-size: 300px, cover;
  -moz-background-size: 300px, cover;
  -o-background-size: 300px, cover;
  background-size: 300px, cover;
}
#slider-home > .carousel-inner > .carousel-item > .carousel-caption {
		top:30%;
		width:60%;
		left:20%;
		right:20%;
		text-align: left;
}
/* #slider-home > .carousel-control-prev > .carousel-control-prev-icon{
	background-image:url('img/chevron_left.png') !important;
}
#slider-home > .carousel-control-next > .carousel-control-next-icon{
	background-image:url('img/chevron_right.png') !important;
} */
#slider-home > .carousel-indicators > button{
	width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
  background-color: rgba(0,255,0, 0);
  border: 3px solid #FFFFFF;
}
#slider-home > .carousel-indicators {
  position: absolute;
  right: 45%;
  bottom:5%;
	left: 45%;
  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(0,255,0, 1);
  border: 3px solid #00FF00;
}
.carousel-caption.slider-home p{
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight:300;
	font-size:24px;
	line-height: 30px;
	color: #FFFFFF;
	text-align: left;
}
.carousel-caption.slider-home h5{
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight:700;
	font-size:55px;
	line-height: 62px;
	margin-bottom:30px;
	color: #FFFFFF;
	text-align: left;
}
.carousel-control-next,.carousel-control-prev{
 opacity: 1;
 width:70px;
 margin-top:50px;
}

/*************************************/
/***** HOME *******************/
/*************************************/


/**********************************************/
/************** Pagination *******************/
/**********************************************/
.active > .page-link, .page-link.active{
	color: #FFFFFF;
	background-color: #00ff00;
	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;
}

/****************************************************/
/************** Contenu des pages *******************/
/****************************************************/
/****************************************************/

.btn-badge-filtre {
	background-color: rgba(0,255,0,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #605f5f;
	color: #605f5f; !important;
	padding-left:8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.btn-badge-filtre:hover,.btn-badge-filtre:focus,.btn-badge-filtre:focus, .btn-badge-filtre:active, .btn-badge-filtre.active, .btn-badge-filtre.disabled, .btn-badge-filtre[disabled] {
	text-decoration: none;
	background-color: rgba(0,255,0,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #605f5f;
	color: #605f5f !important;
}
.checkbox.after-check label::before{
  border: 0px solid #8a7153;
  border-radius: 0px;
	background-color:#8a7153;
	width:0px
}
.checkbox.tag-check label{
	padding-left:0px;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.checkbox.tag-check label::after {
	color: #FFFFFF !important;
	font-size: 18px;
	top:-4px;
	left:-10px;
}
.checkbox.tag-check input[type="checkbox"]:checked + label{
	padding-left:30px;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.checkbox.tag-check input[type="checkbox"]:checked + label:::before{
	width:20px !important;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}

/****************************************************/
/**************************SIDEBAR*******************/
/****************************************************/
.border-sidebar {
  border-left: #ccc 1px solid;
}
.surtitre::before{
	padding-right: 15px;
	content: "―";
	font-size: 22px;
	color: #00ff00;
}
.surtitre{
	text-transform: uppercase;
	color:#888579;
	font-size: 12px;
}

/****************************************************/
/*******************CONTENT PAGE*********************/
/****************************************************/
.content-page img.xz74otr{
	display: inline;
}
.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:hover{
	text-decoration:none;
}
.content-page a :hover{
	text-decoration:none;
}
.content-page a{
	text-decoration:none;
	color:#00ff00;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
.content-page a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0%;
  right: 0%;
  bottom: 0;
  background:#00ff00;
  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: 600;
	color:#000000;
}
.content-page h2.titreblanc > strong{
	color:#ffffff;
}



.content-page > h2.h1-like{
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:600;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom:60px;
	color:#00ff00;
	position: relative;
	padding-bottom: 35px;
	text-align: center;
}
.content-page > h2.h1-like::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 40%;
	background-color:#00ff00;
}
.content-page > h1{
	text-align: left;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:600;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom:60px;
	color:#00ff00;
	position: relative;
	padding-bottom: 35px;
}
.content-page > h1::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 0%;
	background-color:#00ff00;
}
.content-page > h2, .wsp-container > h2{
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:600;
	font-size: 32px;
	margin-top: 45px;
	margin-bottom:30px;
	color:#000000;
}
.content-page > h2.titreblanc{
	color:#ffffff;
}
.content-page > h3{
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom:20px;
	color:#00ff00;
}
.content-page > h4{
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom:20px;
	padding-left: 25px;
	color:#000000;
}
.content-page > h5{
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color:#000000;
	margin-top: 15px;
	margin-bottom:10px;
	padding-left: 25px;
}
.content-page > h6{
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color:#000000;
	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:#00ff00;
}
.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;
}

/************************************************************************************************************/
/***********************************************BACKTOP******************************************************/
/************************************************************************************************************/
.backtop{
	z-index:1500000;
	position:fixed;
	bottom:30px;
	right:15px;
	color:#FFFFFF;
	font-size: 22px;
	line-height: 17px;
	background-color:#00FF00;
	padding:10px 13px;
}
.btop{
	z-index:1500000;
	position:relative;
}
/************************************************************************************************************/
/***********************************************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:#00ff00;
  opacity:1 !important;
}
.modal-dialog{
	max-width:700px;
}
.modal-transparente > .modal-dialog > .modal-content{
	background-color:transparent;
	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:8%;
}
@media (max-width: 767px) {
	.modal{
		top:1%;
	}
}

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

.card-category{
	background-color: inherit;
	border: 0px;
}
.card-body{
	padding: 35px 15% 25px 15%;
	border-radius: 0px;
	border: none;
	position:relative;
}
img.card-img-top{
	width: 180px !important;
	height: 180px;
	margin-left:auto;
	margin-right: auto;
	display: block;
	border-radius: 50%;
	object-fit: cover;
	filter: brightness(0) saturate(100%) invert(57%) sepia(71%) saturate(3739%) hue-rotate(84deg) brightness(123%) contrast(120%);
}
a.card .card-hover{
	margin-right: 10px;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
a.card:hover .card-hover{
	margin-right:0px;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.card{
	border-radius: 0px;
	border: 0px solid #00ff00;
}
.card-actualite{
	border: 0px solid #00ff00;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
}
.owl-carousel .owl-stage {
	 display: flex;
 }
.owl-carousel .owl-item > .item, .card-actualite, .card, .height100{
	 width: auto;
	 height: 100%;
 }
.linkcard{
 position: absolute;
 bottom: 5px;
 right:45px;
}
#slider-actualite,#slider-actualite-2{
	margin-top:-10px;
}
#slider-actualite > .owl-dots > button.owl-dot, #slider-actualite-2 > .owl-dots > button.owl-dot{
	 border-radius: 15px;
	 width:15px;
	 height: 15px;
	 background-color: #ac9f90;
	 border: 1px solid #ac9f90;
	 margin-left: 5px;
	 margin-right:5px;
}
#slider-actualite > .owl-dots > button.owl-dot:hover, #slider-actualite-2 > .owl-dots > button.owl-dot:hover{
	background-color: #ac8f6f;
	border: 1px solid #ac8f6f;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
#slider-actualite > .owl-dots > button.owl-dot.active, #slider-actualite-2 > .owl-dots > button.owl-dot.active{
	background-color: #ac8f6f;
	border: 1px solid #ac8f6f;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
#slider-actualite > .owl-dots, #slider-actualite-2 > .owl-dots{
	margin-top:20px;
	margin-right: 10px;
	margin-bottom: 25px;
	text-align: center;
}

#slider-category > .owl-nav,#slider-category-2 > .owl-nav , #slider-galery > .owl-nav{
	position: absolute;
  width: 100%;
  padding: 0px;
  top: 20%;
}
#slider-category > .owl-nav > button,#slider-category-2 > .owl-nav > button {
  color: #000000;
	font-size:64px;
  border-radius: 0px;
  top: 50%;
}
#slider-galery> .owl-nav > button{
  color: #00FF00;
	font-size:64px;
  border-radius: 0px;
  top: 50%;
}
#slider-category > .owl-nav > button.owl-prev,#slider-category-2 > .owl-nav > button.owl-prev {
  left: 0%;
  position: absolute;
}
#slider-category > .owl-nav > button.owl-next,#slider-category-2 > .owl-nav > button.owl-next {
  right: 0%;
  position: absolute;
}
#slider-galery> .owl-nav > button.owl-prev {
  left: -25px;
  position: absolute;
}
#slider-galery> .owl-nav > button.owl-next {
  right: -25px;
  position: absolute;
}
/************************************************************************************************************/
/***********************************************FORMULAIRE***************************************************/
/************************************************************************************************************/
label{
  font-weight: 400;
}
.help-block{
  font-size:11px;
  margin:5px 0px 0px 0px;
}
.form-control{
	border-radius: 0px;
	border: 1px solid #00ff00;
	font-size: 16px;

	  background-color: #fbf9f9;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default;
}
.form-group {
    margin-bottom: 25px;
}
.form-control:focus {
    color: #000000;
    background-color: #fbf9f9;
    border-color: #000000;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,255,0,0.5);
}
/*************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 #00ff00;
	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: #00ff00;
}
.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 #00ff00;
	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: #00ff00;
}
.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: #00ff00;
  border-color: #00ff00;
}
.checkboxlabel span::before {
  border: 2px solid #00ff00;
}

.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;
}
/************************************************/
/* 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 #00ff00;
	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: #00ff00;
}
.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: #00ff00;
  border-color: #00ff00;
}
.radio input[type="radio"]:checked + span::after {
  color: #fff;
}
.radio label span::before {
  border: 2px solid #00ff00;
}

/************************************************************************************************************/
/***********************************************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: #00ff00 !important;
	background-color: #00ff00 !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;
}
#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;
}


/************************************************************************************************************/
/***********************************************RESPONSIVE***************************************************/
/************************************************************************************************************/
@media (max-width: 1638px) {
	#menu-menu-de-navigation > li > a, #menu-navigatiemenu > li > a{
		font-size:16px;
		-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;
	}
}
@media (max-width: 1400px) {
	img.logo{
		width: auto;
		max-height:150px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	#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:14px;
	}
	#menu-item-292,#menu-item-293{
		display: none;
	}
	footer{
		background-color:#ffffff;
		padding: 35px 0px 10px 0px;
	}
	img.logo.minified{
		width: auto;
		max-height: 120px;
		margin-top: 0px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	img.logo{
		width: auto;
		max-height:120px;
		margin-top:0px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
}
@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;
	}
	img.logo{
		width: auto;
		max-height:60px;
	}
	#menu-menu-de-navigation > li, #menu-navigatiemenu > li {
	  padding: 8px 10px 0px 10px;
	}
}
@media (max-width: 991px) {
	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 bleu *//
	/* #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_footer{
		width: auto;
		max-height:100px;
	}
	img.logo.minified{
		width: auto;
		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:60%;
	}
	#navbar-navigation.navbar{
		padding-top:10px;
	}
	#menu-menu-de-navigation, #menu-navigatiemenu{
		padding-left: 20px;
	}
	#menu-menu-de-navigation > li, #menu-navigatiemenu > li{
		text-align: left;
		padding: 10px 0px 0px 0px
	}
	#menu-menu-de-navigation > li > a  > br, #menu-navigatiemenu > li > a  > br{
    display: none;
	}
}
@media (max-width: 767px) {
	#slider-home > .carousel-indicators {
		left: 8%;
	}
	.offcanvas.offcanvas-end{
		width:80%;
	}
	footer{
		padding: 60px 4px 15px 4px;
	}
}
@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%;
	}
	#slider-page > .slide-item-page{
		height: 300px;
	}
	#slider-home > .carousel-indicators{
		left: 40%;
		bottom:180px;
		top:inherit;
	}
	#slider-home > .carousel-inner > .carousel-item{
		background-position: bottom center, center center;
	}
}

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