/*
Theme Name: OCsport
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:ocsport
/*

/************************************************************************************************************/
/****************************************BODY****************************************************************/
/************************************************************************************************************/
html{
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	text-rendering: optimizeLegibility;
}
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: "Roboto", sans-serif;
	text-rendering: optimizeLegibility;
	font-weight:normal!important;
	font-weight:400;
	word-wrap:normal;
	line-height:1.6;
	height:auto;
	color:#000000;
	font-size: 18px;
}

/*************FONTS*************/
.darkmode{
  font-family: "Anton", sans-serif;letter-spacing : 1px;
	font-style: normal;
	text-rendering: optimizeLegibility;
}
.anton{
  font-family: "Anton", sans-serif;letter-spacing : 1px;
  font-weight: 400 !important;
	text-rendering: optimizeLegibility;
}
.roboto {
  font-family: "Roboto", sans-serif;
	font-weight: 400;
  font-style: normal;
	text-rendering: optimizeLegibility;
}
.articulat{
	font-family: "Roboto", sans-serif;
	font-style: normal;
	text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Font Awesome 6 Sharp';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("css/webfonts/fa-sharp-solid-900.woff2");
}
/************************************************************************************************************/
/****************************************COULEURS************************************************************/
/************************************************************************************************************/
.noir{
	color:#000000;
}
.blanc{
	color:#ffffff;
}
.gris{
	color:#605f5f;
}
.grisclair{
	color:#dfe6e9;
}
.jaune{
	color:#fdc300
}
.bleu{
	color:#009ee3
}
.vert{
	color:#75bb6b;
}
.bleufonce{
	color: #355661
}
.rouge{
	color:#e30513
}
.CQP{
	color:#72a0ae
}
.CCP{
	color:#e30513
}
.TFP{
	color:#009ee3
}
/*************BCK*************/
.bck-noir{
	background-color: #000000;
}
.bck-blanc{
	background-color: #ffffff;
}
.bck-gris{
	background-color:#605f5f;
}
.bck-grisclair{
	background-color:#f2f2f2;
}
.bck-jaune{
	background-color:#fdc300;
}
.bck-bleu{
	background-color:#009ee3;
}
.bck-vert{
	background-color:#75bb6b;
}
.bck-bleufonce{
	background-color: #355661;
}
.bck-rouge{
	background-color:#e30513;
}
.bck-CQP{
	background-color:#72a0ae;
}
.bck-CCP{
	background-color:#e30513;
}
.bck-TFP{
	background-color:#009ee3;
}
.bck-texture{
	background-image: url("img/texture_droite.png"),url("img/texture_gauche.png");
	background-position: right center, left center;
  background-repeat: no-repeat, no-repeat;
	background-size: contain, contain;
}
.bck-texture-sidebar{
	background-image: url("img/texture_droite.png");
	background-position: center center;
  background-repeat: no-repeat;
	background-size: cover;
}
.bck-card-category{
	background-image: url("img/slash_rouge.webp");
	background-position: right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: inherit;
	background-repeat: no-repeat;
}
.bck-card-category-3{
	background-image: none;
}
#slider-certifications-2 .bck-card-category , #slider-chiffres-2 .bck-card-category{
	background-image: none;
}
.border-bleu, .border-TFP{
	border: 3px solid #009ee3;
}
.border-CQP{
	border: 3px solid #72a0ae;
}
.border-rouge, .border-CCP{
	border: 3px solid #e30513;
}
/************************************************************************************************************/
/*******************************************Border et HR **********************************************************/
/************************************************************************************************************/

hr.thin-50{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #605f5f solid;
}
.tiret-gauche{
	position:relative;
	padding-bottom:8px;
}
.tiret-gauche::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 0%;
  background-color: #355661;
}
.tiret-gauche.CQP::after {
  background-color: #72a0ae;
}
.tiret-gauche.TFP::after {
  background-color: #009ee3
}
.tiret-gauche.CCP::after {
  background-color: #e30513
}
/************************************************************************************************************/
/*******************************************LIENS************************************************************/
/************************************************************************************************************/

