/*
Theme Name: Branche OF
Author: JD² - Jonathan Durand
Author URI: https://wwww.jdcarre.fr
Description:
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:brancheOF
/*

/************************************************************************************************************/
/****************************************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: "articulat-cf", sans-serif;
	font-weight:normal!important;
	font-weight:400;
	word-wrap:normal;
	line-height:1.6;
	height:auto;
	color:#454242;
}
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*************/
.darkmode{
  font-family: "darkmode-on", sans-serif;
	font-style: normal;
}
.articulat{
	font-family: "articulat-cf", sans-serif;
	font-style: normal;
}
/************************************************************************************************************/
/****************************************COULEURS************************************************************/
/************************************************************************************************************/
.noir{
	color:#454242;
}
.blanc{
	color:#ffffff;
}
.gris{
	color:#666666;
}
.grisclair{
	color:#f3f2f0;
}
.bleufonce{
	color:#203b70;
}
.bleuclair{
	color:#3d8ccb;
}
.bleu{
	color:#6fcbe5;
}
.or{
	color:#8b7053;
}
.orclair{
	color:#ac8f6f;
}
/*************BCK*************/
.bck-noir{
	background-color: #454242;
}
.bck-blanc{
	background-color: #ffffff;
}
.bck-gris{
	background-color:#666666;
}
.bck-grisclair{
	background-color:#f3f2f0;
}
.bck-bleufonce{
	background-color:#203b70;
}
.bck-bleuclair{
	background-color:#3d8ccb;
}
.bck-bleu{
	background-color:#6fcbe5;
}
.bck-or{
	background-color:#8b7053;
}
.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%;
}
.bck-arrondi {
  background-image: url("img/bck_bulle_blanc.png");
  background-position: top center;
  background-size: contain;
	background-repeat: no-repeat;
}
.mask1 {
    -webkit-mask-image: url("img/masque.png");
  mask-image: url("img/masque.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	width:100%;
}
/************************************************************************************************************/
/*******************************************Border et HR **********************************************************/
/************************************************************************************************************/
.border-left-bleu{
	border-left: solid 3px #203b70;
}

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

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

a{
	text-decoration: underline;
	color:#203b70;
	-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:#203b70;
	-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:#203b70;
	-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:#203b70;
	-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:#203b70;
}
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:#203b70;
	-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:#203b70;
}
.bleufonce a,.bleufonce a:focus{
	text-decoration: none;
	color:#203b70;
	-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:#203b70;
	-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.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;
}
.content-page a.hover-bck-gris::before {
	content: none !important;
}
a.tobleuclair:hover,a.tobleuclair:active, a.tobleuclair:focus{
	color:#3d8ccb !important;
}
a.tobleufonce:hover,a.tobleufonce:active, a.tobleufonce:focus{
	color:#203b70 !important;
}
a.toor:hover,a.toor:active, a.toor:focus{
	color:#8b7053 !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: #203b70}
a.hvr-underline-from-left.bleufonce:before{background:#203b70}
a.hvr-underline-from-left.bleufonce:hover{color:#203b70}

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

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

.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: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	padding-left:25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 6px;
}
.btn-bleu-fonce {
	background-color: rgba(32,59,112,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #203b70;
	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: #203b70 !important;
	border: 1px solid #203b70;
	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(138,113,83,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #8b7053;
	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(138,113,83,0);
	color: #8b7053 !important;
	border: 1px solid #8b7053;
	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 #203b70;
	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: #203b70 !important;
	border: 1px solid #203b70;
	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 #203b70;
	color: #203b70 ;
}
.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 #203b70;
	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(138,113,83,0);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #8b7053;
	color: #8b7053 ;
}
.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(138,113,83,1);
	color: rgba(255,255,255,1) !important;
	border: 1px solid #8b7053;
	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 #3d8ccb;
	color: #3d8ccb;
}
.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_brancheOF{
	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_brancheOF.minified{
	max-height:120px;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
img.logo_brancheOFinline{
	max-height:35px;
	margin-top:10px;
	margin-left:230px;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
img.logo_brancheOFinlineoffcanvas{
	max-height:35px;
	-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_brancheOF_footer{
	max-height:110px;
	margin-top:-50px;
}
img.logo_brancheOFinline_footer{
		max-height:30px;
		margin-left:10px;
}
/**************NAVBAR*************************/
.navbar-toggler{
	font-size: 24px;
	color:#203b70;
	font-weight:bold;
	text-transform: uppercase;
}
.navbar-brand{
	float:left;
	margin-top:-30px;
	height: auto;
	padding: 0px 0px;
	font-size: 12px;
	line-height: 14px;
}
.offcanvas-body{
	min-height: 75px;
	border-bottom:thin solid #dbdbdb;
}
#navbar-navigation.navbar{
	margin-bottom:0;
	padding-top:0;
	background-image: url("img/bck_navbar.png");
	background-repeat: repeat-x;
	background-size: 100% 75px;
}
/* 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: 9px;
}
#menu-navigation > li{
	padding:5px 15px 0px 15px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-navigation > li > a{
	color: #203b70;
	font-size:18px;
	line-height: 24px;
	font-weight:700;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	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-navigation > li.current-menu-item > a{
		color:#203b70;
		text-decoration: underline;
}

#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:#203b70;
}
#menu-header{
	margin-bottom:15px;
	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, #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;
	background-color: #3f5784;
	border: none;
	-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-webkit-border-top-left-radius: 0px 0px;
	-webkit-border-top-right-radius: 0px 0px;
	-webkit-border-bottom-right-radius: 10px 10px
	-webkit-border-bottom-left-radius: 10px 10px
	border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	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, #menu-header-1 > li > a{
	color: #FFFFFF;
	font-size:14px;
	font-weight:700;
	text-decoration: none;
	font-family: "darkmode-on", sans-serif;
	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:#203b70;
		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:#203b70;
	-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:#203b70;
	-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 15px 0px 15px;
	-webkit-transition:all.20s ease-in-out;
	-moz-transition:all .20s ease-in-out;
	-o-transition:all .20s ease-in-out;
	transition:all .20s ease-in-out;
}
#menu-footer > li > a{
	color: #ffffff;
	font-size:16px;
	font-weight:600;
	text-transform: uppercase;
	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/bck_offcanvas.webp");
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 50%;
		-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: 1px solid #203b70;
}
.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:#203b70;
}
.sub-menu li.menu-item a{
	color: #203b70;
}
.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:#203b70;
}

.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: #203b70;  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:-155px;
	background-repeat: no-repeat;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#slider-page > .slide-item-page{
	height: 55vh;
	min-height:380px;
	position: relative;
}
#slider-page > .slide-item-page > .slide-caption{
	position: relative;
	top:25%;
	width:80%;
	left:10%;
	right:10%;
}
.titre-page{
	font-family: "darkmode-on", 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;
}
#slider-home{
	margin-top:-155px;
}
#slider-home > .carousel-inner > .carousel-item{
  height: 85vh;
  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:30%;
		width:80%;
		left:10%;
		right:10%;
		text-align: left;
}
#slider-home > .carousel-indicators > button{
	width: 45px;
  height: 5px;
  border-radius: 0;
  opacity: 1;
  background-color: #8b7053;
  border-top: 0px solid #8b7053;
  border-bottom: 0px solid #8b7053;
	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: #203b70;
  border-top: 0px solid #203b70;
  border-bottom: 0px solid #203b70;
	width: 55px;
}
.carousel-caption.slider-home p{
	font-family: "darkmode-on", sans-serif;
	font-style: normal;
	font-weight:300;
	font-size:24px;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
}
.carousel-caption.slider-home h5{
	font-family: "darkmode-on", 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;
}
.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;
}
.page-template > .container-arrondi{
		padding:90px 0px 0px 0px;
		margin-top:-160px;
		position: relative;
		z-index: 10;
}
.container-arrondi{
		padding:90px 0px 0px 0px;
		margin-top:-160px;
		position: relative;
		z-index: 10;
}
.container-img-agenda{
	margin-top:-130px;
	position: relative;
}
.container-img-agenda > img{
	position: absolute;
	top:0;
	right: auto;
	left: auto;
	max-width: 100%;
}
.card{
	border:0px !important;
	border-radius: 0px;
}
.picto_agenda{
	display: none;
}
.slider-actualite-2 > .picto_journal{
	margin-left:0px;
	margin-top: -10px;
}
.picto_journal{
	margin-left:-20px;
	margin-top: 10px;
  margin-right: 20px;
  position: relative;
  z-index: 100;
}
.titre_bloc{
	line-height: 40px !important;
}
.titre_bloc > span{
	font-weight: 300;
	font-size: 36px;
}
.titre_bloc > span::before{
	content: "\a";
	white-space: pre;
}
.bloc_chiffre{
	padding: 50px 30px 15px 30px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
}
.sidebar > .bloc_chiffre{
	padding: 50px 30px 15px 30px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.container-icone{
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	border: 5px solid #FFFFFF;
	padding: 5%;
	margin-right:25px;
	margin-left:8%;
	width:150px;
	height: 150px;
	position: relative;
}
.sidebar > .container-icone{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom:10px;
}
.page-quisommenous.container-icone > img{
	filter: invert(51%) sepia(63%) saturate(473%) hue-rotate(164deg) brightness(87%) contrast(96%);
}
.page-quisommenous.container-icone{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: 3px solid #203b70;
	padding: 5%;
	margin-right:25px;
	margin-left:3%;
	width:100px;
	height: 100px;
	position: relative;
	background-color: #FFFFFF;
}
a.commission{
	padding:10px 0px;
	background-color:#FFFFFF;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
a.commission:hover,a.commission:focus,a.commission:active{
	background-color:#8b7053;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
a.commission:hover > img,a.commission:focus > img,a.commission:active > 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;
}
img.icone_cle{
	max-height: 55%;
	max-width: 55%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.card-body{
	padding: 35px 15% 65px 15%;
	border-radius: 0px;
	border: none;
}
.card-img-top{
	border-radius: 0px;
	border: none;
}
a.card .card-hover{
	margin-right: 10px;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
a.card:hover .card-hover{
	margin-right:0px;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}

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

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

/***** Contenu des pages ***********/
/***********************************/
.accordion{
}
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-top:0px;
}
.accordion-item{
	border:1px solid #a7a9ac;
	border-left:0px;
	border-right: 0px;
	border-radius: 0px;
}
.accordion-button:not(.collapsed){
	font-size: 18px;
	font-weight: bold;
	background-color: #203b70;
	color:#FFFFFF;
	box-shadow:none;
}
.accordion-button{
	font-size: 18px;
	font-weight: bold;
	color:#203b70;
	background-color: #FFFFFF;
	box-shadow:none;
	padding:20px 15px;
}
.accordion-button::after {
 color:#203b70;
}
.accordion-button:focus{
	box-shadow:none;
	background-color: #203b70;
	color:#FFFFFF;
	-webkit-transition:all .20s linear;
	-moz-transition:all .20s linear;
	-o-transition:all .20s linear;
	transition:all .20s linear;
}
.btn-badge-filtre {
	background-color: rgba(138,113,83,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #8b7053;
	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(138,113,83,1);
	background-image:none;
	background-repeat: repeat-x;
	border: 1px solid #8b7053;
	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***************/
/****************************************/
/****************************************/
.menu-page-bloc{
	color:#FFFFFF;
	margin-bottom: 20px;
	padding: 8px;
}

.menu-page-bloc.active,.menu-page-bloc:hover, .menu-page-bloc:active,.menu-page-bloc:focus{
  background-color: #3d8ccb;
	cursor: pointer;
}
a.menu-niveau1 > .fa-tag{
	margin-left:-15px;
}
a.menu-niveau1{
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding-left: 17px;
	display: block;
}
a.menu-niveau1:hover{
 color:#FFFFFF;
}
a.menu-niveau2{
	font-size: 13px;
	font-weight:normal;
	text-align: left;
	margin-left:30px;
}
a.btn:hover{
	text-decoration:none;
}
/****************************************************/
/****************************************************/
/*********SIDEBAR*******************/
/****************************************************/
/****************************************************/
.bloc_actu_titre.slider-actualite-2 > h2.font36{
	font-size: 26px !important;
}
.border-sidebar{
	border-left:#cccccc 1px solid;
}
/****************************************************/
/****************************************************/
.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:#203b70;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
.content-page a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0%;
  right: 0%;
  bottom: 0;
  background:#203b70;
  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:#454242;
}
.content-page.noir a::before {
  background:#454242;
}
.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: "darkmode-on", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:900;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom:60px;
	color:#203b70;
	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:#203b70;
}
.content-page > h1{
	text-align: center;
	font-family: "darkmode-on", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight:900;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom:60px;
	color:#203b70;
	position: relative;
	padding-bottom: 15px;
}
.content-page > h1::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 40%;
	background-color:#203b70;
}
.content-page > h2, .wsp-container > h2{
	font-family: "darkmode-on", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	margin-top: 30px;
	margin-bottom:20px;
	color:#3d8ccb;
}
.content-page > h3{
	font-family: "darkmode-on", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom:20px;
	color:#454242;
}
.content-page > h4{
	font-family: "darkmode-on", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom:20px;
	padding-left: 25px;
	color:#454242;
}
.content-page > h5{
	font-family: "darkmode-on", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color:#454242;
	margin-top: 15px;
	margin-bottom:10px;
	padding-left: 25px;
}
.content-page > h6{
	font-family: "darkmode-on", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color:#454242;
	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:#3d8ccb;
}
.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:#ffffff;
	padding: 35px 5% 10px 5%;
	position: relative;
	z-index: 10;
}
.nav-footer li{
	padding:0px 5px 0px 5px;
}
.nav-footer li a {
	color: #FFFFFF;
	font-size:12px;
	font-weight:400;

	padding:0;
	padding-bottom:5px;
	text-decoration:none;
}
/************************************************************************************************************/
/***********************************************MODAL********************************************************/
/************************************************************************************************************/
.modal-backdrop{
	background-color:#203b70;
  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 **************************/
#slider-chiffres{
		margin-top:45px;
		margin-bottom:45px;
}
#slider-chiffres > .owl-dots > button.owl-dot,#slider-chiffres-2 > .owl-dots > button.owl-dot{
	 border-radius: 15px;
	 width:17px;
	 height: 17px;
	 background-color: #3d8ccb;
	 border: 1px solid #3d8ccb;
	 margin-left: 5px;
	 margin-right:5px;
}
#slider-chiffres > .owl-dots > button.owl-dot:hover, #slider-chiffres-2 > .owl-dots > button.owl-dot:hover{
	background-color: #6fcbe5;
	border: 1px solid #6fcbe5;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
#slider-chiffres > .owl-dots > button.owl-dot.active,#slider-chiffres-2 > .owl-dots > button.owl-dot.active{
	background-color: #6fcbe5;
	border: 1px solid #6fcbe5;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
#slider-chiffres > .owl-dots,#slider-chiffres-2 > .owl-dots{
	margin-top:20px;
	margin-right: 10px;
	margin-bottom: 25px;
	text-align: center;
}
.owl-carousel .owl-stage {
	 display: flex;
 }
