.clear{float:none;clear:both;width:0;height:0;}
.clear-float::after {display: block;content: "";clear: both;}
header ul, footer ul{margin:0;padding:0;}
	header ul li, footer ul li{list-style:none;margin:0;padding:0;}
	.page-instit-img ul li{list-style: inherit;}
a{border:none;outline:none;text-decoration:none;color:inherit;}
a:focus, a:hover{text-decoration:none!important;outline:none;color:#87c16c;box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important;-spec-box-shadow: none!important;}
.form-control, button{border-radius: 0!important;-webkit-border-radius: 0!important;-ms-border-radius: 0!important;-o-border-radius: 0!important;-spec-border-radius: 0!important;}
button:focus, select:focus, input[type="text"]:focus,input:focus {outline:none;box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important;-spec-box-shadow: none!important;}
img{border:none;max-width:100%;}
.swiper-container {overflow: hidden;}
body{font-family:"sofia-pro", Arial;color:#181919;font-size:0.813rem;font-weight: 400;} 
	.big-wrapper{background:#ffffff;    overflow-x: hidden;}
strong{font-family: sofia-pro;font-weight: 700;}	
select{-webkit-appearance:none; -moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer}
/**remove select apparence IE****/
select::-ms-expand {display: none;}
.cursor-pointer {cursor: pointer;}	
.opacity-hover:hover{
	filter:brightness(110%);
	-moz-filter:brightness(110%);
	-webkit-filter:brightness(110%);
	-ms-filter:brightness(110%);
	-o-filter:brightness(110%);
	}
.color-white{color:#ffffff!important}
.color-green-s{color: #87c16c!important}
.color-red{color: #D3163A!important}
.bg-white{background:#ffffff!important}
.color-black-s{color: #181919;}
.empty-hide:empty{display: none;}
.menu-mob-overlay{background:rgba(28,28,27,0.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none}
.menu-overlay{background:rgba(31,27,28,0.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;}
.line-through{text-decoration:line-through}
	.visible-980{display:none}
.clear-float::after{content:""; display:block; clear:both}
.pi-uppercase{text-transform:uppercase}
.font-16{font-size: 1rem!important}
.font-18{font-size: 1.125rem!important}
.font-19{font-size: 1.188rem!important}
.font-20, .font-20 >*{font-size: 1.25rem}
	
.bg-green-s{background-color: #87c16c!important}
.bg-white-s{background-color:#ffffff!important}
.transition-bgcolor{ -webkit-transition:all  0.5s linear;
  -moz-transition:all  0.5s linear;
  -o-transition:all  0.5s linear;
  transition: all  0.5s linear; -spec-transition:all  0.5s linear;}

@media (min-width: 1320px){
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1520px;}
}

.line-through{text-decoration:line-through}
.stat, .stat img, .opti, .opti img {position: absolute;left: 0;height: 0;top: -90px;}


input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #181919;opacity:1;}
input::-moz-placeholder { /* Firefox 19+ */color: #181919;opacity:1;}
input:-ms-input-placeholder { /* IE 10+ */color:  #181919;opacity:1;}
input:-moz-placeholder { /* Firefox 18- */color:  #181919;opacity:1;}

.font-italic-pro{font-family: "sofia-pro";font-style: italic;font-weight: 400;}
.font-pro-bold{font-family: "sofia-pro";font-weight: 700;}
.nomargin-p p{margin: 0;}
/*=====================================
 				COMMUN
 =======================================*/
.header-sticky {padding:0 }
.header-body { position: fixed;width: 100%;background: rgba(255,255,255,0.90);left: 0; top: 0;z-index: 999;border-bottom: 1px solid #e6e6e6;}
.header-sticky>.container {position: relative;z-index: 2;}
	.top-header { font:400 0.875rem "sofia-pro"; padding:8px 0.625rem; color: #fff;background-color:#002C4C; position: relative;}
.phrase-admin p {margin:  0;}
.phrase-admin * {font-size: 0.875rem}
	.absolute-md {position: absolute;right: 0.938rem;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);z-index: 9;}
		.phrase-admin p {margin:  0;}
	.link-top-ul >li {padding: 0 12px;border-right: 1px solid #747D88}
	.link-top-ul >li:last-child {border-right: none;}
		.link-top-ul >li>a {display: block;position: relative;font-size:0.875rem;color:#ffffff; line-height: 0.625rem;}
		.link-top-ul >li>a:hover{color: #87c16c; text-decoration: none!important;}
#header{padding:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;position:relative;z-index: 2;}
	.visible-mobile{display:none}
	.visible-mobile-767{display:none} 	
			.logo-site a {position: relative;display: inline-block;} 
	.fixed-contact {position: relative;margin-bottom: -10px;margin-right: 15px;padding: 18px 15px 13px 15px;width: 100%;max-width: 230px;box-shadow: 2px 8px 9px -2px rgba(80,82,89,0.46);-webkit-box-shadow: 2px 8px 9px -2px rgba(80,82,89,0.46);-moz-box-shadow: 2px 8px 9px -2px rgba(80,82,89,0.46);border-radius: 0 0 10px 10px;z-index: 99;font-size: 15px;text-align: center;background-color: #fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}	
	.ctc-phone {color: #87c16c;font: 500 23px "sofia-pro";background: url("../images/ico_ctc.svg") no-repeat center left;display: inline-block;padding-left: 23px;text-align: left;}
	.letter-spacing{letter-spacing: 0.5px;    white-space: nowrap;}
	body.no-scrolling-popup{overflow:hidden!important}
.menu-mobile {float: right;width: 30%;display:none; margin-top:0.625rem}   
	.menu-mobile > div {float: left;text-align: center;width: 50%;}
		.menu-mobile-bloc a {display: inline-block;position: relative;max-width:3.75rem; text-align:center}
		.menu-mobile-bloc span {margin-top: 2px;font: 400 0.875rem "sofia-pro";padding-top: 2px;display: none!important;}

		.menu-mobile-bloc {position: absolute;top: 50%;left: 10px;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);padding-top: 0;z-index: 99;display: none;}
			.ctc-mobile {position: absolute;top: 50%;right: 30px;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);padding-top: 0;z-index: 99;}
	.close-menu-mob {display: none;position: absolute;color: #fff;right:15px;top:15px;z-index: 1;width:38px;height: 38px;text-align: center;padding: 8px;background: #87c16c;}
	.span-menu-mob{display: none;position: absolute;color: #87c16c;font:500 20px "sofia-pro";left: 23px;top: 25px;z-index: 1;text-transform: uppercase;}

	.menu-top {position: relative;z-index: 99;}
	.max-200{max-height:21rem; overflow-x:hidden!important; overflow-y:hidden}
	.max-100{max-height:100px; overflow-x:hidden!important; overflow-y:hidden}
	.scrollPerso.max-200{overflow-y: auto;}
/*****IIE STYLE*******/

.visible-fixed, .logo-site a>img + img{display: none}
@media only screen and (min-width:1251px) {
.hidden-desk{display: none;}
}
@media only screen and (min-width:1201px) {
	.visible-fixed, .logo-site a>img + img{opacity: 0; position: absolute;width: 100%;left: 0; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);margin-top: -3px; display: block;}
	.li-panier:hover >.panier-deroulant {opacity: 1;visibility:visible;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
	.li-favoris:hover >.favoris-deroulant {opacity: 1;visibility:visible;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
	
	.favoris-deroulant {padding-top: 46px}
	.absolute-md {margin-top: -2px;}
}

@media only screen and (min-width:1380px) {
.logo-site{max-width: 180px;}

}
@media only screen and (min-width:576px) {
	.show-br-mobile br{display: none;}
}
/*=================================
			NAVIGATION
==================================*/

.navigation-site {padding-top: 22px;padding-bottom:22px;position:relative; z-index:9;}

.back_menu{padding: 25px 0;font: 400 1rem "sofia-pro";color: #87c16c;}
		.onglets>.navItem {padding:0  10px 0 10px;}

				.onglets>.navItem >.navLink{display:block;color:#181919;font:400 1rem "sofia-pro";padding:0 1.563rem;position:relative; z-index:99999;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;border:none;position: relative; text-transform: uppercase; }
				.onglets>.navItem:hover >.navLink,.onglets>.navItem.active >.navLink {color: #87c16c;}


		.subMenu{position:absolute;width:100%;top:100%;left:50%;z-index:9999;display:none; text-align: left;padding-top: 85px;
    margin-top: -80px;max-width: 980px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);-spec-transform: translate(-50%,0);}
		.sub-menu-top{background-color:#fff;padding:30px; max-width: 980px;margin: auto}
				.sub-product{padding-left: 20px; padding-top: 20px}
				.sub-product li{padding-bottom: 20px}
				.sub-product a {color: #181919;font: 400 18px "sofia-pro";text-transform: lowercase;display: block;}
				.sub-product a:first-letter{text-transform: uppercase;}
				.sub-product a:hover {color: #87c16c;} 
				
	.logo-site img{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
body:not(.modal-open) .page-content{z-index: 3}
.navigation-site>.container{max-width: 100%;}
@media only screen and (min-width:1320px) 
{	.headerFixed .padding-fixed-ctc{padding-left: 3rem;}
}
@media only screen and (min-width:1201px) {
	.navigation-site{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}	
	.headerFixed .fixed-contact{font-size: 15px; padding-top: 9px;padding-bottom: 9px;margin-bottom: -37px;}
	.headerFixed  .logo-site img{max-width: 130px;}
	.headerFixed .navigation-site{padding-top: 15px; padding-bottom: 15px;}
	.headerFixed .onglets>.navItem >.navLink{font-size: 0.875rem;}

}
@media only screen and (min-width:1025px) {
	.navigation-site{display:block!important;}
	.liste-article .pi-row {margin: 0 -8px;}
	.back_menu{display: none;}
}
@media only screen and (min-width:992px) {	
	.navigation-site .mCustomScrollBox, .navigation-site .mCSB_container {position: static!important;overflow: visible;margin-right: 0!important;}
	.navigation-site  .mCSB_scrollTools{display: none!important;}
	.onglets>.navItem >.navLink::after{content:url('../images/after_item.svg') ; position: absolute;left: -10px;top: 50%;transform: translate(0,-50%);}
	.onglets>.navItem:first-child>.navLink::after{display: none;}
		.onglets>.navItem:hover >.navLink{color: #87c16c;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

		.onglets>.navItem:hover >.subMenu{display: block!important;}
		.onglets>.navItem.active >.navLink{color: #87c16c;}
}
.errorForm, .etoile,.surligne{color: #87c16c;} 
.max-container-2{max-width: 1200px; margin:auto; padding: 0 0.625rem }
.max-container-3{max-width: 1120px; margin:auto; padding: 0 0.625rem }
.max-container-4{max-width: 1000px; margin:auto; padding: 0 0.625rem }
.max-container-5{max-width: 1300px; margin:auto; padding: 0 0.625rem }
.max-container-6{max-width: 850px; margin:auto; padding: 0 0.625rem }
@media only screen and (min-width:1025px) {
	.px-20{padding-left: 20px; padding-right: 20px}
}
.icon_wrapper img {
	width: 31px; /* Ajustez la taille de l'icône */
	height: auto;
	margin-right: 5px; /* Ajoutez de l'espace si nécessaire */
}
.mon_compte, .se_connecter {
	margin: 5px;
}
.navbar__item.mon_compte span {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 14px;
	color: #333;
}

.navbar__item.mon_compte strong {
	font-weight: bold;
	color: #000;
}


/*====================================
			SLIDER
======================================*/
.bloc-slider {position: relative;}

.conteneur-slider{position:relative; z-index:1;background-attachment: fixed;background-size: cover;background-position: center;background-color: #333;}
/*.conteneur-slider img{opacity: 0;}*/
@media only screen and (min-width:992px) {

.conteneur-slider{/*max-height: 580px;*/overflow: hidden;}

}
.abs-bloc-index {position: absolute;bottom: -30px;box-shadow: 2px 8px 9px -2px rgba(80,82,89,0.46);-webkit-box-shadow: 2px 8px 9px -2px rgba(80,82,89,0.46);-moz-box-shadow: 2px 8px 9px -2px rgba(80,82,89,0.46);border-radius: 0 0 10px 10px;background: #fff;z-index: 9;padding: 15px;border-radius: 5px;left: 5%;font-size: 1rem;}
.bg-form-grey{background: url("../images/bg_form_grey.png") no-repeat left top; }
/*.conteneur-slider.max-contact{max-height: 420px;}*/
.conteneur-slider.max-contact + .ariane-box-nav{display: none;}
/*===============================
	 REINSURANCE INDEX
================================*/
.reinsurance-bloc {position: relative;z-index: 2;}
	.box-reinsurance {background: #79aa5a;border: 10px solid #fff;padding: 22px 15px;}
	.box-av-i {color: #fff;font:400 1rem "sofia-pro" ;}
	.box-av-i *{cursor: context-menu;}
	.box-av-i span{padding-top: 5px;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;}
	.box-av-i strong{transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;}
	@media only screen and (min-width: 991px){
		.reinsurance-bloc {margin-top: -65px;}
	}
	@media only screen and (min-width: 576px){
		.reinsurance-bloc .box-av-i:hover strong{margin-bottom: -2px!important;padding-top: 2px!important;position: relative; }
		.reinsurance-bloc .box-av-i:hover span{color: #fff;padding-top: 3px!important;padding-bottom: 2px!important; }
		}
/*===============================*
	 BLOC ABOUT  INDEX
================================*/
.btn-after-style {display: inline-block;width: 37px;height: 26px;border-radius: 0.5rem;-webkit-border-radius: 0.5rem;-ms-border-radius: 0.5rem;-o-border-radius: 0.5rem;text-align: center;padding-top: 3px;padding-left: 11px;margin-right: 0.625rem;}
.play-btn-about img{display: block;}
.play-btn-about {color: #181919;font: 700 1rem "sofia-pro";text-decoration: underline;}
.play-btn-about:hover{color: #bae2a6;}
.play-btn-about:hover .btn-after-style{background-color: #bae2a6!important;}
.has-border-bottom{border-bottom: 1px solid rgba(134,192,108,0.3);}

.absolute-img-border {border: 10px solid #fff;}

.left-pos {top: 50%;transform: translate(0, -50%);margin-top: 4rem;}
.left-pos.mt-other {margin-top: 6rem;}
.left-pos-bottom {left: -30px;top: 90%;}
.right-pos {right: -47%;top: -5%;    max-width: 65%;}
.left-pos-img {right: 10%;top: -5%;    max-width: 65%;}
.left-pos-gal {left: -30%;top: 0;    max-width: 45%;}

.block-texte + .content-paragraphe {padding-top: 0.5rem!important;}
.bloc-intro.pt-4 + .content-paragraphe,.bloc-intro.pt-4 +  .content-title-other {padding-top: 0.5rem!important;}
.block-menu{margin-bottom:100px;}
/*===============================
	 BTN
================================*/
.max-container-1 {max-width: 660px;margin:0 auto;}
.title-big,   .block-texte h2{font: 50px "Romana Becker Demi";color: #181919}
.title-big,   .block-texte h1{font: 50px "Romana Becker Demi";color: #181919}
	.title-medium{font: 2.875rem "Romana Becker Demi";}
	.title-mediumss{font: 2rem "Romana Becker Demi";}
	.block-texte h2 {font: 2.875rem "Romana Becker Demi";color: #87c16c;}
	.block-texte h1 {font: 2.875rem "Romana Becker Demi";color: #87c16c;}
	@media (max-width: 1024px) {
		.block-texte h1 {
			font-size: 2.25rem;
		}
	}
	@media (max-width: 767px) {
		.block-texte h1 {
			font-size: 1.5rem;
		}
	}
	.title-ss-regular {font :400 2.625rem "sofia-pro";}
	.title-big-regular {font : 3rem "Romana Becker Demi";}
	.title-ssm-med {font :700 18px "sofia-pro";}
	.text-grey {color: #686868;}
.wrapper-article-h .swiper-slide{height: auto;}
	.title-light-art:first-letter{text-transform: uppercase;}
	.sofiaregular-16 {font: 400 1rem "sofia-pro";}
	.sofiaregular-14 {font: 400 0.875rem "sofia-pro";}
	.sofiaregular-18 {font:400 18px "sofia-pro";}
	.sofiaMedium-font {font-family: "sofia-pro";font-weight: 500;}

	.titleregular-small {font:400 28px "sofia-pro";}
	.btn-link {background:#87c16c;display: inline-block;text-align: center;color: #fff;padding: 0.938rem 0.938rem;font: 400 1rem "sofia-pro";text-transform: uppercase;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0px;-o-border-radius: 0;position: relative;text-decoration: none;}
	.btn-link2 {background:#ffffff;display: inline-block;text-align: center;color: #fff;padding: 0.938rem 0.938rem;font: 400 1rem "sofia-pro";border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0px;-o-border-radius: 0;position: relative;text-decoration: none;}
	.btn-link2.is-connected {
		background: #ffffff;
		display: inline-block;
		text-align: center;
		color: #fff;
		padding: 0.5rem 0.5rem;
		font: 400 0.8rem "sofia-pro";
		position: relative;
	}
	.btn-link2.minw-sm{min-width: 10rem;}
	.btn-link-white {background:#fff;display: inline-block;text-align: center;color: #87c16c;padding: 0.938rem 0.938rem;font: 400 1rem "sofia-pro";text-transform: uppercase;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0px;-o-border-radius: 0;position: relative;border-color: #87c16c;}
		.btn-link:hover_ span{position: relative;z-index: 2;background-color: #bae2a6;}
	.btn-link.minw-sm{min-width: 10rem;}
	.btn-link.maxw-sm{max-width: 11.875rem;}
	.btn-link.minw-vsm{min-width: 130px;}
	.btn-link.mw-auto{min-width: 50px;}
	.btn-link.minw-verybig{min-width: 14.375rem;}
	.btn-link.bg-green2-s{background-color: #2a5b5e;}
	.btn-link.bg-green2-s:hover{background-color: #87c16c;} 
.border-w-btn{border:1px solid #fff}
.ctc-mobile-phone {background: url(../images/ico_phone.svg) no-repeat 5px 50%;padding-left: 2.188rem;font:500 17px "sofia-pro";color: #181919;line-height: 14px;display: block;text-align: left;padding-top: 20px; padding-bottom: 20px}
	.btn-link:hover, .btn-link:focus {color:#fff; text-decoration: none;}
.btn-link.other-radius-btn {padding-top: 0.75rem;padding-bottom: 0.75rem;font-size: 1rem;border-radius: 1.563rem;-webkit-border-radius: 1.563rem;-ms-border-radius: 1.563rem;-o-border-radius: 1.563rem;}
.btn-link.font-mini-btn {font-size: 0.8rem;padding-top: 0.7rem;padding-bottom: 0.7rem;}
	.hover-img-scale{overflow:hidden;}
	.hover-img-scale img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s}
	.hover-img-scale:hover  img, .box-style:hover .hover-img-scale  img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-spec-transform: scale(1.05);}
	.btn-link.has-icon span {display: block;text-align: left;}
span.icon-1 {padding-left: 30px;position: relative;}

.div-btn-green a {background:#87c16c;display: inline-block;text-align: center;color: #fff;padding: 0.938rem 0.938rem;font: 400 1rem "sofia-pro";text-transform: uppercase;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0px;-o-border-radius: 0;position: relative;}
    .div-btn-green a:hover_ span{position: relative;z-index: 2;background-color: #bae2a6;}
    
@media only screen and (min-width:1025px) {
.title-small-size-lg{font-size: 2.25rem!important;}
}

/*===============================
		ARTICLE COMMUN
================================*/ 
.fontsize-normal{font-size: 0.875rem}
.titlelarge-regular {font:400 55px "sofia-pro";}
.text-regular{font-family:"sofia-pro"; font-weight: 400; }
.text-sofiaMedium{font-family:"sofia-pro"; font-weight: 500; }  
.max-container-txt{max-width: 650px}
.bloc-collection-index {color: #ffffff}
.object-fit-img img{ object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover;}
.object-fit-img.w-not-100 img{width: auto;margin-left: auto;}
.object-fit-video iframe{height: 100%; object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover; width: 100%}
.object-fit-img.position-perso img{object-position: left center}
.title-perso-collection{font : 70px "Mathilde";color: #ffffff; line-height: 80%;}
 .btn-abs{position: absolute;top: 30px; left:50% ;}
@media only screen and (min-width:1200px) {
	.bloc-collection-index .title-perso-medium strong{line-height: 82%;}
	.bloc-collection-index .max-container-txt{padding-left: 1rem;}
	.desktop-static {position: static;}

}
@media only screen and (min-width:1023px) {
	.bloc-collection-index .text-grey{font-size: 14px;}
}
@media only screen and (min-width:768px) {
	.bloc-collection-index .object-fit-img img {min-height: 500px;}
}

	@media only screen and (min-width: 1201px){

		.mb-lg-5p{margin-bottom:30px!important}
		}
	.absolute-img-position{position: absolute;}
	.maxw-img{max-width: 400px;}
/*===============================
		reinsurance INDEX
================================*/

.text-grey p , .max-container-txt .text-grey{line-height: normal;}

img.w-100.img-absolute-art {display: none;}

.bg-perso-w {background-color: rgba(0,0,0,0);color: #fff;border-color: #fff;}
.bg-perso-dore{background-color: rgba(0,0,0,0);color: #87c16c;border-color: #87c16c;}
.btn-link.bg-perso-w:hover,.btn-link.bg-perso-w:focus {background: rgba(255,255,255,0.5)!important; color:#181919;}
.btn-link.bg-perso-dore:hover,.btn-link.bg-perso-dore:focus {background:#87c16c!important;color: #fff;}

.bg-perso-black{background-color: #181919;color: #fff;border: none!important;}
.btn-link.bg-perso-black:hover,.btn-link.bg-perso-black:focus {background-color: #333!important;border-color: #333!important;}
.btn-lg.big-txt {font-size: 1rem;}
.container-min-max{max-width: 1020px}
.overflow-hover{overflow:hidden;}
.big-link-hover{position: absolute;display: block;width: 100%; height: 100%; left: 0; top: 0}
.overflow-hover >img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; height: 100%; width: 100%; object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover;}
.overflow-hover:hover >img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-spec-transform: scale(1.05);}
.overflow-hover:hover .absolute-box-index .btn-link{background: rgba(255,255,255,0.5)!important; color:#181919;}
.img-opacity-0 img {height: 100%;object-fit: cover;-ms-object-fit: cover;-o-object-fit: cover;}

.overflow-hover a >img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; height: 100%; width: 100%; object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover;}
.overflow-hover a:hover >img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-spec-transform: scale(1.05);}
.radius-fit-img img {border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;-spec-border-radius: 100%;}



/*===============================
		FOOTEr
================================*/
.strong-colored p strong{color: #87c16c}
.strong-colored li{padding-left:10px}
.strong-colored ::marker {content: url('../images/after_item.svg');color: #87c16c; padding-right: 5px;}
footer {background: #2a5b5e;color: #fff;font:400 0.813rem "sofia-pro"}
.footer-bottom{background: url('../images/bg_footer.png') no-repeat right 195px bottom;padding-top: 50px; padding-bottom: 40px;}
.goToTop {bottom: 3.125rem;cursor: pointer;display: none;position: fixed;right: 1.063rem;text-align: center;width:45px;z-index: 9999;background-color:#22585e;border:2px solid #90abae}
.goToTop:hover{background-color: #87c16c;border-color: #87c16c;}
.ok-page-check{position: absolute;left: 30px; bottom: 30px;background-color: #1e4444;border-radius: 100%;}
.contact-footer-mobile {position: fixed;bottom: 0;width: 100%;left: 0;z-index: 9;font-size: 1.2rem;background: #1e4444;padding:5px 10px 5px 10px;color: #fff;}
.ctc-mob-icon {width: 4rem;height: 4rem;background: #79aa5a;border-radius: 100%;;display: flex;display: -ms-flex;align-items: center;-ms-align-items: center; -webkit-box-align: center; justify-content: center;margin-top: -5%;padding: 0.5rem;}

/********REASSURANCE*******/
.reinsurance-bloc-all {position: relative;z-index: 2;margin-top: -60px;margin-bottom: -35px;}
.box-reinsurance-all {background: #2a5b5e ;border: 10px solid #fff;padding: 16px 15px;}
.box-av{font:  2.25rem "Romana Becker Demi"; text-align: center;color: #fff;}
.box-av *{cursor: context-menu;}
.box-av strong{transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;display: block;}
.box-av span{line-height: normal;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;}
.box-av >span em{font:500 13px "sofia-pro";transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;}
.box-av-2 img {margin-left: 25px;}
.reinsurance-bloc-all .box-av-2  img.visible-hover{margin-left: 12px;}
@media only screen and (min-width: 576px){
	.reinsurance-bloc-all .box-av:hover >span span{margin-bottom: -6px!important;padding-top: 3px!important;position: relative; }
	.reinsurance-bloc-all .box-av:hover >span em{color: #87c16c;margin-top: -3px!important;padding-bottom: 3px!important;position: relative;}
	.reinsurance-bloc-all .box-av:hover{color: #87c16c;}
}
.padding-reinsurance{background-color: #fff;padding:1.625rem 2.188rem;}
.mp-0 p{margin-bottom: 0}
/*****RESEAU SOCIO**********/

.relative-99{z-index: 10; position: relative;}
.bg-fixed-reseau::after{position: absolute;width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.1); z-index: 9; top: 0; left: 0}

.visible-hover{position: absolute;left: 50%; top: 0;z-index:9 ; opacity: 0;-webkit-opacity: 0;-ms-opacity: 0;-o-opacity: 0;visibility: hidden;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);}
.ico-reseau{position: relative;}
.box-av:hover .visible-hover{opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-o-opacity: 1;visibility: visible;}
.box-av:hover .hidden-hover{opacity: 0.2;-webkit-opacity: 0.2;-ms-opacity: 0.2;-o-opacity: 0.2;}
.line-h-100{line-height: 100%;}

/********MENU**********/
.text-underline {text-decoration: underline;}
.title-menu-t {font : 400 1rem "sofia-pro"; text-transform: uppercase;padding-bottom: 0.938rem; margin-bottom: 0; color: #fff;}
	ul.toggle-m-c li {margin-bottom: 8px ;padding-top: 8px}

.phone-footer{font:400 1.625rem "sofia-pro"}
.contact-footer {display: block;padding:0.938rem 0.625rem;font : 400 14px "sofia-pro"; border : 1px solid #181919;max-width: 150px; text-align: center;}
	.contact-footer:hover, .contact-footer:focus{color: #fff; background-color:#87c16c; border-color : #87c16c; }
	.copy-text {font-family: sofia-pro;font-weight: 500;}
	.copy-text a {text-decoration: underline;}
.logo-footer {margin-bottom: 5px;}
	.logo-footer img {max-width:210px;width: 100%;}
.bloc-paiement-footer img{max-width: 100px;}
.menu-content .col-6.py-2.hidden-other-categ {display: none;}

.ariane-box {padding: 1rem 0;font:italic 400 1rem "sofia-pro";color: #686868!important;}
 .ariane-box *{font:italic 400 1rem "sofia-pro";color: #686868!important}
 .ariane-box h1{font-family: 'sofia-pro'; font-weight: 400;font-style: italic;}
.espace-client .ariane-box {padding: 1rem 0;font:italic 400 13px "sofia-pro";color: #686868!important;}
.espace-client .ariane-box *{font:italic 400 13px "sofia-pro";color: #686868!important}
  .ariane-box .breadcrumb-item+.breadcrumb-item::before{content: ">";color: #686868!important}
.ico-reseau-c{display: inline-block; margin: 0 0.625rem;} 

.bloc-map-contact{height:800px;background: #ccc}
.bg-map-contact {height:100%;background: url("../images/bg_map1.png") no-repeat center;/*background-attachment: fixed;background-size: cover;*/width: 1900px;margin-left:auto; margin-right:auto}
.parent-link-map {position: relative;width: 100%;max-width: 1445px;height: 100%;}
	.link-map {position: absolute;z-index: 2;}

	.link-map-1{left: 515px;top: 65px;}
	.link-map-2 {left: 140px;top: 300px;}
	.link-map-3 {left: 539px;top: 452px;}
	.link-map-4 {left: 885px;top: 315px;}
	.link-map-5 {right: 330px;top: 328px;z-index: 1;}
	.link-map-6 {right: 250px;top: 375px;}
	.link-map-7 {right: 250px;top: 500px;}
	.link-map-8 {right: 360px;top: 565px;}
	.link-map-9 {left: 870px;bottom: 80px;}
	.link-map-10 {right: -13px;top: 485px;}
/* Pulse */
@-webkit-keyframes hvr-pulse {
	25% {
	  -webkit-transform: scale(1.05);
	  transform: scale(1.05);
	}
	75% {
	  -webkit-transform: scale(0.95);
	  transform: scale(0.95);
	}
  }
  @keyframes hvr-pulse {
	25% {
	  -webkit-transform: scale(1.05);
	  transform: scale(1.05);
	}
	75% {
	  -webkit-transform: scale(0.95);
	  transform: scale(0.95);
	}
  }
  .hvr-pulse img{
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-pulse:hover img, .hvr-pulse:focus img, .hvr-pulse:active  img{
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
  }

.ariane-box-nav{padding: 0 1rem;}
@media only screen and (min-width:993px) {
	.max-w-paiement{max-width: 212px}
	.ariane-box-nav {position: absolute;left: 15px;top: 100%;padding: 0;}
	.ariane-box-nav.espace-client {position: relative;left: 15px;top: 100%;padding: 0;}
}
/*=============================
			LOCAUX PAGE
===============================*/
.title-banniere {position: absolute;left: 50%;top: 50%;transform: translate(-50%, 10px);color: #fff;font: 5rem "Romana Becker Demi";margin-top: -50px;}

.title-banniere span {position: relative;display: inline-block;text-align: center;}

.title-banniere span::after {width: 100%;content: "";position: absolute;left: 50%;bottom: -15px;background: #fff;height: 1px;max-width: 120px;transform: translate(-50%, 0);}

.title-banniere span:before {content: "";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #ffffff transparent transparent transparent;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: -25px;}
.simpleParallax img{transform: none!important;-webkit-transform: none!important;-ms-transform: none!important;-o-transform: none!important;}
/*=============================
			TARIF PAGE
===============================*/
.box-rate-shadow {padding-bottom: 20px;background: url("../images/box_shadow.png") no-repeat center bottom;background-size: 100% 50px;}

.box-rate-content {border: 10px solid #fff;background: url("../images/bg_offre.jpg") no-repeat center left;background-size: cover;padding:1.563rem 1.25rem;}
.txt-rate{font:500 2.063rem "sofia-pro"}
/********contaznct***********/
.contact-footer-instit{background:#ccc  /*url("../images/bg_contact.jpg") no-repeat center right*/;background-attachment: fixed;background-size: cover;padding: 30px 0.938rem; text-align:center;}
.contact-container{max-width: 1000px;width:100%; margin:auto}
.contact_form {margin: 25px auto;}

/**********FAQ*****************/
.card-header{cursor: pointer;}
.card-header.open {color: #87c16c;}

.card-header.open i::before{color: #87c16c;content: '\e8cd';} 
/*===============================
	FAQ INDEX
================================*/
.bloc-faq-index .accordion-bit{    -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;    padding-left: 1rem;padding-right: 1rem;}
@media only screen and (min-width:768px) {
.bloc-faq-index .faq-answer{display: block !important;height: auto !important;transition: none !important;overflow: visible !important;}
.bloc-faq-index .accordion-bit{    -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.bloc-faq-index .d-none-index{display: none;}
.bloc-faq-page  .card-header{font-size: 1rem!important;}
.bloc-faq-index .card-header{cursor: default;}
}

/*=============================
		FILE
===============================*/
.text-link-color a{color: #87c16c; text-decoration: underline;}
.custom-file-btn .custom-file-input {height: 100%;cursor: pointer;}
.custom-file-btn .custom-file-input {position: relative;z-index: 2;width: 100%;height: calc(1.7em + 0.75rem + 2px);margin: 0;opacity: 0;}
.custom-file-btn .custom-file-label {background: #181919;text-align: center;font:300 18px "sofia-pro";padding: 12px 30px;color:#F2F2F2;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-spec-border-radius: 0;border: none;cursor: pointer;    display: block;position: relative;height: auto;max-width: 460px;margin: auto; }
.custom-file-btn  .custom-file-label::after{display: none;}
.font-italic{font-family: "sofia-pro" ;font-weight: 300;font-style: italic; }
	.progress-content .progress {height: 7px;border: 1px solid #ccc;background: #fff;max-width: 200px;margin: auto;}
	.progress-content {padding-top: 27px;text-align: center;}
.bg-black{background-color: #181919}
.title-configbit{font :300 2.188rem "sofia-pro";padding-bottom: 20px}

div#sylius_contact_attachment_list {display: flex;display:-ms-flex;margin-top: 0.625rem;}

div.MultiFile-label {   padding: 25px 0.938rem 5px;background: #87c16c;margin-right: 0.938rem;color: #fff;}

a.MultiFile-remove {font-weight: bold;vertical-align: middle;display: inline-block;font-size: 0.813rem;color: #fff}
div.MultiFile-label * {line-height: normal;vertical-align: text-top;}

.btn_print_4 input{max-width: 200px;margin-left: auto;margin-right: auto;border: none;} 

h2.ui.center.aligned.icon.header {text-align: center;} 
.sortable a:hover {color: rgba(255,255,255,0.5);}
body:not(.modal-open) .modal-backdrop.show {opacity: 0!important;display: none!important;}

.block-form {  padding-top: 50px;  padding-bottom: 50px;background: #f4f4f4 url("../images/bg_contact.jpg") no-repeat center;background-attachment: fixed;background-size: cover;font-size: 1rem;}

.block-form form {max-width: 850px;margin: auto;padding: 25px;}
.block-form form label{color: #000;font-size: 14px;display: block;margin-bottom: 0;padding-bottom: 10px;}
.block-form form input[type="email"],.block-form form input[type="text"] ,.block-form form input[type="tel"]  {height: 40px;width: 100%;border: 1px solid  rgba(255,255,255,0.8);border-radius: 0;padding: 5px 12px;background-color: rgba(255,255,255,0.8);font-size: 14px;}
.block-form form input[type="email"]:focus,.block-form form input[type="text"]:focus,.block-form form input[type="tel"]:focus {border-color: #2a5b5e;}
.block-form form>div>div{padding-bottom: 10px;}
.block-form form textarea{min-height: 150px;width: 100%;border: 1px solid  rgba(255,255,255,0.8);border-radius: 0;resize: vertical;padding: 15px 12px;background-color: rgba(255,255,255,0.8);font-size: 14px;outline: 0;}
.block-form form textarea:focus{border-color: #2a5b5e;}
.block-form form button {background: #2a5b5e;display: inline-block;text-align: center;color: #fff;padding: 0.938rem 0.938rem;font: 400 1rem "sofia-pro";text-transform: uppercase;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0px;-o-border-radius: 0;position: relative;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;min-width: 11rem;border: none;}
.block-form form button:hover, .block-form form button:focus{background-color: #87c16c;}
/************COOKIES*********/
#modalCookies2 .ch-cookie-consent__category label{border-radius: 0!important;-webkit-border-radius: 0!important;-ms-border-radius: 0!important;-o-border-radius: 0!important;-spec-border-radius: 0!important;margin-bottom: 0;}
#modalCookies2 .ch-cookie-consent__category-toggle input:checked+label,#modalCookies .ch-cookie-consent__category-toggle input+label:hover{background-color: #87c16c!important;}
#modalCookies2 .ch-cookie-consent h4 {font-size: 12px;}
#modalCookies2 .ch-cookie-consent__category{padding: 10px 0;align-items: center;-webkit-align-items: center;}
.ch-cookie-consent__category-group {margin-left: auto; margin-right: auto;max-width: 600px;}
#modalCookies2 a.ch-cookie-consent__read-more,.ch-cookie-consent__toggle-details span {text-decoration: underline;color: #fff ;margin-left:5px;font-weight: bold;cursor: pointer;}
.ch-cookie-consent__toggle-details span:hover{text-decoration: none;}
h3.ch-cookie-consent__title {color: #fff;text-align: center;font-size: 14px;}
#modalCookies2 {position: fixed;bottom: 0;width: 100%;padding:15px;background:#181919;z-index: 9999;color: #fff;text-align: center;display: none;}
.ch-cookie-consent__toggle-details-hide {display: none;}
.ch-cookie-consent__category-group {display: none;    position: fixed;width: 100%;max-width: 400px;transform: translate(-50%, -50%);padding: 15px;background: #fff;z-index: 99;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);z-index: 99;}
button#cookie_consent_use_all_cookies{    justify-content: center;-ms-justify-content: center;margin-top: 0;}
button.close-me {position: absolute;right: -14px;border: none;background:#87c16c;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;-spec-border-radius: 100%;font-size: 20px;font-weight: bold;color: #fff;padding: 0;width: 30px;height: 30px;line-height: 5px;top: -11px;text-align: center;}
button#cookie_consent_use_only_functional_cookies {background: none;color: #333!important;min-width: auto;padding: 0;text-decoration: underline;margin-right: 10px; border: none;margin-top: 0; justify-content: center;-ms-justify-content: center;}
.ch-cookie-consent{background: none!important;}
body .loading-overlay {position: fixed;background: rgba(0, 0, 0, 0.1);}
.ch-cookie-consent .btn{background: #87c16c ;color:#fff!important; text-align:center;  width: auto;margin-top:0; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0;-o-border-radius: 0;-spec-border-radius: 0;padding: 5px 20px }
.loading-overlay-c {position: fixed;top: 0;left: 0;z-index: 9;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}
.ch-cookie-consent__category-toggle input:checked+label, .ch-cookie-consent__category-toggle input+label:hover{background-color: #eb9a36!important;}
.ch-cookie-consent__category:first-child {border-top: none;}
.close-cookies{background:#fff url("../images/closemenu.png") no-repeat center;font-size: 0;padding: 15px; position: absolute;right:0 ; top:0}
.ch-cookie-consent__btn-wrapper {margin-bottom: 0!important;}
.ch-cookie-consent__form{vertical-align: middle}
.ch-cookie-consent__category-information {text-align: left;}

/*****popip contact******/
body #modal-reserve .modal-dialog {max-width: 600px;}
body .modal-dialog .close{background:  #87c16c url("../images/closemenu.png") no-repeat center;font-size: 0;margin-right: 0;opacity: 1;position: absolute;right: 0;top: 10px;margin: 0;}
.font-12{font-size: 0.825rem;}
.block-form-site   input[type="email"],  .block-form-site form input[type="text"],  .block-form-site form input[type="tel"]{ height: 40px;width: 100%;border: 1px solid #ccc;border-radius: 0;padding: 5px 12px;background-color: #ffffff;font-size: 14px;}
.block-form-site form>div {padding-bottom: 10px;}
body #modal-reserve .modal-header{border-color: #87c16c;}
body #modal-reserve  .modal-content{border-color: #87c16c;}
.onglets>.navItem > .navLink.btn-link {padding: 10px;font-size: 0.725rem;color: #fff;}

.mb-4 {
	margin-bottom: 40px;
}
.mt-4 {
	margin-top: 40px;
}
.mt-15 {
	margin-top: 15px;
}
    /*@media only screen and (max-width: 1200px){ .onglets>.navItem > .navLink.btn-link {display: none!important;}}*/

/**** Détails ****/
.titre-details h2{color: #000000!important;}
.bloc-details{
	font-size: 15px !important;
}
.bloc-details ul {
	list-style-type: none; /* Masque les puces de liste par défaut */
	padding: 0;
}

.bloc-details ul li {
	display: flex;
	align-items: center;
	padding-left: 0; /* Supprime le padding initial car l'icône est maintenant en flex */
	margin-bottom: 8px; /* Espace entre les éléments de la liste */
	min-height: 60px;
}

.bloc-details ul li:before {
	content: "";
	width: 24px; /* Taille de l'icône */
	height: 24px;
	margin-right: 8px; /* Espace entre l'icône et le texte */
	background-image: url('../images/ico_check.png'); /* Chemin de l'icône */
	background-size: contain;
	background-repeat: no-repeat;
	flex-shrink: 0; /* Empêche l'icône de se redimensionner */
}


/**** Détails ****/

/**** STEP reservation ****/
.kl-step-menu {
	list-style: none;
	text-align: center;
}
.kl-step-menu li{
	display: inline-block;
	padding: 0 20px;
}
.kl-step-menu li.active{
	font-weight: bold;
	font-style: italic;
}
.kl-step-menu li.active::before {
    display: block;
    background: #86c06c;
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: auto;
}
.bg-grey {
	background-color: #f7f7f7;
}
.kl-step-return {
	position: absolute;
}
.kl-block-nav {
	padding: 20px 30px;
}
.kl-img-illustration {
	width: 110px;
	padding-left: 15px;
	padding-right: 20px;
}
.m-a {
	margin: auto;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mt-10 {
	margin-top: 10px;
}
.fs-16 {
	font-size: 16px;
}
.fs-12 {
	font-size: 12px;
}
.kl-formInput {
  border-radius: 50px !important;
  height: 33px;
  border: solid 1px green;
  width: 100px;
  display: inline;
}

.bg-green-avocate {
	background-color: #22585e;
}
.txt-green {
	color: #85c06c;
}
.txt-gris {
	color: #4e628d;
}
.txt-white {
	color: white;
}
.btn-small-link:hover {
	background-color: #87c16c;
}
.btn-small-link {
	background-color: transparent;
	border: solid 1px #87c16c;
	border-radius: 0;
  color: white !important;
  padding-left: 20px;
  padding-right: 20px;
	-webkit-transition:all  0.5s linear;
  -moz-transition:all  0.5s linear;
  -o-transition:all  0.5s linear;
  transition: all  0.5s linear; -spec-transition:all  0.5s linear;
}

/**
style page Accès utilisateur
**	Début  **
 */

.form-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between; /* Pour s'assurer que le contenu est bien distribué */
	flex: 1;
	background-color: white;
	padding: 20px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.row.d-flex {
	display: flex;
	gap: 20px; /* Pour ajouter un écart entre les colonnes si nécessaire */
}

.col-md-4.d-flex {
	display: flex;
	align-items: stretch; /* Assure que les deux colonnes ont la même hauteur */
}

.header-text {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.desc-login{
	line-height: 2.6; /* Ajuste la hauteur des lignes */
	word-spacing: 2px;
	font-family:Arial;
}

.forgot-password-link {
	font-size: 13px;
	color: #6c757d ;
}

.forgot-password-link:hover {
	text-decoration: underline;
}

.btn-custom {
	background-color: #4CAF50;
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 4px;
}

.btn-custom:hover {
	background-color: #45a049;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.content {
		padding: 20px;
	}

	.form-container {
		margin-bottom: 20px;
	}
}

label {
	cursor: pointer;
}
label.required {
	margin-right: 20px;
}

.hide {
	display: none !important;
}

.form-error {
	border-color: red !important;
}

/* Applique une bordure arrondie et verte aux champs de saisie */
.form-control.kl-form-input, .form-control.login {
	border-radius: 40px!important; /* Arrondi de la bordure */
	border: 1px solid #86c06c; /* Bordure verte */
	padding: 10px; /* Optionnel : espace intérieur pour une meilleure apparence */
	height: 45px;
}

/* Changement de couleur et effet pour le champ au focus */
.form-control.kl-form-input:focus, .form-control.login:focus {
	border-color: #45a049; /* Couleur légèrement plus foncée lors du focus */
	box-shadow: 0px 0px 5px rgba(69, 160, 73, 0.5); /* Effet d'ombre légère */
}

.btn-login{
	display: inline-block; /* Garde le bouton à la taille de son contenu */
	border-radius: 0!important;
	width: 50%!important;
	background-color: #86c06c;
	padding: 10px 20px;
}
/**
style page Accès utilisateur
**	Fin  **
 */

input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  cursor: pointer;
  border: 2px solid #86c06c;
  transition: background-color 0.3s ease;
  width: 15px;
  height: 15px;
  border-radius: 4px;
}
input[type="checkbox"]{
  width: 15px;
  height: 15px;
  border: 2px solid #86c06c;
  border-radius: 4px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.3s ease;
}
input[type="checkbox"]:checked {
  background-color: #86c06c; /* Couleur de fond */
  border-color: #388E3C;
}

/* Optionnel : ajouter une icône ou une marque de validation */
input[type="checkbox"]::after {
  font-size: 8px;
  align-items: center;
  justify-content: center;
  content: '✔'; /* Symbole de validation */
  color: white;
  display: flex;
}

/* Style de l'apparence personnalisée */
input[type="radio"] {
    display: none;
}
.custom-radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #86c06c; /* Couleur verte */
    border-radius: 50%; /* Cercle */
    background-color: white; /* Couleur par défaut */
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: -5px;
}

/* Style quand le bouton radio est coché */
input[type="radio"]:checked + .custom-radio {
    background-color: #86c06c; /* Change le fond en vert sapin */
}

.kl-choicieCr.active {
	color: #87c16c !important;
}
/*.kl-choicieCr.active:before {
    color: #87c16c;
}
.kl-choicieCr:before {
    content: "a";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 50%;
    margin-right: 15px;
    border: solid 2px #87c16c;
}*/
.kl-choicieCr.active {
    background-image: url(../images/ico_check.png);
}
.kl-choicieCr {
    background-image: url(../images/ico_nocheck.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left;
    padding-left: 35px;
}

#id_loadingPage {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1040;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    top: 0;
}

/* Personnalisation modal bootstrap*/
.close {
	display: none;
}
.modal-title, .modal .mdl-title {
	text-transform: unset !important;
}
.title-admin {
	border-bottom: solid 1px #DDD;
}
.kl-cursor {
	cursor: pointer;
}
.table-icon {
	font-size: 17px;
}
/* Ajoute un cercle intérieur pour indiquer la sélection
input[type="radio"]:checked + .custom-radio::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

.btn-connect{
	margin-left: auto;
	color: #333;
	border: 1px solid #333;
	padding: 0.938rem 0.938rem;
	border-radius: 4px;
	text-decoration: none;
}
.btn-connect.is-connected{
	margin-left: auto;
	color: #333;
	border: 1px solid #333;
	padding: 0.5rem 0.5rem;
	border-radius: 4px;
	text-decoration: none;
}
.btn-connect:hover{
	background: #f0f0f0 !important;
	border-color: #666 !important;
}
.to-upper{
	text-transform: uppercase;
}