a{
	text-decoration: none;
	color:#75bb6b;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
a:hover{
	text-decoration: underline;
	color:#75bb6b;
	-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-icone{

}
.btn-minqsm{
	min-width: 130px;
}
.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.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;
}
.bleufonce a,.bleufonce a:focus{
	text-decoration: none;
	color: #355661;
	-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: none;
	color: #355661;
	-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: underline;
	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:0;  bottom: 0;
-webkit-transform: translateY(2px);
transform: translateY(2x);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
height: 2px;}
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 {
transform: translateY(0);}
.hvr-underline-from-left li a:hover:before,.hvr-underline-from-left a:hover:before {transform: translateY(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:0;  bottom: 0;
-webkit-transform: translateY(2px);
transform: translateY(2x);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
height: 2px;}

.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: #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
}
.souligne{
	background-image: url('img/souligne.png');
	  background-size: 95% .4em;
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  text-decoration: none;
		padding-right:10px;
}
.bleufoncetojaune,.bleufoncetojaune:focus{
	text-decoration: none;
	color: #355661;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.bleufoncetojaune:hover,.bleufoncetojaune:active{
	text-decoration: underline;
	color: #fdc300;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.verttojaune,.verttojaune:focus{
	text-decoration: none;
	color: #75bb6b;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.verttojaune:hover,.verttojaune:active{
	text-decoration: underline;
	color: #fdc300;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.jaunetobleufonce,.jaunetobleufonce:focus{
	text-decoration: none;
	color: #fdc300;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
.jaunetobleufonce:hover,.jaunetobleufonce:active{
	text-decoration:  none;
	color: #355661;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
/************************************************************************************************************/
/*******************************************BOUTON************************************************************/
/************************************************************************************************************/
.btn{
	padding-left:20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-family: "Anton", sans-serif;letter-spacing : 1px;
}
.btn-light{
	padding-left:10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-noir{
	background-color: rgba(0,0,0,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #000000;
	color: #FFFFFF !important;
}
.btn-noir:hover,.btn-noir:focus,.btn-noir:focus, .btn-noir:active, .btn-noir.active, .btn-noir.disabled, .btn-noir[disabled] {
	background-color: rgba(0,0,0,1);
	color: #fdc300 !important;
	text-decoration: none;
	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-bleu{
	background-color: #009ee3;
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #009ee3;
	color: #FFFFFF !important;
}
.btn-bleu:hover,.btn-bleu:focus,.btn-bleu:focus, .btn-bleu:active, .btn-bleu.active, .btn-bleu.disabled, .btn-bleu[disabled] {
	background-color: #009ee3;
	color: #32505e !important;
	text-decoration: none;
	border: 1px solid #009ee3;
	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-rouge{
	background-color: #e93844;
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #e93844;
	color: #FFFFFF !important;
}
.btn-rouge:hover,.btn-rouge:focus,.btn-rouge:focus, .btn-rouge:active, .btn-rouge.active, .btn-rouge.disabled, .btn-rouge[disabled] {
	background-color: #e93844;
	color: #32505e !important;
	text-decoration: none;
	border: 1px solid #e93844;
	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-gris{
	background-color:#72a0ae;
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #72a0ae;
	color: #FFFFFF !important;
}
.btn-gris:hover,.btn-gris:focus,.btn-gris:focus, .btn-gris:active, .btn-gris.active, .btn-gris.disabled, .btn-gris[disabled] {
	background-color:#72a0ae;
	color: #32505e !important;
	text-decoration: none;
	border: 1px solid #72a0ae;
	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-vert{
	background-color:#75bb6b;
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #75bb6b;
	color: #FFFFFF !important;
}
.btn-vert:hover,.btn-vert:focus,.btn-vert:focus, .btn-vert:active, .btn-vert.active, .btn-vert.disabled, .btn-vert[disabled] {
	background-color:#75bb6b;
	color: #32505e !important;
	text-decoration: none;
	border: 1px solid #75bb6b;
	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-bleugris{
	background-color: rgba(50,80,94,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #32505e;
	color: #FFFFFF !important;
}
.btn-bleugris:hover,.btn-bleugris:focus,.btn-bleugris:focus, .btn-bleugris:active, .btn-bleugris.active, .btn-bleugris.disabled, .btn-bleugris[disabled] {
	background-color: rgba(50,80,94,1);
	color: #fdc300 !important;
	text-decoration: none;
	border: 1px solid #32505e;
	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-jaune{
	background-color: rgba(253,195,0,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #fdc300;
	color: #FFFFFF !important;
}
.btn-jaune:hover,.btn-jaune:focus,.btn-jaune:focus, .btn-jaune:active, .btn-jaune.active, .btn-jaune.disabled, .btn-jaune[disabled] {
	background-color: rgba(253,195,0,1);
	color: #355661 !important;
	text-decoration: none;
	border: 1px solid #fdc300;
	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;
}
.filter-jaunetoblanc{
filter: brightness(0) saturate(100%) invert(86%) sepia(16%) saturate(7490%) hue-rotate(0deg) brightness(101%) contrast(101%);
	padding-left: 10px;
	margin-right: 3px;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.btn:hover >.filter-jaunetoblanc, .btn:focus >.filter-jaunetoblanc , .btn:active >.filter-jaunetoblanc{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(36deg) brightness(105%) contrast(101%);
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	padding-left: 13px;
	margin-right: 0px;
}
.filter-jaunetobleufonce{
filter: brightness(0) saturate(100%) invert(86%) sepia(16%) saturate(7490%) hue-rotate(0deg) brightness(101%) contrast(101%);
	padding-left: 10px;
	margin-right: 3px;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.btn:hover >.filter-jaunetobleufonce, .btn:focus >.filter-jaunetobleufonce , .btn:active >.filter-jaunetobleufonce{
filter: brightness(0) saturate(100%) invert(30%) sepia(12%) saturate(1285%) hue-rotate(149deg) brightness(94%) contrast(91%);
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	padding-left: 13px;
	margin-right: 0px;
}
.filter-bleufoncetoblanc{
	filter: brightness(0) saturate(100%) invert(29%) sepia(32%) saturate(559%) hue-rotate(149deg) brightness(91%) contrast(86%);
	padding-left: 10px;
	margin-right: 3px;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.btn:hover >.filter-bleufoncetoblanc, .btn:focus >.filter-bleufoncetoblanc , .btn:active >.filter-bleufoncetoblanc{
	filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(22%) hue-rotate(184deg) brightness(104%) contrast(100%);
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	padding-left: 13px;
	margin-right: 0px;
}
.btn-transparent-bleu-fonce {
	background-color: rgba(32,59,112,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #355661;
	color: #355661 ;
}
.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 #355661;
	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{
	max-height:200px;
	margin-top:-10px;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
img.logo.minified{
	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{
	max-height:110px;
	margin-top:-50px;
}
/**************NAVBAR*************************/
.navbar-toggler{
	font-size: 24px;
	color:#30a944;
	font-weight:bold;
	text-transform: uppercase;
	margin-top:10px;
}
.navbar-brand{
	float:left;
	margin-top:-10px;
	height: auto;
	padding: 0px 0px;
	font-size: 12px;
	line-height: 14px;
	margin-right:0px;
}
.offcanvas-body{
	min-height: 50px;
}
/* enlève la couleur en background */
#navbar-navigation.navbar-default{
	background-color: transparent;
	border:none;
}
#navbar-navigation.navbar-default .navbar-collapse, #navbar-navigation.navbar-default .navbar-form{
	border:none;
}
#menu-navigation{
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	margin-top: 15px;
}
#menu-navigation > li{
	padding:5px 25px 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-navigation > li > a{
	font-family: "Anton", sans-serif;
	letter-spacing : 1px;
	color: #000000;
	font-size:20px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding:0;
	padding-bottom: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;
}
#navbar-navigation.navbar {
  margin-bottom: 0;
  padding-top: 0;
  background-image: url("img/bck_navbar.webp");
  background-repeat: repeat-x;
  background-size: 100% 70px;
}
#menu-navigation > li.current-menu-item > a:before{
		color:#000000;
		text-decoration:none;
		transform: translateY(0);
		-webkit-transition:color .40s linear;
		-moz-transition:color .40s linear;
		-o-transition:color .40s linear;
		transition:color .40s linear;
}
#menu-navigation > li > a:hover,
#menu-navigation > li > a:focus,
#menu-navigation > li > a:active,
#menu-navigation > 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-header{
	margin-bottom:5px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none
}
#menu-header-1{
	margin-bottom:10px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none
}
#menu-header > li.bck-jaune, #menu-header-1 > li.bck-jaune{
	background-color: #fdc300
}
#menu-header > li.bck-vert, #menu-header-1 > li.bck-vert{
	background-color: #75bc6c
}
#menu-header > li, #menu-header-1 > li{
	margin-left:15px;
	padding:8px 15px 4px 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;
	border: none;
	-moz-border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
	-webkit-border-top-left-radius: 0px 0px;
	-webkit-border-top-right-radius: 0px 0px;
	-webkit-border-bottom-right-radius: 0px 0px
	-webkit-border-bottom-left-radius: 0px 0px
	border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
	behavior: url(/css/PIE.htc);
	/*
	position:relative;
	hack pour IE < 9 pour PIE, à utiliser si l'élément n'apparait pas
	*/
}
#menu-header > li > a{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	color: #FFFFFF;
	font-size:16px;
	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-header-1 > li > a{
 color: #FFFFFF;
 font-size:16px;
 text-decoration: none;
 font-family: "Anton", sans-serif;letter-spacing : 1px;
 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-header > li.current-menu-item > a,#menu-header-1 > li.current-menu-item > a{
		color:#FFFFFF;
		text-decoration: none;
}

#menu-header > li > a:hover,
#menu-header > li > a:focus,
#menu-header > li > a:active,
#menu-header > li > a.active,
#menu-header-1 > li > a:hover,
#menu-header-1 > li > a:focus,
#menu-header-1 > li > a:active,
#menu-header-1 > li > a.active{
	text-decoration: none;
	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;
}
#menu-navigation > li.bleufonce > a,#menu-navigation > li.bleufonce > a:focus,{
	text-decoration: none;
	color: #355661;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}
#menu-navigation > li.bleufonce > a:hover,
#menu-navigation > li.bleufonce > a:active,
#menu-header > li.bleufonce > a:hover,
#menu-header > li.bleufonce > a:active,
#menu-header-1 > li.bleufonce > a:hover,
#menu-header-1 > li.bleufonce > a:active{
	text-decoration: none;
	color: #355661;
	-webkit-transition:color .20s linear;
	-moz-transition:color .20s linear;
	-o-transition:color .20s linear;
	transition:color .20s linear;
}

img.menu-logo{
	max-width: 190px;
	display: inline;
}
.sub-menu li.menu-logo.menu-item{
	text-align: center;
	margin-top:15px;
}

#menu-footer > li{
	padding:0px 25px 0px 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-footer > li > a{
	color: #ffffff;
	font-size:14px;
	font-weight:600;
	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: #ffffff;
	font-size:12px;
	font-weight:500;
	text-decoration: none;
	padding:0;
	padding-bottom:3px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-mentions-legales > li.current-menu-item > a{
		color:#ffffff;
		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:#ffffff;
}
.offcanvas.show > .offcanvas-body{
		background-image: url("img/texture_droite.png");
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 88%;
		-webkit-transition:all .40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
}
.offcanvas.show > .offcanvas-body > #menu-navigation > .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: 4px solid #fdc300;
	margin-left:-20px;
}
.sub-menu li.menu-item{
	list-style-type: none;
	margin-bottom:5px;
  text-align: left;
	min-width: 185px;
}

.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: #355661;
}
.sub-menu li.menu-item a{
	color: #355661;
}
.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: #355661;
}

.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: #355661;  height: 1px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: linear; transition-timing-function: linear; }
.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 *******************/
/*************************************/
#slider-page{
	margin-top:-65px;
	background-repeat: no-repeat;
	background-position: center 30%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#slider-page > .slide-item-page{
	height: 30vh;
	min-height:150px;
	position: relative;
}
#slider-page > .slide-item-page > .slide-caption{
	position: relative;
	top:25%;
	width:80%;
	left:10%;
	right:10%;
}
.titre-page{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	text-transform: uppercase;
	font-style: normal;
	font-size:50px;
	line-height: 65px;
	margin-bottom:18px;
	color: #355661;
	text-align: center;
}
/*************************************/
/*****SLIDER HOME *******************/
/*************************************/
#slider-home{
	margin-top:-70px;
}
#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;
}
.carousel-inner > .carousel-item > .carousel-caption {
	bottom:0%;
	width:100%;
	right:auto;
	left:auto;
	text-align: left;
	padding: 0px 0px 0px 10%;
}
#slider-home > .carousel-inner > .carousel-item.item-qsm{
  height: 40vh;
  min-height: 250px;
  background-repeat: no-repeat;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-inner > .carousel-item.item-qsm > .carousel-caption {
	padding: 0px 0px 0px 15%;
}
.p_l10{
	padding-left: 15%;
}
#slider-home > .carousel-indicators > button{
	border-radius: 0px;
	width:15px;
	height: 15px;
	background-color: #bad0b7;
	border: 1px solid #bad0b7;
	margin-left: 5px;
	margin-right:5px;
}
#slider-home > .carousel-indicators {
  position: absolute;
  right: 20%;
  bottom: 5%;
  left: inherit;
  flex-direction: row;
  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: #75bc6b;
  border-top: 1px solid #75bc6b;
  border-bottom: 1px solid #75bc6b;
}
.carousel-caption.slider-home p{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	font-style: normal;
	font-size:20px;
	line-height: 30px;
	color: #FFFFFF;
	text-align: left;
	background-color: #75bc6b;
	padding: 6px 15px 15px 15px;
	display: inline-block;
}
.carousel-caption h5{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	font-style: normal;
	font-size:40px;
	line-height: 45px;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 0px;
	background-color: #75bc6b;
	padding: 6px 15px;
	display: inline-block;
}
.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;
}