.owl-carousel .owl-item > .item, .card-actualite, .card, .height100{
	 width: auto;
	 height: 100%;
 }
.linkcard{
 position: absolute;
 bottom: 5px;
 right:45px;
}
#slider-actualite,#slider-actualite-2{
	margin-top:-10px;
}
#slider-actualite > .owl-dots > button.owl-dot, #slider-actualite-2 > .owl-dots > button.owl-dot{
	 border-radius: 15px;
	 width:15px;
	 height: 15px;
	 background-color: #ac9f90;
	 border: 1px solid #ac9f90;
	 margin-left: 5px;
	 margin-right:5px;
}
#slider-actualite > .owl-dots > button.owl-dot:hover, #slider-actualite-2 > .owl-dots > button.owl-dot:hover{
	background-color: #ac8f6f;
	border: 1px solid #ac8f6f;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
#slider-actualite > .owl-dots > button.owl-dot.active, #slider-actualite-2 > .owl-dots > button.owl-dot.active{
	background-color: #ac8f6f;
	border: 1px solid #ac8f6f;
	-webkit-transition:all.40s linear;
	-moz-transition:all .40s linear;
	-o-transition:all .40s linear;
	transition:all .40s linear;
}
#slider-actualite > .owl-dots, #slider-actualite-2 > .owl-dots{
	margin-top:20px;
	margin-right: 10px;
	margin-bottom: 25px;
	text-align: center;
}

