/*
Theme Name: Lexunion Key Figures
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:lexunion
/*

/************************************************************************************************************/
/****************************************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: "Poppins",sans-serif;
	font-weight:normal!important;
	font-weight:400;
	word-wrap:normal;
	line-height:1.6;
	height:auto;
	color:#404041;
}
body.post-type-archive, body.page-template-page-portail-emploi{
	background-color: #f3f2f0;
}
body.post-type-archive.post-type-archive-faq{
	background-color: #ffffff;
}
/*************FONTS*************/
.roboto{
  font-family: "Poppins",sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/************************************************************************************************************/
/****************************************COULEURS************************************************************/
/************************************************************************************************************/
.noir{
	color:#404041;
}
.blanc{
	color:#ffffff;
}
.gris{
	color:#7a929e;
}
.grisclair{
	color:#f3f2f0;
}
.bleufonce{
	color:#29419b;
}
.bleuclair{
	color:#169ed9;
}
.bleu{
	color:#6fcbe5;
}
.or{
	color:#17bfef;
}
.orclair{
	color:#ac8f6f;
}
.footer{
	color:#9e9e9e;
}
/*************BCK*************/
.bck-noir{
	background-color: #111111;
}
.bck-blanc{
	background-color: #ffffff;
}
.bck-gris{
	background-color:#666666;
}
.bck-grisclair{
	background-color:#f3f2f0;
}
.bck-bleufonce{
	background-color:#29419b;
}
.bck-bleuclair{
	background-color:#169ed9;
}
.bck-bleu{
	background-color:#6fcbe5;
}
.bck-or{
	background-color:#17bfef;
}
.bck-orclair{
	background-color:#ac8f6f;
}
.bck-gradien-bleu{
	background: rgb(19,44,93);
	background: linear-gradient(90deg, rgba(19,44,93,1) 50%, rgba(61,140,203,1) 100%);
}
.bck-navbar{
	background-image: url("img/bck_navbar.png");
  background-position: top center;
  background-size:100%;
}
/************************************************************************************************************/
/*******************************************Border et HR **********************************************************/
/************************************************************************************************************/
.border-left-bleu{
	border-left: solid 3px #29419b;
}

hr.thin-50{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #666666 solid;

}
/************************************************************************************************************/
/*******************************************LIENS************************************************************/
/************************************************************************************************************/

a{
	text-decoration:none;
	color:#29419b;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
a:hover{
	text-decoration:none;
	color:#29419b;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .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.bleufonce,a.bleufonce:focus{
	text-decoration: none;
	color:#29419b;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
a.bleufonce:hover,a.bleufonce:active{
	text-decoration: underline;
	color:#29419b;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
a.bleufonce.opaque:hover,a.bleufonce.opaque:active{
	text-decoration:none;
}
a.hvr-underline-from-left.bleufonce:hover,a.hvr-underline-from-left.bleufonce:active{
	text-decoration: none;
	color:#29419b;
}
a.blanc,a.blanc: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.blanc:hover,a.blanc:active{
	text-decoration: underline;
	color:#ffffff;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
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;
}
.content-page > .ableufonce a,.content-page > .ableufonce a:focus{
	text-decoration: none;
	color:#29419b;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.content-page > .ableufonce a:hover,.content-page > .ableufonce a:active{
	color:#29419b;
}
.bleufonce a,.bleufonce a:focus{
	text-decoration: none;
	color:#29419b;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.bleufonce a:hover,.bleufonce a:active{
	text-decoration: underline;
	color:#29419b;
	-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;
}
.blanc a:hover,.blanc a:active{
	text-decoration: none;
	color:#ffffff;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.footer a,.footer a:focus{
	text-decoration: none;
	color:#9e9e9e;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.footer a:hover,.footer a:active{
	text-decoration: none;
	color:#9e9e9e;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
a.hover-bck-gris:hover > div{
		background-color: #f3f2f0;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
}
a.hover-bck-gris{
	color: inherit;
	text-decoration:none;
}

a.tobleuclair:hover,a.tobleuclair:active, a.tobleuclair:focus{
	color:#169ed9 !important;
}
a.tobleufonce:hover,a.tobleufonce:active, a.tobleufonce:focus{
	color:#29419b !important;
}
a.toor:hover,a.toor:active, a.toor:focus{
	color:#17bfef !important;
}
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: #ffffff}
a.hvr-underline-from-left.blanc:before{background: #ffffff}
a.hvr-underline-from-left.blanc:hover{color:#ffffff};

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

.hvr-underline-from-left.bleufonce li a:before,.hvr-underline-from-left li.bleufonce a:before,.hvr-underline-from-left.bleufonce a:before{background: #29419b}
a.hvr-underline-from-left.bleufonce:before{background:#29419b}
a.hvr-underline-from-left.bleufonce:hover{color:#29419b}

.hvr-underline-from-left.bleuclair li a:before,.hvr-underline-from-left li.bleuclair a:before,.hvr-underline-from-left.bleuclair a:before{background: #169ed9}
a.hvr-underline-from-left.bleuclair:before{background:#169ed9}
a.hvr-underline-from-left.bleuclair:hover{color:#169ed9}

.hvr-underline-from-left.bleufonce li a:before,.hvr-underline-from-left li.bleufonce a:before,.hvr-underline-from-left.bleufonce a:before{background: #29419b}
a.hvr-underline-from-left.bleufonce:before{background:#29419b}
a.hvr-underline-from-left.bleufonce:hover{color:#29419b}

.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: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left:25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-bleu-fonce {
	background-color: rgba(32,59,112,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #29419b;
	color: #FFFFFF !important;
}
.btn-bleu-fonce:hover,.btn-bleu-fonce:focus,.btn-bleu-fonce:focus, .btn-bleu-fonce:active, .btn-bleu-fonce.active, .btn-bleu-fonce.disabled, .btn-bleu-fonce[disabled] {
	background-color: rgba(32,59,112,0);
	color: #29419b !important;
	border: 1px solid #29419b;
	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-or {
	background-color: rgba(23,191,239,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #17bfef;
	color: #FFFFFF !important;
}
.btn-or:hover,.btn-or:focus,.btn-or:focus, .btn-or:active, .btn-or.active, .btn-or.disabled, .btn-or[disabled] {
	background-color: rgba(23,191,239,0);
	color: #17bfef !important;
	border: 1px solid #17bfef;
	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-or-clair {
	background-color: rgba(172,143,111,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #ac8f6f;
	color: #FFFFFF !important;
}
.btn-or-clair:hover,.btn-or-clair:focus,.btn-or-clair:focus, .btn-or-clair:active, .btn-or-clair.active, .btn-or-clair.disabled, .btn-or-clair[disabled] {
	background-color: rgba(172,143,111,0);
	color: #ac8f6f !important;
	border: 1px solid #ac8f6f;
	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-bleu-clair {
	background-color: rgba(61,140,203,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #29419b;
	color: #FFFFFF !important;
}
.btn-bleu-clair:hover,.btn-bleu-clair:focus,.btn-bleu-clair:focus, .btn-bleu-clair:active, .btn-bleu-clair.active, .btn-bleu-clair.disabled, .btn-bleu-clair[disabled] {
	background-color: rgba(61,140,203,0);
	color: #29419b !important;
	border: 1px solid #29419b;
	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-bleu-fonce {
	background-color: rgba(32,59,112,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #29419b;
	color: #29419b ;
}
.btn-transparent-bleu-fonce:hover,.btn-transparent-bleu-fonce:focus,.btn-transparent-bleu-fonce:focus, .btn-transparent-bleu-fonce:active, .btn-transparent-bleu-fonce.active, .btn-transparent-bleu-fonce.disabled, .btn-transparent-bleu-fonce[disabled] {
	background-color: rgba(32,59,112,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #29419b;
	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 #666666;
	color: #666666 !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 #666666;
	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-or {
	background-color: rgba(23,191,239,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #17bfef;
	color: #17bfef ;
}
.btn-transparent-or:hover,.btn-transparent-or:focus,.btn-transparent-or:focus, .btn-transparent-or:active, .btn-transparent-or.active, .btn-transparent-or.disabled, .btn-transparent-or[disabled] {
	background-color: rgba(23,191,239,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #17bfef;
	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-or-clair {
	background-color: rgba(172,143,111,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #ac8f6f;
	color: #ac8f6f; ;
}
.btn-transparent-or-clair:hover,.btn-transparent-or-clair:focus,.btn-transparent-or-clair:focus, .btn-transparent-or-clair:active, .btn-transparent-or-clair.active, .btn-transparent-or-clair.disabled, .btn-transparent-or-clair[disabled] {
	background-color: rgba(172,143,111,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #ac8f6f;
	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;
}
.btn-transparent-bleu-clair {
	background-color: rgba(61,140,203,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #169ed9;
	color: #169ed9;
}
.btn-transparent-bleu-clair:hover,.btn-transparent-bleu-clair:focus,.btn-transparent-bleu-clair:focus, .btn-transparent-bleu-clair:active, .btn-transparent-bleu-clair.active, .btn-transparent-bleu-clair.disabled, .btn-transparent-bleu-clair[disabled] {
	background-color: rgba(61,140,203,1);
	color: #ffffff !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;
}
/************************************************************************************************************/
/******************************************* Bouton Partenaire ************************************************************/
/************************************************************************************************************/
.btn-transparent-234 {
	background-color: rgba(237,28,36,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #ed1c24;
	color: #ed1c24 ;
	display: inline-flex !important;
}
.btn-transparent-234:hover,.btn-transparent-234:focus,.btn-transparent-234:focus, .btn-transparent-234:active, .btn-transparent-234.active, .btn-transparent-234.disabled, .btn-transparent-234[disabled] {
	background-color: rgba(237,28,36,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #ed1c24;
	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-234:hover > img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(179deg) brightness(105%) contrast(101%);
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-transparent-232 {
	background-color: rgba(0,232,255,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #00e8ff;
	color: #00e8ff ;
	display: inline-flex !important;
}
.btn-transparent-232:hover,.btn-transparent-232:focus,.btn-transparent-232:focus, .btn-transparent-232:active, .btn-transparent-232.active, .btn-transparent-232.disabled, .btn-transparent-232[disabled] {
	background-color: rgba(0,232,255,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #00e8ff;
	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-232:hover > img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(179deg) brightness(105%) contrast(101%);
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-transparent-236 {
	background-color: rgba(226,37,12,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #e2250c;
	color: #e2250c ;
	display: inline-flex !important;
}
.btn-transparent-236:hover,.btn-transparent-236:focus,.btn-transparent-236:focus, .btn-transparent-236:active, .btn-transparent-236.active, .btn-transparent-236.disabled, .btn-transparent-236[disabled] {
	background-color: rgba(226,37,12,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #e2250c;
	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-236:hover > img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(179deg) brightness(105%) contrast(101%);
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-transparent-239 {
	background-color: rgba(239,124,0,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #ef7c00;
	color: #ef7c00 ;
	display: inline-flex !important;
}
.btn-transparent-239:hover,.btn-transparent-239:focus,.btn-transparent-239:focus, .btn-transparent-239:active, .btn-transparent-239.active, .btn-transparent-239.disabled, .btn-transparent-239[disabled] {
	background-color: rgba(239,124,0,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #ef7c00;
	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-239:hover > img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(179deg) brightness(105%) contrast(101%);
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-transparent-241 {
	background-color: rgba(26,38,84,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #1a2654;
	color: #1a2654 ;
	display: inline-flex !important;
}
.btn-transparent-241:hover,.btn-transparent-241:focus,.btn-transparent-241:focus, .btn-transparent-241:active, .btn-transparent-241.active, .btn-transparent-241.disabled, .btn-transparent-241[disabled] {
	background-color: rgba(26,38,84,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #1a2654;
	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-241:hover > img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(179deg) brightness(105%) contrast(101%);
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
/************************************************************************************************************/
/*******************************************NAVBAR************************************************************/
/************************************************************************************************************/
/**************NAVBAR*************************/

img.logo{
	max-height:80px;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
img.logoinlineoffcanvas{
	max-height:80px;
	-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{
	max-height:110px;
}
img.logo_slider{
		max-height: 210px;
	  margin-top: -300px;
		z-index: 100;
	  position: relative;
}
/**************NAVBAR*************************/
.navbar-brand{
	float:left;
	height: auto;
	padding: 0px;
	margin-right: 30px;
	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;
}
#menu-menu-de-navigation,#menu-navigatiemenu{
	padding: 10px 0px 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#menu-menu-de-navigation > li, #menu-navigatiemenu > li{
	padding:4px 15px 0px 5px;
	-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;
	position: relative;
}
#menu-menu-de-navigation > li::after {
  position: absolute;
  top: 5px;
  left: -5px;
  height: 20px;
  width: 1px;
  content: '';
  background: #000;
  opacity: .2;
}
#menu-menu-de-navigation > li:first-of-type::after {
	position: absolute;
  top: 0px;
  left: 0px;
  height: 0px;
  width: 0px;
  content:none;
  background: #fff;
}
#menu-menu-de-navigation > li > a, #menu-navigatiemenu > li > a{
	color: #000000;
	font-size:14px;
	text-transform: uppercase;
	line-height: 24px;
	font-weight:400;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding:0;
	padding-bottom:10px;
	-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:#000000;
		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:#000000;
}

#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:#000000;
	-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;
}

#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: #9e9e9e;
	font-size:14px;
	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:#9e9e9e;
		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:#9e9e9e;
}
.offcanvas.show > .offcanvas-body, .offcanvas.show > .offcanvas-header{
		background-color:#10213f;
}
.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:#000000 !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;}

/************************************************************************************************************/
/************************************************************************************************************/
/*************************************/
/*****PAGE SANS SLIDER*******************/
/*************************************/

.noslider{
	margin-top:14%;
}

/*************************************/
/*****SLIDER PAGE *******************/
/*************************************/
#slider-page{
	margin-top: -220px;
}
#slider-page > .carousel-inner > .carousel-item{
	height: 30vh;
	min-height:240px;
	position: relative;
	background-position: center 70%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.titre-page{
	font-family: "Poppins",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;
}
/*************************************/
/*****SLIDER HOME *******************/
/*************************************/
.bck_slide{
	height: 100vh;
	background-image: url("img/bck_degrade_noir.png");
	background-repeat:repeat-x;
	background-position: bottom center;
	background-attachment: scroll;
	z-index: 10;
	position: relative;
}
#slider-home{
	margin-top: -155px;
}
#slider-home > .carousel-inner > .carousel-item{
  height: 70vh;
  min-height: 450px;
  background-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 > .bck_slide > .carousel-caption {
		top:25%;
		width:60%;
		max-width: 1320px;
		margin-left:auto;
		margin-right:auto;
		text-align: left;
}
#slider-home > .carousel-indicators > button{
	width: 45px;
  height: 5px;
  border-radius: 0;
  opacity: 1;
  background-color: #17bfef;
  border-top: 0px solid #17bfef;
  border-bottom: 0px solid #17bfef;
	margin-bottom: 10px;
}
#slider-home > .carousel-indicators {
  position: absolute;
  right: 75px;
  top: 35%;
  left: inherit;
  flex-direction: column;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  justify-content: flex-start;
}
#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: #29419b;
  border-top: 0px solid #29419b;
  border-bottom: 0px solid #29419b;
	width: 55px;
}
.carousel-caption.slider-home p, .carousel-caption.slider-home li{
	font-family: "Poppins",sans-serif;
	font-style: normal;
	font-weight:300;
	font-size:24px;
	line-height: 32px;
	color: #FFFFFF;
	text-align: left;
}
.carousel-caption.slider-home h5{
	font-family: "Poppins",sans-serif;
	font-style: normal;
	font-weight:300;
	font-size: 3.5rem !important;
  line-height: 1.1 !important;
	margin-bottom:30px;
	color: #FFFFFF;
	text-align: left;
}
.carousel-control-next,.carousel-control-prev{
 opacity: 1;
 width:70px;
 margin-top:50px;
}

/*************************************/
/***** HOME *******************/
/*************************************/
.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;
}

img.vignetteKeyfigures{
	border: 1px solid #17bfef;
}

/**********************************************/
/**************TOOLTIP*************************/
/**********************************************/
.content-tooltip{
  border: none;
	position: absolute;
	opacity: 100;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /* Hack IE8 */
	filter: alpha(opacity = 100); /* Hack IE 5-7 */
	height:auto;
	text-align: center;
	display: block;
	width: 100%;
	border: 1px solid #17bfef;
	height: 100%;
	background-color: rgba(23, 191, 239, 0.5);
}
.span-tooltip{
	font-family: "Poppins",sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 34px;
	line-height: 40px;
	color:#FFFFFF;
	margin-top: 40%;
	display:inline-block;
}
.a-tooltip:hover .content-tooltip{
	z-index: 0;
	opacity: 0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Hack IE8 */
	filter: alpha(opacity = 0); /* Hack IE 5-7 */
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}
/**********************************************/
/************** Pagination *******************/
/**********************************************/
.active > .page-link, .page-link.active{
	color: #FFFFFF;
	background-color: #29419b;
	border-color: #29419b
}
.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 *******************/
/****************************************************/
/****************************************************/

/***** Contenu des pages ***********/
/***********************************/
.btn-badge-filtre {
	background-color: rgba(23,191,239,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #17bfef;
	color: #FFFFFF !important;
	padding-left:30px;
	padding-right: 30px;
	padding-top: 13px;
	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(23,191,239,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #17bfef;
	color: #FFFFFF !important;
}
.btn-badge-filtre-type {
	background-color: rgba(111,203,229,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #6fcbe5;
	color: #FFFFFF !important;
	padding-left:30px;
	padding-right: 30px;
	padding-top: 13px;
	padding-bottom: 8px;
}
.btn-badge-filtre-type:hover,.btn-badge-filtre-type:focus,.btn-badge-filtre-type:focus, .btn-badge-filtre-type:active, .btn-badge-filtre-type.active, .btn-badge-filtre-type.disabled, .btn-badge-filtre-type[disabled] {
	text-decoration: none;
	background-color: rgba(111,203,229,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #6fcbe5;
	color: #FFFFFF !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;
}
/****************************************/
/*****MENU Page paragraphe***************/
/****************************************/
/****************************************/
a.btn:hover{
	text-decoration:none;
}
/****************************************************/
/****************************************************/
/********* SINGLE KEY FIGURES*******************/
/****************************************************/
/****************************************************/
.border-bleu{
	border-right:thin solid #6fcbe5;
}
img.flagmap{
	width:40px;
	height:27px;
	display: block;
	margin-right: 10px;
}
.keywidth-100{
	width:100%;
	display: inline-block;
}
.keywidth-50{
	width:50%;
  align-self:flex-start;
	display: inline-block;
}
.keywidth-30{
	width:33%;
  align-self:flex-start;
	display: inline-block;
}
.keywidth-70{
	width:67%;
  align-self:flex-start;
	display: inline-block;
}
.keywidth-50.keyalign-center{
	width:50%;
	margin-left: 1%;
	margin-right: 1%;
}

.keyalign-center{
	margin-left: auto;
	margin-right: auto;
}
.keyalign-left{
	margin-right: auto;
}
.keyalign-right{
	margin-left: auto;
}
.content-keyfigures h1{
	color:#169ed9;
	font-size: 50px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 55px;
}
.content-keyfigures h1> span:before{
	content:"\a";
  white-space: pre;
}
.content-keyfigures h1> span{
	color:#29419b;
}
.content-keyfigures img.drapeau{
	width:150px;
	display: inline-block;
	margin-bottom: 15px;
}
.content-keyfigures img.partenaire{
	height:65px;
	display: inline-block;
	margin-bottom: 15px;
	margin-right:15px;
}
.content-keyfigures img.partenaire + img.drapeau{
	height:65px;
	width:auto;
	display: inline-block;
	margin-bottom: 15px;
}
.content-keyfigures h2{
	color:#169ed9;
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 38px;
	padding: 8px;
	display: inline-block;
	background-color: #ecf0f3;
	margin-top:15px;
}
.content-keyfigures h3{
	text-align: right;
	color:#ffffff;
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 38px;
	padding: 8px;
	display: block;
	background-color: #169ed9;
	margin-top:15px;
	float: right;
}
.content-keyfigures h4{
	text-align: right;
	color:#169ed9;
	font-size: 26px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 28px;
	padding: 8px 8px 0px 8px;
	display: block;
	background:
	linear-gradient(
	    to top,
	    #ecf0f3 0%,
	    #ecf0f3 40%,
	    #ffffff 40%,
	    #ffffff 100%
	  );
	margin-top:15px;
	float: right;
}
.content-keyfigures h6{
	background-color: #169ed9;
	border: 1px solid #29419b;
	text-transform: uppercase;
	text-align: center;
	color:#FFFFFF;
	margin-top:30px;
	margin-bottom:5px;
	font-size:18px;
	font-weight: 400;
	padding: 5px 10px;
}
.content-keyfigures h2 + div + h3{
	margin-top:0px
}
.content-keyfigures h5:before{
	content: "\f061";
	font: var(--fa-font-solid);
	color:#29419b;
	font-weight: 800;
	margin-right:8px;
	font-size: 16px;
}
.content-keyfigures .fa-arrow-right{
	color:#29419b;
	font-weight: 800;
	margin-right:4px;
	font-size: 16px;
}
.content-keyfigures h5{
	color:#169ed9;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 30px;
}
.content-keyfigures h5 + p,.content-keyfigures h5 + p + p,.content-keyfigures h5 + p + p + p,.content-keyfigures h5 + p + p + p +p {
	padding-left:20px
}
/*************************/
.content-keyfigures > .encadre > ul{
	list-style: none;
}
.content-keyfigures > .encadre > ul > li{
	margin-bottom: 20px;
}
span.afleche::after{
	content: "\f061";
	font: var(--fa-font-solid);
	color:#29419b;
	font-weight: 800;
	margin-right:5px;
	font-size: 16px;
	padding-left:5px;
}
.content-keyfigures td > ul{
	list-style: none;
}
.content-keyfigures td > ul > li{
	margin-bottom: 20px;
	text-align: left;
}
.content-keyfigures td > ul > li::before{
	content: "\f061";
	font: var(--fa-font-solid);
	color:#29419b;
	font-weight: 800;
	margin-right:8px;
	font-size: 16px;
}
.content-keyfigures > .encadre > ul > li::before{
	content: "\f061";
	font: var(--fa-font-solid);
	color:#29419b;
	font-weight: 800;
	margin-right:8px;
	font-size: 16px;
}
.content-keyfigures > .encadre{
	border: 1px solid #29419b;
	padding: 30px 20px;
	background-color: #ecf0f3;
	margin-bottom:20px;
}
.content-keyfigures .titre-encadre{
	background-color: #169ed9;
	border: 1px solid #29419b;
	text-align: center;
	color:#FFFFFF;
	margin-bottom:5px;
	font-weight: 400;
	padding-top:0.5rem;
	padding-bottom: 0.5rem;
	font-size: 18px;
}
/*************************/
.content-keyfigures .tableau-keyfigures, .content-keyfigures.keywidth-50{
	margin-top:30px;
}
.content-keyfigures h6 + div > .tableau-keyfigures{
	margin-top:0px
}
.content-keyfigures table{
	caption-side: top;
	.table > :not(caption) > * > *
}
.table > :not(caption) > * > *{
	padding: 0.9rem
}
.content-keyfigures table > caption{
	background-color: #169ed9;
	border: 1px solid #29419b;
	text-align: center;
	color:#FFFFFF;
	margin-bottom:5px;
	font-weight: 400;
	font-size:18px;
}
.content-keyfigures table > thead{
	background-color: #6fcbe5;
	color:#FFFFFF;
	font-weight: 600;
}
.content-keyfigures table th{
	min-width: 90px;
}
.content-keyfigures table td,.content-keyfigures table th{
	border: 1px solid #29419b;
	text-align: center;
	vertical-align:middle;
}
.content-keyfigures table > tbody tr > td:first-child{
	background-color: #ecf0f3;
	text-align: left;
}
.content-keyfigures table > tbody tr > td{
	min-width: 200px;
	text-align: center;
}
.content-keyfigures table.tdtextleft > tbody tr > td{
	text-align: left;
}
.content-keyfigures table.tdtextleft_firstcenter > tbody tr > td{
	text-align: left;
}
.content-keyfigures table.tdtextleft_firstcenter > tbody tr > td:first-child{
	text-align: center;
}
/****************************************************/
/****************************************************/
.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:#29419b;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
.content-page a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0%;
  right: 0%;
  bottom: 0;
  background:#29419b;
  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.noir a{
	color:#404041;
}
.content-page.noir a::before {
  background:#404041;
}
.content-page.blanc a{
	color:#ffffff;
}
.content-page.blanc a::before {
  background:#ffffff;
}
.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{
	font-size: 16px;
	line-height: 24px;
}
.content-page strong{
	font-weight: 600;
}
.content-page > h2.h1-like{
	text-align: center;
	font-family: "Poppins",sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:900;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom:60px;
	color:#29419b;
	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:#29419b;
}
.content-page > h1{
	text-align: center;
	font-family: "Poppins",sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:900;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom:60px;
	color:#29419b;
	position: relative;
	padding-bottom: 15px;
}
.content-page > h1::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 40%;
	background-color:#29419b;
}
.content-page > h2, .wsp-container > h2{
	font-family: "Poppins",sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	margin-top: 30px;
	margin-bottom:20px;
	color:#169ed9;
}
.content-page > h3{
	font-family: "Poppins",sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom:20px;
	color:#404041;
}
.content-page > h4{
	font-family: "Poppins",sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom:20px;
	padding-left: 25px;
	color:#404041;
}
.content-page > h5{
	font-family: "Poppins",sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color:#404041;
	margin-top: 15px;
	margin-bottom:10px;
	padding-left: 25px;
}
.content-page > h6{
	font-family: "Poppins",sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color:#404041;
	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: none;
}
.content-page > ul > li{
	margin-bottom:10px;
	margin-top:10px;
	line-height: 24px;
}
.content-page > ul > li > ul{
	margin-bottom:15px;
}
.content-page > ul > li::before{
  content: "\e119";
	font: var(--fa-font-solid);
	display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	font-size:8px;
  width:20px;
  margin-left: 0px;
	line-height: 25px;
	color:#169ed9;
}
.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:#3e8ccb;
	padding:10px 13px;
	border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
}
.btop{
	z-index:1500000;
	position:relative;
}
/************************************************************************************************************/
/***********************************************FOOTER*******************************************************/
/************************************************************************************************************/
footer{
	background-color:#212121;
	padding: 35px 5% 10px 5%;
	position: relative;
	z-index: 10;
}
.sousfooter{
	padding-top: 2rem;
  padding-bottom: 2rem;
	padding-left :5%;
	padding-right:5%
}
.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:#29419b;
  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%;
	}
}
/************************************************************************************************************/
/***********************************************FORMULAIRE***************************************************/
/************************************************************************************************************/
label{
  font-weight: 400;
}
.help-block{
  font-size:11px;
  margin:5px 0px 0px 0px;
}
.form-control{
	border-radius: 0px;
	border: 1px solid #29419b;
	font-size: 16px;

	  background-color: #fbf9f9;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default;
}
.form-group {
    margin-bottom: 25px;
}
.form-control:focus {
    color: #404041;
    background-color: #fbf9f9;
    border-color: #404041;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(31,59,110,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 #29419b;
	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: #29419b;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:checked + label::after {
	    font: var(--fa-font-solid);
      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 #29419b;
	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: #29419b;
}
.checkbox input[type="checkbox"] {
	opacity: 0;
}

.checkbox input[type="checkbox"]:checked + span::after {
		font: var(--fa-font-solid);
	content: "\f00c";
  color: #fff;
	margin-left:15px;
}

.checkbox input[type="checkbox"]:checked + span::before {
  background-color: #29419b;
  border-color: #29419b;
}
.checkboxlabel span::before {
  border: 2px solid #29419b;
}

.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 #29419b;
	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: #29419b;
}
.radio input[type="radio"] {
	opacity: 0;
}
.radio input[type="radio"]:checked + span::after {
	font: var(--fa-font-solid);
	content: "\f00c";
}
.radio input[type="radio"]:checked + span::before {
  background-color: #29419b;
  border-color: #29419b;
}
.radio input[type="radio"]:checked + span::after {
  color: #fff;
}
.radio label span::before {
  border: 2px solid #29419b;
}

/************************************************************************************************************/
/***********************************************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}
/************************************************************************************************************/
/***********************************************RESPONSIVE***************************************************/
/************************************************************************************************************/
@media (max-width: 1638px) {
	#menu-navigation > 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 > .bck_slide > .carousel-caption {
		top:24%;
		width:80%;
		max-width: 1320px;
		margin-left:auto;
		margin-right:auto;
		text-align: left;
	}
	.carousel-caption.slider-home h5 {
	  font-size: 3rem !important;
	  line-height: 1.2 !important;
	  margin-bottom: 40px;
	}
}
@media (max-width: 1200px) {
	#slider-page > .slide-item-page > .slide-caption{
		top: 42%;
	}
	#menu-navigation > li > a{
		font-size:14px;
	}
#menu-menu-de-navigation > li, #menu-navigatiemenu > li{
	padding: 4px 10px 0px 5px
}
#menu-item-220{
	display:none;
}
.navbar-brand{
	margin-right:15px
}
	footer{
		background-color:#ffffff;
		padding: 35px 0px 10px 0px;
	}
	#slider-home > .carousel-inner > .carousel-item > .bck_slide > .carousel-caption {
		top:20%;
	}
	.keywidth-30,.keywidth-70{
		width:50%;
	}
}
@media (max-width: 1070px) {
	#menu-menu-de-navigation > li > a, #menu-navigatiemenu > li > a{
		font-size: 12px;
	}
	#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;
	}
}
@media (max-width: 991px) {
	#menu-menu-de-navigation > li > a, #menu-navigatiemenu > li > a {
	     font-size: 20px;
   }
	#menu-item-220{
		display:inline;
	}
	.border-bleu{
		border-right:none;
	}
	.sub-menu li.menu-logo.menu-item{
		display: none;
	}
	.sub-menu{
			background-color: rgba(255,255,255,0.5);
	}
	#navbar-navigation > .container-fluid{
		justify-content:space-between;
		width: 100%;
		max-width: 991px;
	}
	footer{
		background-color:#212121;
		padding: 60px 8px 15px 8px;
	}
	#menu-header > li, #menu-header-1 > li{
	 padding: 8px 15px 0px 15px;
	 text-align: center;
 }
 #menu-menu-de-navigation > li > a, #menu-navigatiemenu > li > a{
 	color: #ffffff !important;
}
.hvr-underline-from-left.noir li a::before, .hvr-underline-from-left li.noir a::before, .hvr-underline-from-left.noir a::before {
  background: #ffffff;
}
 #menu-menu-de-navigation > li::after {
 	position: absolute;
   top: 0px;
   left: 0px;
   height: 0px;
   width: 0px;
   content:none;
   background: #fff;
 }
	.noslider{
		margin-top:35%;
	}
	.carousel-caption.slider-home p{
		font-weight:300;
		font-size:20px;
		line-height:32px;
	}
	.carousel-caption.slider-home h5 {
	  font-size: 1.8rem !important;
	  line-height: 1.2 !important;
	  margin-bottom: 30px;
	}
	.navbar-brand{
		margin-top:0px;
	}
	.offcanvas.offcanvas-end{
		width:60%;
	}
	#menu-navigation{
		padding-left: 20px;
	}
	#menu-navigation > li{
		text-align: left;
		padding: 10px 0px 0px 0px
	}
	#menu-navigation > li > a  > br{
    display: none;
	}
	#slider-page > .carousel-inner > .carousel-item{
		background-position: 60% 15%;
	}
	.keywidth-30{
		width:50%;
	}
	.keywidth-30+.keywidth-30+.keywidth-30{
		width: 100%;
	}
}
@media (max-width: 767px) {
	.noslider{
		margin-top:45%;
	}
	.offcanvas.offcanvas-end{
		width:80%;
	}
	footer{
		padding: 60px 4px 15px 4px;
	}
	.keywidth-50,.keywidth-50.keyalign-center,.keywidth-30, .keywidth-70{
		width:100%;
	}
	#slider-home > .carousel-inner > .carousel-item > .bck_slide > .carousel-caption {
		top:24%;
		width:80%;
	}

}
@media (max-width: 576px) {
	#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;
	}
	.bck_slide{
		background-position: bottom center;
	}
	#slider-home > .carousel-inner > .carousel-item {
	  height:85vh
	}
	.carousel-caption.slider-home p,.carousel-caption.slider-home li{
		font-size: 20px;
		line-height: 36px;
	}
	.carousel-caption.slider-home ul{
		margin-bottom:25px;
		padding-bottom:25px;
	}
	.carousel-caption.slider-home h5{
		margin-bottom:20px;
		font-size: 32px;
		line-height: 45px;
	}
	.noslider{
		margin-top:55%;
	}
	.offcanvas.offcanvas-end{
		width:100%;
	}
	#slider-page > .slide-item-page{
		height: 60vh;
	}
	#slider-page > .slide-item-page > .slide-caption {
	  top: 50%;
	}
}

@media (max-width: 460px) {
	#menu-header-1 > li.menu-item-76{
		display: none;
	}
}

@media (max-width: 380px) {
	.titre-page {
	  font-size: 30px;
	  line-height: 45px;
	}
	#menu-header-1,img.logo_footer{
		display: none;
	}
	#slider-page > .slide-item-page{
		height: 80vh;
	}
	#slider-page > .slide-item-page > .slide-caption {
	  top: 40%;
	}
}

#cmplz-manage-consent .cmplz-manage-consent {
	background: #3e8ccb !important;
	background-color: #3e8ccb !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;
  }
	.container, .container-sm {
		max-width: 100%;
	}
}
.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;
}