/**********************************************/
/************** Pagination *******************/
/**********************************************/
.active > .page-link, .page-link.active{
	color: #FFFFFF;
	background-color: #355661;
	border-color: #355661
}
.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 {
	font-family: "Roboto", sans-serif !important;
	background-color: #75bc6b;
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #75bc6b;
	color: #FFFFFF !important;
	padding-left:8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.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: #75bc6b;
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #75bc6b;
	color: #FFFFFF !important;
}
.btn-badge-filtre-type {
	font-family: "Roboto", sans-serif !important;
	background-image:none;
	background-repeat: repeat-x;
	color: #FFFFFF !important;
	padding-left:8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	width:30%;
}
.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-image:none;
	background-repeat: repeat-x;
	color: #FFFFFF !important;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-badge-filtre-type.ccp{
	background-color: #be1522;
	border: 3px solid #be1522;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-badge-filtre-type.cqp{
	background-color: #72a0ae;
	border: 3px solid #72a0ae;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-badge-filtre-type.tfp{
	background-color: #1d9cd7;
	border: 3px solid #1d9cd7;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}

.btn-badge-filtre-type.tfp:hover,.btn-badge-filtre-type.tfp:focus,.btn-badge-filtre-type.tfp:focus, .btn-badge-filtre-type.tfp:active, .btn-badge-filtre-type.tfp.active, .btn-badge-filtre-type.tfp.disabled, .btn-badge-filtre-type.tfp[disabled] {
	color: #1d9cd7 !important;
	background-color: #FFFFFF;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-badge-filtre-type.cqp:hover,.btn-badge-filtre-type.cqp:focus,.btn-badge-filtre-type.cqp:focus, .btn-badge-filtre-type.cqp:active, .btn-badge-filtre-type.cqp.active, .btn-badge-filtre-type.cqp.disabled, .btn-badge-filtre-type.cqp[disabled] {
	color: #72a0ae !important;
	background-color: #FFFFFF;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-badge-filtre-type.ccp:hover,.btn-badge-filtre-type.ccp:focus,.btn-badge-filtre-type.ccp:focus, .btn-badge-filtre-type.ccp:active, .btn-badge-filtre-type.ccp.active, .btn-badge-filtre-type.ccp.disabled, .btn-badge-filtre-type.ccp[disabled] {
	color: #be1522 !important;
	background-color: #FFFFFF;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}


.checkbox.after-check label::before{
  border: 0px solid #75bc6b;
  border-radius: 0px;
	background-color:#75bc6b;
	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*******************/
/****************************************************/



/****************************************************/
/*******************CONTENT PAGE*********************/
/****************************************************/
.titredernieresactu{
	margin-left:18%
}
.titretoutelessactu{
	margin-right:15%
}
.titrequisommesnous{
	margin-left:5%
}
 .paragraphe-formation  > h3{
  font-weight: 700;
  color: #4f57cc;
  font-size: 20px;
  margin-left: 35px;
  background-image: url('img/trait-gris.jpg');
  background-position: center center;
  background-repeat: repeat-x;
  margin-top: 20px;
  margin-bottom: 15px;
}

.content-page > .ableufonce a,.content-page > .ableufonce a:focus{
	text-decoration: none;
	color: #355661;
	-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: #355661;
}
.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;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
}
.content-page a.btn-link.bleufoncetojaune:hover{
		color:#fdc300 !important;
}
.content-page a.btn-link.verttojaune{
	color:#75bc6b;
}
.content-page a.btn-link.verttojaune:hover{
		color:#fdc300 !important;
}
.content-page a.btn:hover{
	text-decoration:none;
}
.content-page a :hover{
	text-decoration:none;
}
.content-page a{
	text-decoration:none;
	color: #355661;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.content-page a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0%;
  right: 0%;
  bottom: 0;
  background: #355661;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.content-page.noir a{
	color:#000000;
}
.content-page.noir a::before {
  background:#000000;
}
.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 .content-page.content-qsn > p{
	padding-left:0px;
}
.content-page > p{
	font-size: 18px;
	line-height: 28px;
	color:#355661;
}
.content-page strong{
	font-weight: 600;
}
.content-page > h2.h1-like{
	text-align: center;
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	text-transform: uppercase;
	font-style: normal;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom:60px;
	color: #355661;
}
.content-page > h1{
	text-align: center;
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	text-transform: uppercase;
	font-style: normal;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom:60px;
	color: #355661;
}
.content-page > h2, .wsp-container > h2{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	text-transform: uppercase;
	font-style: normal;
	font-size: 28px;
	margin-top: 45px;
	margin-bottom:30px;
	color:#75bc6c;
}
.content-page > h3{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	text-transform: uppercase;
	font-style: normal;
	font-size: 28px;
	margin-top: 30px;
	margin-bottom:20px;
	color:#75bc6c;
}
.content-page.content-qsn > h3{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	font-style: normal;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom:20px;
	color:#355661;
}
.content-page.content-qsn > h3::before{
	content: "\f0c8";
	font-family: 'Font Awesome 6 Sharp';
	display: inline;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	font-size:16px;
  margin-right: 10px;
	vertical-align: middle;
	color:#fdc300;
}
.content-page > h4{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	font-style: normal;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom:20px;
	padding-left: 25px;
	color:#000000;
}
.content-page > h5{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	font-style: normal;
	font-size: 22px;
	color:#000000;
	margin-top: 15px;
	margin-bottom:10px;
	padding-left: 25px;
}
.content-page > h6{
	font-family: "Anton", sans-serif;letter-spacing : 1px;
	font-style: 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;
		line-height: 26px;
		font-size: 18px;
			color:#355661;
			margin-bottom:35px;
}
.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:15px;
	margin-top:15px;
	line-height: 26px;
	font-size: 18px;
	color:#355661;
}
.content-page > ul > li > ul{
	margin-bottom:15px;
}
.menuancre-container{
	padding: 15px 30px 0px 15px;
	background-color: #fafafa;
	display: inline-block;
	width: auto;
}
.menuancre-container ul{
		padding-left: 20px;
		line-height: 28px;
		font-size: 14px;
		color:#355661;
		list-style: none;
}
.menuancre-container > ul{
		padding-left: 15px;
}
.menuancre-container ul > li::before{
	content: "\f0c8";
	font-family: 'Font Awesome 6 Sharp';
	display: inline;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	font-size:6px;
  margin-right: 6px;
	vertical-align: middle;
	color:#75bc6b;
}
#content .wsp-container ul > li::before{
	content: "\f0c8";
	font-family: 'Font Awesome 6 Sharp';
	display: inline;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	font-size:8px;
  margin-right: 8px;
	vertical-align: middle;
	color:#75bc6b;
}
.content-page > ul > li::before{
	content: "\f0c8";
	font-family: 'Font Awesome 6 Sharp';
	display: inline;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	font-size:12px;
  margin-right: 10px;
	vertical-align: middle;
	color:#75bc6b;
}