#slider-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;
}
/************************************************************************************************************/
/***********************************************FORMULAIRE***************************************************/
/************************************************************************************************************/
label{
  font-weight: 400;
}
.help-block{
  font-size:11px;
  margin:5px 0px 0px 0px;
}
.form-control{
	border-radius: 0px;
	border: 1px solid #203b70;
	font-size: 16px;

	  background-color: #fbf9f9;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default;
}
.form-group {
    margin-bottom: 25px;
}
.form-control:focus {
    color: #454242;
    background-color: #fbf9f9;
    border-color: #454242;
    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 #203b70;
	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: #203b70;
}
.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 #203b70;
	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: #203b70;
}
.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: #203b70;
  border-color: #203b70;
}
.checkboxlabel span::before {
  border: 2px solid #203b70;
}

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

/************************************************************************************************************/
/***********************************************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:25%;
		width:90%;
		left:5%;
		right:5%;
		text-align: left;
	}
	.container-icone{
		width:109px;
		height: 109px;
	}
	.container-arrondi {
	  margin-top:-120px;
	}
	.page-template > .container-arrondi{
		margin-top:-120px;
	}
	.container-img-agenda{
	  margin-top: -120px;
	}
	.mask1 {
		-webkit-mask-size: 85.5%;
	  mask-size: 85.5%;
	}
}
@media (max-width: 1400px) {
	img.logo_brancheOF{
		max-height:150px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	.page-template > .container-arrondi {
	  margin-top:-100px;
	}
	.container-arrondi {
	  margin-top:-100px;
	}
	.container-img-agenda{
	  margin-top: -120px;
	}
	.mask1 {
		-webkit-mask-size: 100%;
	  mask-size: 100%;
	}
}
@media (max-width: 1200px) {
	#slider-page > .slide-item-page > .slide-caption{
		top: 42%;
	}
	.container-icone{
		margin-left: 20%;
	}
	.container-chiffre{
		text-align: center;
	}

	#menu-navigation > li > a{
		font-size:14px;
	}
	footer{
		background-color:#ffffff;
		padding: 35px 0px 10px 0px;

	}
	img.logo_brancheOF.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_brancheOF{
		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;
	}
	.page-template > .container-arrondi {
		margin-top:-100px;
	}
	.container-arrondi {
	  margin-top:-100px;
	}
	.container-img-agenda{
	  margin-top: -102px;
	}
	.mask1 {
		-webkit-mask-size: 100%;
	  mask-size: 100%;
	}
}
@media (max-width: 1030px) {
	.page-template > .container-arrondi {
		margin-top:-90px;
	}
	.container-arrondi {
		margin-top:-90px;
	}
	#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) {
	.sub-menu li.menu-logo.menu-item{
		display: none;
	}
	.border-sidebar{
		border-left:none;
	}
	.container-icone{
		margin-left: 25%;
	}
	.sub-menu{
			background-color: rgba(255,255,255,0.5);
	}
	/** Version Navbar collapse fond bleu *//
	/* #navbar-navigation.navbar{
		background-image: url("img/bck_navbar_collapse.png");
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	} */
	#navbar-navigation > .container-fluid{
		justify-content:space-between;
		width: 100%;
		max-width: 991px;
	}
	footer{1906

		background-color:#ffffff;
		padding: 60px 8px 15px 8px;
	}
	img.logo_brancheOF_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_brancheOFinline_footer{
			max-height:30px;
			margin-top: -30px;
			margin-left:5px;
			-webkit-transition:all.40s linear;
			-moz-transition:all .40s linear;
			-o-transition:all .40s linear;
			transition:all .40s linear;
	}
	img.logo_brancheOF.minified{
		max-height: 60px;
		-webkit-transition:all.40s linear;
		-moz-transition:all .40s linear;
		-o-transition:all .40s linear;
		transition:all .40s linear;
	}
	#menu-header > li, #menu-header-1 > li{
	 padding: 8px 15px 0px 15px;
	 text-align: center;
 }
	.noslider{
		margin-top:35%;
	}
	.carousel-caption.slider-home p{
		font-weight:300;
		font-size:26px;
		line-height:32px;
	}
	.carousel-caption.slider-home h5{
		font-size:45px;
		line-height: 50px;
		margin-bottom:25px
	}
	#slider-home > .carousel-inner > .carousel-item > .bck_slide > .carousel-caption {
	    top:30%;
			bottom:inherit;
			width:94%;
			left:3%;
			right:3%;
	}
	.navbar-brand{
		margin-top:0px;
	}
	img.logo_brancheOF{
		max-height:60px;
	}
	.offcanvas.offcanvas-end{
		width:60%;
	}
	#navbar-navigation.navbar{
		padding-top:10px;
	}
	#menu-navigation{
		padding-left: 20px;
	}
	#menu-navigation > li{
		text-align: left;
		padding: 10px 0px 0px 0px
	}
	#menu-navigation > li > a  > br{
    display: none;
	}
	.card-body{
		padding: 35px 5% 65px 5%;
	}
	.page-template > .container-arrondi {
	  margin-top:-75px;
	}
	.container-arrondi {
	  margin-top:-75px;
	}
	.container-img-agenda{
	  margin-top:-95px;
	}
}
@media (max-width: 767px) {
	.page-template > .container-arrondi {
	  margin-top:-65px;
	}
	.container-arrondi {
	  margin-top:-65px;
	}
	.container-img-agenda{
	  margin-top:-95px;
	}
	.container-icone{
		margin-left: 20%;
	}
	.noslider{
		margin-top:45%;
	}
	.offcanvas.offcanvas-end{
		width:80%;
	}
	footer{
		padding: 60px 4px 15px 4px;
	}
	.bloc_actu_titre > h2.font36{
		font-size: 28px !important;
	}
}
@media (max-width:666px) {
	.page-template > .container-arrondi {
	  margin-top:-55px;
	}
	.container-arrondi {
	  margin-top:-55px;
	}
}
@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;
	}
	.picto_agenda{
		display: block;
	}
	.page-template > .container-arrondi {
	  margin-top:-45px;
	  padding: 70px 0px 0px 0px;
	}
	.container-arrondi {
	  margin-top:-45px;
	  padding: 70px 0px 0px 0px;
	}
	.container-icone{
		margin-left: 8%;
	}
	.bck_slide{
		background-position: bottom center;
	}
	#slider-home > .carousel-inner > .carousel-item {
	  height:inherit;
	}
	.carousel-caption.slider-home p{
		font-size: 18px;
		line-height: 22px;
	}
	.carousel-caption.slider-home h5{
		margin-top:50px;
		margin-bottom:20px;
		font-size: 35px;
		line-height: 42px;
	}
	.noslider{
		margin-top:55%;
	}
	.offcanvas.offcanvas-end{
		width:100%;
	}
	.picto_journal{
		margin-left: -10px
	}
	#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;
	}
	.page-template > .container-arrondi {
		margin-top:-30px;
	}
	.container-arrondi {
		margin-top:-30px;
	}
}

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


#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;
  }
}
.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;
}