.wsp-pages-list{
	column-count: 2;
}
.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;
}
.card-actualite{
	box-shadow: 1px 1px 10px -4px rgba(0,0,0,0.58);
	-webkit-box-shadow: 1px 1px 10px -4px rgba(0,0,0,0.58);
	-moz-box-shadow: 1px 1px 10px -4px rgba(0,0,0,0.58);
}
img.card-filter{
	display: inline-block;
	width:65px;
	height: auto;
	margin:0px 15px 0px 5px;
}
img.card-certif{
	width:100px !important;
	height: auto;
	margin-right:25px;
}
.card{
	border: none;
	border-radius: 0px;
}
.card-body{
	padding: 20px 7% 30px 7%;
	border-radius: 0px;
	border: none;
}
.card-category > .card-body{
	padding: 20px 18% 0px 18%;
	border-radius: 0px;
	border: none;
}
.card-img-top{
	border-radius: 0px;
	border: none;
}
a.card .card-hover{
	 padding: 8px;
	font-size: 18px;
	line-height: 18px;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
a.card:hover .card-hover{
	 padding: 12px;
	font-size: 22px;
		line-height: 22px;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
/************************************************************************************************************/
/*******************************************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: linear;
}
.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;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
	background-color: #75bb6b;
}
.nav-pills .nav-link{
	border-radius: 0px;
}
.nav-link {
  color: #75bb6b;
}
.nav-link:focus, .nav-link:hover{
		background-color: #75bb6b;
		color: #FFFFFF;
}
/************************************************************************************************************/
/***********************************************BACKTOP******************************************************/
/************************************************************************************************************/
.backtop{
	z-index:1500000;
	position:fixed;
	bottom:30px;
	right:15px;
	color:#FFFFFF;
	font-size: 22px;
	line-height: 17px;
	background-color:#75bb6b;
	padding:10px 13px;
}
.btop{
	z-index:1500000;
	position:relative;
}
/************************************************************************************************************/
/***********************************************FOOTER*******************************************************/
/************************************************************************************************************/
footer{
	background-color:#ffffff;
	padding: 15px 5% 10px 5%;
	position: relative;
	z-index: 10;
}
img.licarre{
	margin-top:9px;
	width:10px;
	height:10px;
}
.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: #355661;
  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 **************************/
.owl-carousel .owl-stage {
	 display: flex;
 }
.owl-carousel .owl-item > .item, .card-actualite, .card, .height100{
	 width: auto;
	 height: 100%;
 }
.linkcard{
 position: absolute;
 bottom: 0px;
 right:0px;
 display: block;
}
.container-actualites{
		width:85%;
		margin-left: auto;
		margin-right: auto;
		background-image:url('img/carre_gris.png');
		background-repeat: repeat-y;
		background-size: 70% 100%;
		background-position: center center;
}
.container-actualites.sidebar{
		background-image:none;
}
#slider-actualite > .owl-stage-outer >.owl-stage, #slider-equipe > .owl-stage-outer >.owl-stage{
	padding: 15px 30px 15px 30px;
}
#slider-actualite-2 > .owl-stage-outer >.owl-stage{
	padding: 15px 30px 15px 30px;
}
#slider-actualite-3 > .owl-stage-outer >.owl-stage{
	padding: 10px 20px 10px 20px;
}
#slider-actualite{
	width:80%;
	margin-left: auto;
	margin-right: auto;
}
#slider-equipe{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
#slider-actualite-2{
	width:80%;
	margin-left: auto;
	margin-right: auto;
}
#slider-actualite-3{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
#slider-actualite,#slider-actualite-2,#slider-actualite-3, #slider-equipe{
	margin-top:0px;
}
#slider-actualite > .owl-dots > button.owl-dot, #slider-actualite-2 > .owl-dots > button.owl-dot, #slider-actualite-3 > .owl-dots > button.owl-dot, #slider-equipe > .owl-dots > button.owl-dot{
	 border-radius: 0px;
	 width:15px;
	 height: 15px;
	 background-color: #bad0b7;
	 border: 1px solid #bad0b7;
	 margin-left: 5px;
	 margin-right:5px;
}
#slider-actualite > .owl-dots > button.owl-dot:hover, #slider-actualite-2 > .owl-dots > button.owl-dot:hover, #slider-actualite-3 > .owl-dots > button.owl-dot:hover, #slider-equipe > .owl-dots > button.owl-dot:hover{
	background-color: #75bc6b;
	border: 1px solid #75bc6b;
	-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 , #slider-actualite-3 > .owl-dots > button.owl-dot.active, #slider-equipe > .owl-dots > button.owl-dot.active{
	background-color: #75bc6b;
	border: 1px solid #75bc6b;
	-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, #slider-actualite-3 > .owl-dots, #slider-equipe > .owl-dots{
	margin-top:20px;
	margin-right: 10px;
	margin-bottom: 25px;
	text-align: center;
}

#slider-partenaires-2 > .owl-nav{
	position: absolute;
  width: 100%;
  padding: 0px;
  top: 20%;
}
#slider-partenaires-2 > .owl-nav > button {
  color: #8b7053;
	font-size:64px;
  border-radius: 0px;
  top: 50%;
}
#slider-partenaires-2 > .owl-nav > button.owl-prev {
  left: 0%;
  position: absolute;
}
#slider-partenaires-2 > .owl-nav > button.owl-next {
  right: 0%;
  position: absolute;
}
#slider-certifications > .owl-nav,#slider-certifications-2 > .owl-nav{
	position: absolute;
  width: 100%;
  padding: 0px;
  top: 20%;
}
#slider-certifications > .owl-nav > button,#slider-certifications-2 > .owl-nav > button {
  color: #e30513;
	font-size:64px;
  border-radius: 0px;
  top: 50%;
}

#slider-certifications > .owl-nav > button.owl-prev,#slider-certifications-2 > .owl-nav > button.owl-prev {
  left: 0%;
  position: absolute;
}
#slider-certifications > .owl-nav > button.owl-next,#slider-certifications-2 > .owl-nav > button.owl-next {
  right: 0%;
  position: absolute;
}

#slider-chiffres > .owl-nav,#slider-chiffres-2 > .owl-nav{
	position: absolute;
  width: 100%;
  padding: 0px;
  top: 20%;
}
#slider-chiffres > .owl-nav > button,#slider-chiffres-2 > .owl-nav > button {
  color: #e30513;
	font-size:64px;
  border-radius: 0px;
  top: 50%;
}

#slider-chiffres > .owl-nav > button.owl-prev,#slider-chiffres-2 > .owl-nav > button.owl-prev {
  left: 8%;
  position: absolute;
}
#slider-chiffres > .owl-nav > button.owl-next,#slider-chiffres-2 > .owl-nav > button.owl-next {
  right: 8%;
  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 #355661;
	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(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 #355661;
	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: #355661;
}
.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 #355661;
	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: #355661;
}
.checkbox input[type="checkbox"] {
	opacity: 0;
}

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

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

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

/************************************************************************************************************/
/***********************************************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*******************************************************/
/************************************************************************************************************/
#cmplz-manage-consent .cmplz-manage-consent {
	background: #75bb6b !important;
	background-color: #75bb6b !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;
}
#map {
  height: 640px;
	width: 840px;
  /* max-height: 80%;
  max-width: 98%; */
  margin: 30px auto;
}
.map-load{
	width:98% !important;
	max-height: 80% !important;
}
.leaflet-container{
	font-family: "Roboto", sans-serif !important;

}
/************************************************************************************************************/
/***********************************************RESPONSIVE***************************************************/
/************************************************************************************************************/
.container-fluid-navbar{
		max-width:95%;
		margin-left: auto;
		margin-right: 5%;
}
@media (max-width: 1638px) {
	#slider-home > .carousel-inner > .carousel-item > .carousel-caption {
		bottom:0%;
		width:100%;
		text-align: left;
	}
	.container-fluid-navbar{
		max-width: 100%;
		margin-right:10px;
	}
	#menu-navigation > li{
		padding:5px 13px 0px 15px;
	}
	#menu-navigation > li > a{
		font-size: 18px;
		word-break: keep-all;
	}
}
@media (max-width: 1440px) {
	img.logo{
		max-height:150px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	#menu-navigation > li{
		padding:5px 10px 0px 10px;
	}
	#menu-navigation > li > a{
		font-size: 17px
	}
	#menu-item-152{
			display:none;
	}
}
@media (max-width: 1200px) {
	#slider-page > .slide-item-page > .slide-caption{
		top: 42%;
	}
	.bck-card-category-2{
		background-image:none;
	}
	.bck-card-category-3{
		background-image: url("img/slash_rouge.webp");
		background-position: left bottom;
	}
	footer{
		background-color:#ffffff;
		padding: 35px 0px 10px 0px;
	}
	img.logo.minified{
		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{
		max-height: 80px;
		margin-top: 25px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	#menu-navigation > li{
		padding:5px 13px 0px 15px;
	}
	#menu-navigation > li > a{
		font-size: 17px
	}
}
@media (max-width: 1100px) {
	#slider-home > .carousel-indicators {
	  right: 5%;
	  bottom: 5%;
	  left: auto;
	}
}
@media (max-width: 1030px) {
	#menu-navigation > li{
		padding:5px 20px 0px 0px;
	}
	#menu-navigation > li > a{
		font-size: 17px
	}
}
@media (max-width: 991px) {
	.bck-card-category{
		background-image: none;
	}
	.titredernieresactu{
		text-align: center;
		margin-left:0%
	}
	.titrequisommesnous{
		text-align: center;
		margin-left:0%
	}
	.titretoutelessactu{
		text-align: center;
		margin-right:0;
	}
	.container-actualites {
	  width: 100%;
	  margin-left: auto;
	  margin-right: auto;
	  background-image:none;
	}
	.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;
	}
	#menu-navigation > li > a{
		font-size: 22px;
	}
	#menu-navigation > li {
    padding: 20px 0px 0px 0px;
  }
	footer{
		background-color:#ffffff;
		padding: 60px 8px 15px 8px;
	}
	img.logo_footer{
		max-height:100px;
		margin-top:-85px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	img.logo.minified{
		max-height: 60px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	#menu-header > li{
	 padding: 8px 15px 0px 15px;
	 text-align: center;
 	}
	#menu-header-1 > li{
	 padding: 8px 15px 4px 15px;
	 margin-bottom:15px;
	 text-align: center;
	 width: 100%;
	}
	#slider-home > .carousel-inner > .carousel-item > .carousel-caption {
		bottom:0%;
		width:100%;
		padding-left:5%;
		padding-right:5%;
		right:0%;
		left:0%;
		text-align: left;
	}
	.navbar-brand{
		margin-top:0px;
	}
	img.logo{
		max-height:100px;
	}
	.offcanvas.offcanvas-end{
		width:60%;
	}
	#navbar-navigation.navbar{
		padding-top:10px;
	}
	#menu-navigation > li > a  > br{
    display: none;
	}
		.btn-badge-filtre-type {
			width:45%;
		}
		#menu-item-152{
				display:block;
		}
}
@media (max-width: 767px) {
	.card-body{
		padding:10px 3% 20px 3%
	}
	.btn-badge-filtre-type {
		width:100%;
	}
	.offcanvas.offcanvas-end{
		width:80%;
	}
	footer{
		padding: 60px 4px 15px 4px;
	}

	#slider-home > .carousel-inner > .carousel-item > .carousel-caption{
		padding-bottom:30px;
	}
	img.card-certif{
		width:150px !important;
		height: auto;
		margin-right:auto;
		margin-bottom:10px;
		margin-top:15px;
	}
}
@media (max-width: 576px) {
	img.licarre{
		display: none;
	}
	#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;
	}
	#slider-home > .carousel-inner > .carousel-item {
	  height:inherit;
	}
	.offcanvas.offcanvas-end{
		width:100%;
	}
	#slider-page > .slide-item-page{
		height: 60vh;
	}
	#slider-page > .slide-item-page > .slide-caption {
	  top: 50%;
	}
}

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