/***** fonts *****/
@font-face{
    font-family: "SuisseIntl-Bold";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/suisseintl_bold.eot");
    src: url("../fonts/suisseintl_bold.eot?#iefix")format("embedded-opentype"),
        url("../fonts/suisseintl_bold.woff2")format("woff2"),
        url("../fonts/suisseintl_bold.ttf")format("truetype"),
        url("../fonts/suisseintl_bold.svg#SuisseIntl-Bold")format("svg");
}
@font-face{
    font-family: "SuisseIntl-SemiBold";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/suisseintl_semibold.eot");
    src: url("../fonts/suisseintl_semibold.eot?#iefix")format("embedded-opentype"),
        url("../fonts/suisseintl_semibold.woff2")format("woff2"),
        url("../fonts/suisseintl_semibold.ttf")format("truetype"),
        url("../fonts/suisseintl_semibold.svg#SuisseIntl-SemiBold")format("svg");
}
@font-face{
    font-family: "SuisseIntl-Medium";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/suisseintl_medium.eot");
    src: url("../fonts/suisseintl_medium.eot?#iefix")format("embedded-opentype"),
        url("../fonts/suisseintl_medium.woff2")format("woff2"),
        url("../fonts/suisseintl_medium.ttf")format("truetype"),
        url("../fonts/suisseintl_medium.svg#SuisseIntl-Medium")format("svg");
}
@font-face{
    font-family: "SuisseIntl-Regular";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/suisseintl_regular.eot");
    src: url("../fonts/suisseintl_regular.eot?#iefix")format("embedded-opentype"),
        url("../fonts/suisseintl_regular.woff2")format("woff2"),
        url("../fonts/suisseintl_regular.ttf")format("truetype"),
        url("../fonts/suisseintl_regular.svg#SuisseIntl-Regular")format("svg");
}
@font-face{
    font-family: "RecklessNeue-Medium";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/recklessneue_medium.eot");
    src: url("../fonts/recklessneue_medium.eot?#iefix")format("embedded-opentype"),
        url("../fonts/recklessneue_medium.woff2")format("woff2"),
        url("../fonts/recklessneue_medium.ttf")format("truetype"),
}
@font-face{
    font-family: "RecklessNeue-Regular";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/recklessneue_regular.eot");
    src: url("../fonts/recklessneue_regular.eot?#iefix")format("embedded-opentype"),
        url("../fonts/recklessneue_regular.woff2")format("woff2"),
        url("../fonts/recklessneue_regular.ttf")format("truetype"),
}


/***** variables *****/
:root {
	--gradient: linear-gradient(120deg, #003b3f 0%, #000 85%);
	--gradientReverse: linear-gradient(120deg, #000 0%, #003b3f 85%);
	--gradientLinear: linear-gradient(90deg, #003b3f 0%, #000 85%);
	--gradientLinearReverse: linear-gradient(90deg, #000 0%, #003b3f 85%);
	--sandstone1: #f8f8f7;
	--sandstone2: #f5f4Ed;
	--sandstone3: #ecebe7;
	--softblue: #e5ebff;
	--softblack: #021c1d;
	--teal: #005a60;
	--darkteal: #003b3f;
	--orange: #ff5200;

	--marginTB: clamp(70px, 8vw, calc(120px + 2vw)) auto;
	--marginT: clamp(70px, 8vw, calc(120px + 2vw));
	--marginB: clamp(70px, 8vw, calc(120px + 2vw));

	--paddingTB: clamp(70px, 8vw, calc(120px + 2vw)) 0;
	--paddingT: clamp(70px, 8vw, calc(120px + 2vw));
	--paddingB: clamp(70px, 8vw, calc(120px + 2vw));
	
	--wrapperXS: 1000px;
	--wrapperS: 1200px;
	--wrapperM: 1600px;
	--wrapperL: 2000px;

	--radiusXS: 6px;
	--radiusS: 10px;
	--radiusM: clamp(12px, 1.8vw, 18px);
	--radiusL: clamp(16px, 2.6vw, 30px);
	--radiusXL: clamp(20px, 3.4vw, 50px);
}
@media (max-width:1200px) {
	:root {


	}
}
@media (max-width:1000px) {
	:root {
	--marginTB: clamp(45px, 12vw, 70px) auto;
	--marginT: clamp(45px, 12vw, 70px);
	--marginB: clamp(45px, 12vw, 70px);

	--paddingTB: clamp(45px, 12vw, 70px) 0;
	--paddingT: clamp(45px, 12vw, 70px);
	--paddingB: clamp(45px, 12vw, 70px);
	}
}
@media (max-width:700px) {
	:root {
	--radiusXS: 6px;
	--radiusS: 8px;
	--radiusM: 10px;
	--radiusL: 14px;
	--radiusXL: 16px;
	}
}


/***** reset *****/
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display: block;}  
input, textarea							{ -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0;}
*          								{ outline: none;}
strong, b								{ font-weight: 500; font-size: clamp(15px, 1.3vw, 17px); font-family: "SuisseIntl-Medium";}
ul										{ list-style-type: none;}
body									{ font: 400 clamp(14px, 1.2vw, 16px)/180% "SuisseIntl-Regular"; letter-spacing: 0.2px; color: var(--softblack); background: var(--sandstone1); position: relative;}
body.active_overflow					{ height: 100vh; overflow: hidden;}
a										{ text-decoration: none; position: relative; color: var(--softblack);}
p										{ margin-bottom: clamp(10px, 2vw, 15px);}
img										{ border: none;}
main 									{ position: relative; z-index: 10;}
#wrapper 								{ min-width: 320px; position: relative;}
#wrapper *								{ box-sizing: border-box;}
#footer 								{ position: relative; z-index: 15;}

@media (max-width:1200px) {
body									{ font-size: clamp(13px, 2.8vw, 15px);}
strong, b								{ font-size: clamp(14px, 3vw, 16px);}
}
@media (max-width:700px) {
body									{ line-height: 170%; letter-spacing: 0;}
}



/***** transition *****/
@media (min-width:1201px) {
.link, .slick-arrow, :before, :after, a, a span { transition: all 200ms ease-in-out;}
}


/***** class *****/
.wrapper_small							{ width: 90vw; max-width: var(--wrapperXS); margin: 0 auto; position: relative;}
.wrapper 								{ width: 90vw; max-width: var(--wrapperS); margin: 0 auto; position: relative;}
.wrapper_medium							{ width: 90vw; max-width: var(--wrapperM); margin: 0 auto; position: relative;}
.wrapper_large							{ width: 90vw; max-width: var(--wrapperL); margin: 0 auto; position: relative;}
.wrapper_full							{ margin-inline: 5vw; position: relative;}

.color_softblack  						{ color: var(--softblack);}
.color_softblue  						{ color: var(--softblue);}
.color_orange  							{ color: var(--orange);}
.color_white  							{ color: #fff;}

.bg_gradient, 							
.bg_gradient_reverse,					
.bg_gradient_linear, 					
.bg_gradient_linear_reverse				{ color: #fff; padding-block: var(--paddingT); border-radius: var(--radiusXL); position: relative;}	

.bg_gradient 							{ background: var(--gradient);}
.bg_gradient_reverse					{ background: var(--gradientReverse);}
.bg_gradient_linear 					{ background: var(--gradientLinear);}
.bg_gradient_linear_reverse				{ background: var(--gradientLinearReverse);}

.bloc_gradient 							{ background: var(--gradient);}
.bloc_white 							{ background: #fff; border: 1px solid var(--sandstone3);}
.bloc_sandstone 						{ background: var(--sandstone3);}
.bloc_softblue 							{ background: var(--softblue);}
.bloc_softblack							{ background: var(--softblack);}
.bloc_orange							{ background: var(--orange);}

.bloc_gradient,
.bloc_white,
.bloc_sandstone,
.bloc_softblue,
.bloc_softblack,
.bloc_orange							{ border-radius: var(--radiusL); padding: clamp(20px, 3.5vw, 60px); position: relative;}

.bloc_gradient :last-child,
.bloc_white :last-child,
.bloc_sandstone :last-child,
.bloc_softblue :last-child,
.bloc_softblack :last-child,
.bloc_orange :last-child 				{ margin-bottom: 0;}

.bloc_inner 							{ border-radius: var(--radiusM); padding: clamp(20px, 3vw, 40px); margin: clamp(20px, 3.5vw, 30px) 0;}
.bloc_inner :last-child					{ margin-bottom: 0;}

.clear									{ clear: both; display: block;}
.anchor									{ position: absolute; left: 0; top: -140px;}
.hide 									{ display: none;}
.align_center 							{ text-align: center;}
.read_more								{ display: inline-block; color: var(--orange); cursor: pointer; transition: color 300ms ease-in-out;}

.titre_main	 							{ font: 600 clamp(28px, 3vw, 48px)/120% "SuisseIntl-Semibold"; position: relative; margin-bottom: clamp(10px, 1.2vw, 15px);}
.titre_main	span						{ display: inline-block; margin: 0;}
.titre_main.bigger						{ font-size: clamp(45px, 4.6vw, 70px); line-height: 110%;}
.titre_main.smaller 					{ font-size: clamp(22px, 2.4vw, 36px); line-height: 130%;}
.titre_main.fitter 						{ font-family: "SuisseIntl-Medium"; font-weight: 500;}

.titre_serif							{ font: 500 clamp(30px, 3.1vw, 50px)/120% "RecklessNeue-Medium"; position: relative; margin-bottom: clamp(10px, 1.2vw, 15px);}
.titre_serif.smaller					{ font-size: clamp(24px, 2.5vw, 38px); line-height: 140%;}

.titre	 								{ font: 500 clamp(20px, 2.2vw, 32px)/140% "SuisseIntl-Medium"; position: relative; margin-bottom: clamp(10px, 1.2vw, 15px);}
.titre span								{ margin: 0;}
.titre .titre_serif 					{ font-size: clamp(22px, 2.3vw, 34px);}

.sous_titre 							{ font: 500 clamp(18px, 2vw, 30px)/140% "SuisseIntl-Medium"; position: relative; margin-bottom: clamp(10px, 1.2vw, 15px);}
.sous_titre.smaller						{ font-size: clamp(16px, 1.8vw, 24px); line-height: 150%;}
.sous_titre .titre_serif 				{ font-size: clamp(20px, 2.1vw, 32px);}
.sous_titre.smaller .titre_serif 		{ font-size: clamp(18px, 1.9vw, 26px);}

.chapo		 							{ font: 400 clamp(16px, 1.6vw, 20px)/170% "SuisseIntl-Regular";margin-bottom: clamp(10px, 1.2vw, 15px);}
.chapo span	 							{ display: block; margin-bottom: clamp(10px, 1.22vw, 15px);}
.chapo.smaller 							{ font-size: clamp(18px, 1.3vw, 20px);}
.chapo.bigger 							{ font-size: clamp(24px, 2vw, 46px); line-height: 150%;}
.chapo a 								{ color: var(--softblack);} 
.chapo a:not(.link):after 				{ width: 13px; height: 13px; background: url(../images/arrow_sup.svg) 100% 0 no-repeat; display: inline-block; margin: 0 1px -2px 0; content: "";}
.chapo a:not(.link):hover 				{ filter: brightness(1.5); }

.txt_size_m 							{ font-size: clamp(16px, 1.4vw, 20px);}

.link 									{ font: 400 16px/48px "SuisseIntl-Regular"; letter-spacing: 0.6px; height: 50px; display: inline-block; color: #fff; padding: 0 28px; border-radius: var(--radiusXS); border-radius: 25em; background: linear-gradient(to top, var(--orange) 0% 50%, var(--softblack) 50% 100%); background-size: 100% 205%; background-position: 0 100%; overflow: hidden; position: relative; transition-duration: 300ms;}
.link span								{ position: relative; z-index: 5;}
.link_small								{ height: 42px; line-height: 40px; padding: 0 22px; font-size: 14px;}
.link_blue								{ background-image: linear-gradient(to top, var(--softblue) 0% 50%, var(--softblack) 50% 100%); color: var(--softblack); border-radius: 25em;}

.link_txt_arrow 						{ font: 400 16px/46px "SuisseIntl-Regular"; display: inline-block; padding-left: 60px; position: relative; color: var(--softblack);}
.link_txt_arrow:before 					{ width: 46px; height: 46px; position: absolute; left: 0; top: 0; background: url("../images/arrow_b.svg") 50% no-repeat var(--softblue); border-radius: var(--radiusXS); content: "";}

.ul_list								{ margin-bottom: clamp(10px, 2vw, 15px);}
.ul_list li								{ padding: 0 0 0 20px; position: relative; margin-top: clamp(5px, 1.2vw, 10px);}
.ul_list li:before						{ width: 8px; height: 8px; position: absolute; left: 0; top: 10px; background: var(--softblack); border-radius: 2px; content: "";}
.ul_list li:last-child					{ margin-bottom: 0;}

.ol_list 								{ list-style: none; counter-reset: item; margin: clamp(15px, 2vw, 20px) 0;}
.ol_list li 							{ position: relative; padding-left: 34px; margin-bottom: clamp(8px, 1.2vw, 12px);}
.ol_list li:before 						{ width: 22px; height: 22px; font-size: 14px; line-height: 22px; letter-spacing: 0; text-align: center; position: absolute; left: 0; top: 3px; background: var(--softblack); color: #fff; border-radius: 5px; content: counter(item); counter-increment: item;}
.ol_list li:last-child 					{ margin-bottom: 0;}

.ul_check_square						{ margin: clamp(12px, 2vw, 18px) 0;}
.ul_check_square li  					{ position: relative; padding-left: 32px; margin-bottom: 10px; line-height: 160%;}
.ul_check_square li:before 				{ width: 20px; height: 20px; background: url("../images/check_small.svg") 50% 55% var(--softblack) no-repeat; position: absolute; left: 0; top: 2px; border-radius: 3px; content: "";}
.ul_check_square li:last-child 			{ margin-bottom: 0;}

.ul_ask 								{ list-style: none; counter-reset: item; margin: clamp(15px, 2vw, 20px) 0;}
.ul_ask li 								{ position: relative; padding-left: 34px; margin-bottom: clamp(8px, 1.2vw, 12px);}
.ul_ask li:before 						{ width: 22px; height: 22px; font-size: 14px; line-height: 22px; letter-spacing: 0; text-align: center; position: absolute; left: 0; top: 3px; background: var(--softblue); border-radius: 5px; content: "?";}
.ul_ask li:last-child 					{ margin-bottom: 0;}

.ul_cross								{ margin: clamp(12px, 2vw, 18px) 0;}
.ul_cross li							{ padding: 0 0 0 22px; position: relative; margin-bottom: 10px;}
.ul_cross li:before						{ width: 12px; height: 12px; position: absolute; left: 0; top: 9px; background: url("../images/cross.svg") 0 0 / contain no-repeat; content: "";}
.ul_cross li:last-child 				{ margin-bottom: 0;}

.dots_orange li:before 					{ background-color: var(--orange);}

.arrow_result 							{ margin-right: 3px;}


.margin_top_bottom 						{ margin: var(--marginTB);}
.margin_top 							{ margin-top: var(--marginT);}
.margin_bottom 							{ margin-bottom: var(--marginB);}

.margin_top_bottom_m 					{ margin-block: calc(var(--marginT) * 0.65);}
.margin_top_m 							{ margin-top: calc(var(--marginT) * 0.65);}
.margin_bottom_m 						{ margin-bottom: calc(var(--marginT) * 0.65);}

.margin_top_bottom_s 					{ margin-block: calc(var(--marginT) * 0.35);}
.margin_top_s 							{ margin-top: calc(var(--marginT) * 0.35);}
.margin_bottom_s 						{ margin-bottom: calc(var(--marginT) * 0.35);}

.margin_top_bottom_xs 					{ margin-block: calc(var(--marginT) * 0.25);}
.margin_top_xs 							{ margin-top: calc(var(--marginT) * 0.25);}
.margin_bottom_xs 						{ margin-bottom: calc(var(--marginT) * 0.25);}


@media (min-width:1201px) {
.link:hover 							{ background-position: 0 0;}
.link_blue:hover						{ color: #fff;}
.link_txt_arrow:hover 					{ filter: brightness(1.5); transform: translateX(10px);}
}
@media (max-width:1000px) {

.bloc_gradient,
.bloc_white,
.bloc_sandstone,
.bloc_softblue,
.bloc_softblack							{ padding: clamp(25px, 5vw, 40px) clamp(20px, 4vw, 30px);}


.titre_main	 							{ font-size: clamp(30px, 5vw, 60px);}
.titre_main.bigger						{ font-size: clamp(35px, 6vw, 60px); line-height: 120%;}
.titre_main.smaller 					{ font-size: clamp(22px, 4vw, 30px);}

.titre_serif							{ font-size: clamp(32px, 5.1vw, 62px);}
.titre_serif.smaller					{ font-size: clamp(24px, 4.1vw, 42px);}

.titre	 								{ font-size: clamp(20px, 3vw, 24px);}
.titre .titre_serif 					{ font-size: clamp(22px, 3.2vw, 26px);}

.sous_titre 							{ font-size: clamp(18px, 2.8vw, 20px);}
.sous_titre.smaller						{ font-size: clamp(18px, 2.8vw, 20px);}

.chapo		 							{ font-size: clamp(14px, 3vw, 17px);}
.chapo.bigger 							{ font-size: clamp(20px, 2.8vw, 24px);}

.txt_size_m 							{ font-size: clamp(15px, 2.2vw, 18px);}

.link 									{ height: 50px; line-height: 48px;}
.link_txt_arrow 						{ font-size: 15px;}

.margin_top_bottom_m 					{ margin-block: calc(var(--marginT) * 0.85);}
.margin_top_m 							{ margin-top: calc(var(--marginT) * 0.85);}
.margin_bottom_m 						{ margin-bottom: calc(var(--marginT) * 0.85);}

.margin_top_bottom_s 					{ margin-block: calc(var(--marginT) * 0.65);}
.margin_top_s 							{ margin-top: calc(var(--marginT) * 0.65);}
.margin_bottom_s 						{ margin-bottom: calc(var(--marginT) * 0.65);}

.margin_top_bottom_xs 					{ margin-block: calc(var(--marginT) * 0.45);}
.margin_top_xs 							{ margin-top: calc(var(--marginT) * 0.45);}
.margin_bottom_xs 						{ margin-bottom: calc(var(--marginT) * 0.45);}
}
@media (max-width:700px) {
.link 									{ height: auto; padding: 10px 22px 10px 22px; font-size: 15px; line-height: 20px; letter-spacing: 0.2px;}

.link_small								{ height: 42px; line-height: 40px; padding: 0 22px; font-size: 14px;}

.link_txt_arrow 						{ font-size: 15px; line-height: 40px; padding-left: 54px;}
.link_txt_arrow:before 					{ width: 40px; height: 40px; content: "";}

.ul_list li								{ padding: 0 0 0 18px;}
.ul_list li:before						{ width: 7px; height: 7px; top: 7px;}

.ol_list li 							{ padding-left: 30px;}
.ol_list li:before 						{ width: 20px; height: 20px; font-size: 11px; line-height: 20px; top: 1px;}

.ul_check_square li  					{ padding-left: 28px;}
.ul_check_square li:before 				{ width: 18px; height: 18px; background-size: 10px auto; background-position: 50%; top: 1px;}

.ul_ask li 								{ padding-left: 30px;}
.ul_ask li:before 						{ width: 20px; height: 20px; font-size: 11px; line-height: 20px; top: 1px;}

.ul_cross li							{ padding-left: 20px;}
.ul_cross li:before						{ top: clamp(5px, 1vw, 7px);}
}






/***** DL deco *****/
.dl_deco 									{ width: clamp(120px, 12vw, 220px); height: clamp(120px, 12vw, 220px); position: absolute; z-index: 50;}
.dl_deco.pos_tr 							{ background: url("../images/dl_deco_orange_right.svg") calc(100% + 1px) 50% / contain no-repeat; top: 0; right: 0;}
.dl_deco.pos_br 							{ background: url("../images/dl_deco_orange_right.svg") calc(100% + 1px) 50% / contain no-repeat; bottom: 0; right: 0;}
.dl_deco.pos_cr 							{ background: url("../images/dl_deco_orange_right.svg") calc(100% + 1px) 50% / contain no-repeat; top: 50%; right: 0; transform: translateY(-50%);}

.dl_deco.pos_tl 							{ background: url("../images/dl_deco_orange_left.svg") -1px 50% / contain no-repeat; top: 0; left: -1px;}
.dl_deco.pos_bl 							{ background: url("../images/dl_deco_orange_left.svg") -1px 50% / contain no-repeat; bottom: 0; left: -1px;}
.dl_deco.pos_cl 							{ background: url("../images/dl_deco_orange_left.svg") -1px 50% / contain no-repeat; top: 50%; left: -1px; transform: translateY(-50%);}

.dl_deco_blue 								{ width: clamp(120px, 12vw, 220px); height: clamp(120px, 12vw, 220px); position: absolute; z-index: 50;}
.dl_deco_blue.pos_tr 						{ background: url("../images/dl_deco_blue_right.svg") calc(100% + 1px) 50% / contain no-repeat; top: 0; right: 0;}
.dl_deco_blue.pos_br 						{ background: url("../images/dl_deco_blue_right.svg") calc(100% + 1px) 50% / contain no-repeat; bottom: 0; right: 0;}
.dl_deco_blue.pos_cr 						{ background: url("../images/dl_deco_blue_right.svg") calc(100% + 1px) 50% / contain no-repeat; top: 50%; right: 0; transform: translateY(-50%);}

.dl_deco_blue.pos_tl 						{ background: url("../images/dl_deco_blue_left.svg") -1px 50% / contain no-repeat; top: 0; left: 0;}
.dl_deco_blue.pos_bl 						{ background: url("../images/dl_deco_blue_left.svg") -1px 50% / contain no-repeat; bottom: 0; left: 0;}
.dl_deco_blue.pos_cl 						{ background: url("../images/dl_deco_blue_left.svg") -1px 50% / contain no-repeat; top: 50%; left: 0; transform: translateY(-50%);}

.pos_tr.pos_half,
.pos_tl.pos_half							{ transform: translateY(-50%);}
.pos_br.pos_half,	
.pos_bl.pos_half 							{ transform: translateY(50%);}

.hide_big_screen 							{ display: none;}

@media (max-width:1400px) {
.hide_small_screen							{ display: none;}
}
@media (max-width:1000px) {
.hide_big_screen 							{ display: block;}
.dl_deco,
.dl_deco_blue 								{ width: clamp(60px, 20vw, 120px); height: clamp(60px, 20vw, 120px);}
}




/***** header et menu *****/
.header 									{ width: 100%; position: fixed; left: 0; top: 0; z-index: 950;}
.header ::-webkit-scrollbar					{ display: none;}
.header .header_bg							{ position: absolute; left: 0; right: 0; top: 0; padding: 30px 0; background: linear-gradient(to top, transparent 0% 50%, var(--softblack) 50% 100%); background-size: 100% 200%; background-position: 0 100%; transition: all 300ms ease-in-out;}
.header .wrapper_full						{ display: grid; grid-template-columns: 180px 1fr; grid-gap: 5vw; align-items: center;}
.header .logo								{ width: 170px;  transition: all 300ms ease-in;}
.header .logo img							{ width: 100%; height: auto; display: block;}
.header .header_nav 						{ display: grid; grid-template-columns: 1fr auto; align-items: center; position: relative;}
.header .menu 								{ position: relative; z-index: 5;}
.header .menu.has_sub						{ z-index: 10;}
.header .menu>li							{ display: inline-block; vertical-align: middle; margin-right: clamp(20px, 1.8vw, 40px); position: relative;}
.header .menu>li:last-child					{ margin-right: 0;}
.header .menu>li>span,
.header .menu>li>a:not(.link)				{ font: 400 clamp(16px, 1.3vw, 18px)/70px "SuisseIntl-Regular"; height: 70px; letter-spacing: 1px; color: #fff; display: block; transition: all 300ms ease-in-out;}
.header .menu>li>span 						{ position: relative;}
.header .menu>li.active>a, 
.header .menu>li.active>span				{ color: var(--orange); font-family: "SuisseIntl-Medium";}
.header .menu>li:has(.sub)					{ z-index: 5;}
.header .menu>li:has(.sub)>a				{ z-index: 800;}

.header .menu.cta li a.tel					{ font-size: 16px; line-height: 48px; height: 50px; letter-spacing: 0.8px; padding-left: 40px;}
.header .menu.cta li a.tel lord-icon		{ width: 28px; height: 28px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.header .menu.cta li a.rdv					{ font-size: 16px; line-height: 50px; height: 50px; font-weight: 500; letter-spacing: 0.8px; padding-left: 38px;}
.header .menu.cta li a.rdv:before 			{ width: 22px; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/calendar.svg") 50% 48% / contain no-repeat; content: "";}
.header .menu.cta li a.link					{ height: 46px; line-height: 44px; padding: 0 24px; display: block; background-image: linear-gradient(to top, var(--orange) 0% 50%, #fff 50% 100%); border-radius: var(--radiusXS);}

.header .sub								{ width: 1200px; position: absolute; top: 115%; left: -25px; background: #fff; border-radius: calc(var(--radiusM) - 4px);}
.header .sub .container						{ display: grid; grid-template-columns: 1.4fr 1.2fr 1fr; padding: 0 clamp(30px, 3.2vw, 50px) 0 0; grid-gap: clamp(20px, 1.8vw, 40px);}
.header .sub .item							{ padding: clamp(30px, 3vw, 45px) 0;}
.header .sub .heading						{ padding: 10px 40px 10px 10px; text-align: center; display: grid; grid-template-rows: 1fr 1fr; grid-gap: 10px;}
.header .sub .sous_titre					{ font-size: 20px; line-height: 145%; margin: 0 auto 5px auto; max-width: 260px; font-family: "SuisseIntl-Regular"; font-weight: 400;}
.header .sub .heading_txt					{ padding: 30px; background: var(--softblue); border-radius: calc(var(--radiusM) - 10px); display: grid; align-items: center;}
.header .sub .heading_cta					{ padding: 30px; background: var(--sandstone3); border-radius: calc(var(--radiusM) - 10px); display: grid; align-items: center;}
.header .sub .heading_cta p.titre_serif		{ font-size: 20px; line-height: 145%; margin: 15px 0;}

.header .sub ul      						{ margin: 0;}
.header .sub ul:nth-child(2)     			{ margin-top: 25px;}
.header .sub ul li a 						{ padding: 10px 0 10px 25px; line-height: 22px; letter-spacing: 0.4px; display: block; color: var(--softblack); border-radius: var(--radiusS); background: url("../images/arrow_b.svg") 0 50% no-repeat; background-size: 12px auto;}
.header .sub ul li a.head					{ padding: 10px 30px 10px 0; font-size: 22px; line-height: 28px; color: var(--softblack); font-family: "RecklessNeue-Medium"; background: url("../images/arrow_o.svg") 100% 52% no-repeat; display: inline-block;}
.header .sub ul li.active a 				{ color: var(--orange);}

.reset_anim .header .header_bg				{ transition: none;}

.sticky .header .header_bg 					{ background-position: 0 0; padding: 0;}
.sticky .header .logo 						{ width: 110px;}
.sticky.scrolling_down .header .header_bg 	{ top: -80px;}

@media (min-width:1201px) {
.mobile_only,
.menu_open,
.menu_close 								{ display: none;}
.header .menu>li>span 						{ cursor: default; z-index: 999;}
.header .sub 								{ max-width: 90vw; visibility: hidden; opacity: 0; box-shadow: 0 50vh 0 200vh rgba(0,0,0,55%); transition: all 200ms ease-in-out;}
.header .sub:before							{ width: 100%; height: 18px; position: absolute; left: 0; top: -20px; content: "";}

.header .menu>li:hover .sub					{ visibility: visible; opacity: 1; top: 100%;}		

.header .sub ul:hover a:not(.head)			{ opacity: 0.5;}
.header .sub ul li a:not(.head):hover		{ transform: translateX(12px); opacity: 1;}
.header .sub ul li a.head:hover				{ color: var(--orange); padding-right: 38px;}

.header .menu>li:hover 						{ z-index: 999;}		
.header .menu>li:hover>span					{ color: #fff;}
.header .menu>li:hover>a:not(.link)			{ color: var(--orange);}

.header .menu.cta li a.link:hover			{ color: var(--softblack);}

.sticky .header .header_bg 					{ padding: 2px 0;}
.sticky .header .menu>li:hover .sub			{ top: 90%;}		
}
@media (max-width:1600px) {
.header .sub								{ left: calc(-180px - 5vw);}
.header .sub .sous_titre					{ font-size: 20px;}
}
@media (max-width:1200px) {
.menu_open									{ width: 50px; height: 50px; cursor: pointer; position: relative; z-index: 900; border-radius: var(--radiusXS); background: #002f32; transition: all 0ms ease-in-out 400ms, background 300ms ease-in 0ms;}
.menu_open.active							{ opacity: 0; visibility: hidden; transition-delay: 0ms;}
.menu_open div								{ width: 18px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%); margin-top: -1px;}
.menu_open div:before						{ width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 6px; content: "";}
.menu_open div:after						{ width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: -6px; content: "";}

.menu_close									{ width: 50px; height: 50px; display: block; cursor: pointer; position: absolute; top: 15px; right: calc(-5vw + 25px); z-index: 950; opacity: 0; visibility: hidden; transition: all 200ms ease-in-out 0ms;}
.menu_close.active							{ opacity: 1; visibility: visible; transition-delay: 200ms;}
.menu_close:after							{ width: 100vw; position: fixed; top: 0; bottom: 0; right: 515px; content: "";}
.menu_close div								{ position: absolute; right: 0; left: 0; top: 0; bottom: 0;}
.menu_close div:before 						{ width: 24px; height: 2px; background: var(--softblack); position: absolute; top: 50%; left: 50%; transform: translate(-50%) rotate(45deg); content: "";}
.menu_close div:after						{ width: 24px; height: 2px; background: var(--softblack); position: absolute; top: 50%; left: 50%; transform: translate(-50%) rotate(-45deg); content: "";}

.header:before								{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,55%); mix-blend-mode: multiply; opacity: 0; visibility: hidden; transition: all 200ms ease-in-out 350ms; z-index: 20; content: "";}
.header .header_bg 							{ padding: 10px 0;}
.header .wrapper_full						{ grid-template-columns: auto auto; grid-gap: 0; justify-content: space-between; height: 80px;}
.header .logo  								{ width: 140px;}
 
.sticky .menu_open							{ background: var(--darkteal);}
.sticky .menu_close  						{ top: 25px;}
.sticky .header .logo 						{ width: 120px;}
 
.header .header_nav 						{ display: block; width: 500px; position: fixed; top: 15px; bottom: 15px; right: 15px; border-radius: 10px; padding: 70px 50px 50px 50px; background: #fff; z-index: 200; transform: scale(0.95, 0.9); opacity: 0; visibility: hidden; overflow: hidden; transition: all 200ms ease-in-out 200ms;}
.header .menu  								{ display: block; width: auto; opacity: 0; visibility: hidden; margin-top: 10px; transition: all 400ms ease-in-out 150ms;}
.header .menu>li 							{ width: 100%; display: block; margin: 0; position: static;}
.header .menu>li>span,
.header .menu>li>a:not(.link) 				{ font-size: clamp(18px, 5vw, 30px); line-height: clamp(46px, 10vw, 60px); font-family: "SuisseIntl-Semibold"; letter-spacing: 0.2px; transition: none; display: block; color: var(--softblack); height: auto; padding: 0; letter-spacing: 0.2px;}
.header .menu>li.active>a, 
.header .menu>li.active>span				{ color: var(--orange); font-family: "SuisseIntl-Semibold";}
.header .menu>li i 							{ width: 100%; height: clamp(46px, 10vw, 60px); float: right; margin-top: clamp(-60px, -10vw, -46px); z-index: 999; position: relative;}
.header .menu>li i:not(.active):before		{ width: 50px; height: 50px; border-radius: var(--radiusXS); background: url("../images/arrow_b.svg") 50% 50% no-repeat var(--softblue); position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: "";}
.header .menu>li i.active					{ position: fixed; top: 0; left: 0; margin: 0; width: 80px; height: 80px;}
.header .menu>li i.active:before			{ width: 36px; height: 36px; border-radius: var(--radiusXS); background: url("../images/arrow_back.svg") 50% 50% no-repeat var(--softblue); position: absolute; left: 22px; top: 50%; transform: translateY(-50%); content: "";}
.header .menu>li i.active:after				{ content: "Retour"; position: absolute; left: 72px; top: 50%; transform: translateY(-50%); font-size: 13px; line-height: 36px; font-style: normal; min-width: 60px; padding-top: 2px;}
.header .menu>li i 							{ animation: menuLink 600ms ease-in-out;}
.header .menu>li i.active					{ animation: menuBack 600ms ease-in-out;}


@keyframes menuLink {
0%  										{ opacity: 0; visibility: hidden;}
100%  										{ opacity: 1; visibility: visible;}
}
@keyframes menuBack {
0%  										{ opacity: 0; visibility: hidden;}
100%  										{ opacity: 1; visibility: visible;}
}


.header .sub 								{ position: fixed; left: 0; top: 0; bottom: 0; width: 100%; background: #fff; z-index: 50; padding: 0 50px; border-radius: 20px; opacity: 0; visibility: hidden; transition: all 200ms ease-in-out 400ms;}
.header .sub .container 					{ overflow-y: scroll; grid-template-columns: 1fr; grid-gap: 12px; padding: 0; border-top: 85px solid transparent; opacity: 0; margin-top: 10px; position: relative; transition: all 400ms ease-in-out 0ms;}
.header .sub .item 							{ padding: 0;}
.header .sub .heading 						{ display: none;}
.header .sub ul:nth-child(2) 				{ margin-top: 12px;}
.header .sub ul li a 						{ padding: 5px 0 5px 25px;}
.header .sub ul li a.head 					{ font-size: clamp(18px, 4vw, 24px); margin-bottom: 4px; background-position: 100% 55%;}

/** active menu + active sub  **/
.header.active:before						{ opacity: 1; visibility: visible; transition-delay: 0ms;}
.header.active .header_nav 					{ transition-delay: 150ms; opacity: 1; visibility: visible; transform: scale(1);}
.header.active .menu 						{ opacity: 1; visibility: visible; margin-top: 0; transition-delay: 400ms;}
.header.active .menu.mobile_only			{ transition-delay: 500ms;}
.header.active .menu.cta 					{ transition-delay: 600ms; }

/** active sub  **/
.header .sub.active							{ opacity: 1; visibility: visible; transition-delay: 0ms;}
.header .sub.active .container 				{ opacity: 1; margin-top: 0; transition-delay: 200ms;}


.header .contact_infos  					{ padding: 25px 0; font-size: 14px;}
.header .contact_infos p  					{ margin-bottom: 10px;}
.header .contact_infos .tel a:after 		{ filter: invert(1); opacity: 0.85;}
.header .contact_infos .email a:after 		{ filter: invert(1); opacity: 0.85;}

.header .menu.cta  							{ padding-top: 0;}
.header .menu.cta li a.tel					{ display: none;}
.header .menu.cta li a.link					{ padding: 0; text-align: center; width: 100%; background: var(--orange);}
.header .menu.cta li a.link span			{ display: none;}
}
@media (max-width:1000px) and (min-height: 650px) {
.header .header_nav:before					{ background: url(../images/logo_icon.svg) 100% 100% / contain no-repeat; filter: brightness(0); opacity: 0.065; width: clamp(50px, 38%, 280px); height: 50%; position: absolute; left: clamp(-50px, -7vw, -10px); bottom: clamp(-50px, -7vw, -10px); content: "";}
}
@media (max-width:700px) {
.menu_open									{ width: 44px; height: 44px; border-radius: var(--radiusS);}
.menu_open div								{ width: 16px;}

.menu_close									{ width: 44px; height: 44px; top: 25px;}
.menu_close:after 							{ display: none;}
.menu_close div:before 						{ width: 20px;}
.menu_close div:after						{ width: 20px;}

.header .wrapper_full						{ height: 70px;}
.header .header_bg   						{ padding: 0;}
.header .logo  								{ width: 100px;}

.sticky .header .logo 						{ width: 100px;}

.header .header_nav 						{ width: calc(100% - 40px); top: 20px; bottom: 20px; right: 20px; padding: 55px 7.5vw 7.5vw 7.5vw;}

.header .menu>li i:not(.active):before		{ width: 40px; height: 40px;}
.header .menu>li i.active 					{ width: 60px; height: 60px; top: 0; left: 0;}
.header .menu>li i.active:before 			{ width: 30px; height: 30px; left: 15px; background-size: 12px auto;}
.header .menu>li i.active:after 			{ left: 58px; font-size: 12px;}

.header .sub 								{ padding: 0 7.5vw;}
.header .sub .container 					{ border-width: 60px;}
.header .sub ul li a.head 					{ margin-bottom: 0;}
.header .sub ul li a 						{ padding: 4px 0 4px 22px;}

.header .contact_infos  					{ font-size: 13px; padding: 20px; background: var(--sandstone1); border-radius: var(--radiusS); margin: 12px 0 26px 0;}
.header .contact_infos :last-child			{ margin: 0;}
}
@media (max-width:450px) { 
.header .menu.cta  							{ grid-template-columns: 1fr;}
}




main 										{ position: relative;}
main li a:not(.link), 
main p a:not(.link)							{ color: var(--orange); font-family: "SuisseIntl-Medium";}
main li a:not(.link):after,
main p a:not(.link):after					{ width: 12px; height: 12px; background: url("../images/arrow_sup.svg") 100% 0 no-repeat; display: inline-block; margin: 0 2px -3px 0; background-size: 8px auto; content: "";}

@media (min-width:1201px) {
main li a:not(.link):hover, 
main p a:not(.link):hover					{ color: var(--softblack)}
main li a:not(.link):hover:after,
main p a:not(.link):hover:after				{ filter: brightness(0);}
}
@media (max-width:700px) { 
main li a:not(.link):after,
main p a:not(.link):after					{ width: 11px; height: 11px; margin: 0 1px -2px 2px;}
}



/***** txt dynamic *****/
.contact_infos a 							{ display: inline-block;}
.contact_infos .icon 						{ padding-left: 35px; position: relative;}
.contact_infos .icon:after 					{ width: 20px; height: 100%; position: absolute; left: 0; top: 0; content: "";}
.contact_infos .tel a:after 				{ background: url(../images/tel.svg) 0 50% no-repeat;}
.contact_infos .email a:after 				{ background: url("../images/email.svg") 0 50% no-repeat;}
.contact_infos .facebook a:after 			{ background: url("../images/facebook.svg") 3px 50% no-repeat; background-size: 11px auto;}
.contact_infos .linkedin a:after 			{ background: url("../images/linkedin.svg") 0 50% no-repeat; background-size: 18px auto;}

@media (max-width:700px) { 
.contact_infos .icon 						{ padding-left: 32px;}
}




/***** slick *****/
.slick-slider										{ position:relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list											{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus									{ outline: none;}
.slick-list.dragging								{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list							{ -webkit-transform: translate3d(0 0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slick-track										{ position: relative; top: 0; left: 0; display: block;}
.slick-track:before, 
.slick-track:after 									{ display: table; content: '';}
.slick-track:after									{ clear: both;}
.slick-loading .slick-track							{ visibility: hidden;}
.slick-slide										{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide							{ float: right;}
.slick-slide img									{ display: block;}
.slick-slide.slick-loading img						{ display: none;}
.slick-slide.dragging img							{ pointer-events: none;}
.slick-initialized .slick-slide						{ display: block;}
.slick-loading .slick-slide							{ visibility: hidden;}
.slick-vertical .slick-slide 						{ display: block; height: auto; border: 1px solid transparent;}


/** slick arrows **/
.slick-arrow										{ width: 35px; height: 60px; border-radius: 0; border: 0; padding: 0; font-size: 0; cursor: pointer; background: url("../images/arrow_slider.svg") 60% 50% no-repeat; /*background-size: auto 20px;*/}
.slick-disabled 									{ opacity: 0.35; cursor: default;}
.slick-prev											{ transform: rotate(180deg);}

/** slick dots **/
.slick-dots  										{ width: 100%; text-align: center; line-height: 0;;}
.slick-dots li 										{ display: inline-block; vertical-align: middle; margin: 0 8px;}
.slick-dots button									{ border: none; font-size: 0; border-radius: 50%; padding: 0; width: 8px; height: 8px; background: var(--softblack); opacity: 1; cursor: pointer;}
.slick-active button								{ opacity: 1; transform: scale(1.2); background: var(--orange);}

@media (max-width:700px) { 
.slick-arrow										{ width: 30px; height: 50px;}
.slick-prev,
.slick-next											{ background-size: auto 20px;}

.slick-dots li 										{ margin: 0 5px;}
.slick-dots button									{ width: 8px; height: 8px;}
}



/***** grid bloc *****/
.grid_bloc	 											{ position: relative;}
.grid_bloc:before										{ width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--bgColorLight); transition: none; z-index: -1; visibility: hidden; content: "";}
.grid_bloc .container									{ display: grid; grid-gap: 16px;}
.grid_bloc .container img								{ width: 100%; height: auto; object-fit: cover; display: block; border-radius: var(--radiusS);}

.grid_bloc .item :last-child							{ margin-bottom: 0;}

@media (max-width:1200px) {
.grid_bloc:before										{ left: 0; right: 0; top: 0; bottom: 0; border-radius: 0;}
}
@media (max-width:700px) {
.grid_bloc .container									{ grid-gap: 10px;}
}

/* custom colums */
.grid_bloc.col_2 .container								{ grid-template-columns: repeat(2, 1fr);}
.grid_bloc.col_3 .container								{ grid-template-columns: repeat(3, 1fr);}
.grid_bloc.col_4 .container								{ grid-template-columns: repeat(4, 1fr);}
.grid_bloc.col_5 .container								{ grid-template-columns: repeat(5, 1fr);}
.grid_bloc.col_6 .container								{ grid-template-columns: repeat(6, 1fr);}
.grid_bloc.col_7 .container								{ grid-template-columns: repeat(7, 1fr);}
.grid_bloc.col_8 .container								{ grid-template-columns: repeat(8, 1fr);}

@media (max-width:1500px) {
.grid_bloc.col_7 .container								{ grid-template-columns: repeat(6, 1fr);}
}
@media (max-width:1200px) {
.grid_bloc.col_4 .container								{ grid-template-columns: 1fr 1fr;}
.grid_bloc.col_7 .container								{ grid-template-columns: repeat(5, 1fr);}
}
@media (max-width:1000px) {
.grid_bloc.col_3 .container								{ grid-template-columns: 1fr;}
.grid_bloc.col_7 .container								{ grid-template-columns: repeat(4, 1fr);}
}
@media (max-width:700px) {
.grid_bloc.col_2 .container,	
.grid_bloc.col_3 .container,					
.grid_bloc.col_4 .container								{ grid-template-columns: 1fr;}
.grid_bloc.col_7 .container								{ grid-template-columns: repeat(3, 1fr);}
}

/* swipe mobile */ 
@media (max-width:700px) {
.swipe_mobile .container 								{ display: flex; gap: 10px; width: 100vw; margin-left: -5vw; overflow-x: auto; padding: 0 5vw;}
.swipe_mobile .container::-webkit-scrollbar 			{ display: none;}
.swipe_mobile .container .item 							{ min-width: clamp(280px, 75vw, 360px);}
}



/***** assets nbr *****/
.assets_nbr 									{ position: relative; color: #fff;}
.assets_nbr .container							{ display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between;}
.assets_nbr .container .item .nbr				{ font-size: 80px; letter-spacing: 0; line-height: 100%; margin-top: -10px;}
.assets_nbr .container .item p					{ font-size: clamp(18px, 1.8vw, 24px); margin: 0;}

@media (max-width:1000px) {
.assets_nbr .container							{ grid-template-columns: 200px 200px; grid-gap: 5vw; max-width: 550px; margin: 0 5vw;}
.assets_nbr .container .item .nbr				{ font-size: 50px;}
}
@media (max-width:700px) {
.assets_nbr .container							{ grid-template-columns: auto auto; grid-gap: 10vw 2vw; justify-content: space-around;}
.assets_nbr .container .item .nbr				{ margin: 0 0 5px 0;}
.assets_nbr .container .item p					{ font-size: clamp(14px, 3vw, 20px);}
}



/***** tag *****/
.tags 											{ font-size: 0; letter-spacing: 0; margin: 0;}
.tags li										{ display: inline-block; height: 36px; text-align: center; font-size: 13px; line-height: 36px; letter-spacing: 0.4px; background: #ffffff50; backdrop-filter: blur(15px); padding: 0 20px; border-radius: 25em; margin-right: 5px;}
.tags li.theme									{ color: #fff;}

@media (max-width:1200px) {
.tags li										{ height: 26px; font-size: 12px; line-height: 26px; padding: 0 12px;}
}
@media (max-width:700px) {
.tags li										{ height: 23px; font-size: 11px; line-height: 23px; padding: 0 10px;}
}



/***** card team *****/
.card_team 										{ aspect-ratio: 1/1.1; background: #fff; border: 1px solid var(--sandstone3); border-radius: var(--radiusS); text-align: center; display: grid; align-items: center;}
.card_team .wrap								{ width: 100%;}
.card_team img									{ width: 45%; max-width: 80px; height: auto; display: block; margin: 0 auto; padding-bottom: 10px;}
.card_team .name								{ display: block; font-family: "SuisseIntl-Medium"; line-height: 24px;}
.card_team .fonction							{ font-size: 14px; line-height: 18px; display: block; margin-top: 4px; font: 400 15px/120% "RecklessNeue-Regular"; padding: 0 10px;}

@media (max-width:1200px) {
.card_team 										{ aspect-ratio: 1/1.2;}
}
@media (max-width:700px) {
.card_team 										{ aspect-ratio: 1/1.3;}
.card_team img									{ width: 50%; padding-bottom: 10px;}
.card_team .name								{ line-height: 20px;}
.card_team .fonction							{ font-size: 12px; line-height: 16px;}
}



/***** card blog *****/
.card_blog 										{ position: relative;}
.card_blog a 									{ display: block; overflow: hidden;}
.card_blog .photo 								{ position: relative; overflow: hidden;}
.card_blog .photo img 							{ width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 3/2; border-radius: 0; border-radius: var(--radiusS);}
.card_blog .tags 								{ position: absolute; left: 18px; top: 18px; color: #fff;}
.card_blog .tags .date							{ display: none;}
.card_blog .titre_card 							{ padding: 20px 0 0 0; font-size: clamp(16px, 1.4vw, 18px); font-weight: 500; line-height: 140%; display: grid; align-items: center; width: 90%;}

@media (min-width:1201px) {
.card_blog a:hover  							{ transform: translateY(-10px);}
}
@media (max-width:1200px) {
.card_blog .tags 								{ left: 15px; top: 15px;}
.card_blog .titre_card 							{ padding: 15px 0 0 0;}
}
@media (max-width:1000px) {
.card_blog .titre_card 							{ font-size: clamp(14px, 2.5vw, 16px);}
}
@media (max-width:700px) {
.card_blog .tags 								{ left: 12px; top: 12px;}
.card_blog .titre_card 							{ padding: 15px 0 0 0;}
}



/***** card ref *****/
.card_ref										{ border-radius: var(--radiusM); overflow: hidden; position: relative;}
.card_ref a										{ display: block; cursor: pointer;}
.card_ref img 									{ display: block; width: 100%; height: auto; object-fit: cover;}
.card_ref .tags 								{ position: absolute; left: 30px; top: 30px; color: #fff; z-index: 5;}
.card_ref .tags .secteur						{ display: none;}
.card_ref .titre 								{ position: absolute; left: 35px; bottom: 30px; color: #fff; z-index: 5; margin: 0; font-size: clamp(20px, 2vw, 26px); font-weight: 500;}

@media (min-width:1201px) {
.card_ref img									{ transition: all 300ms ease-in-out;}
.card_ref:hover img 							{ transform: scale(1.035); filter: brightness(0.65);}
}
@media (max-width:1600px) {
.card_ref .tags 								{ left: 20px; top: 20px;}
.card_ref .titre 								{ left: 30px; bottom: 22px;}
}
@media (max-width:1200px) {
.card_ref .tags 								{ left: 15px; top: 15px;}
.card_ref .titre 								{ font-size: clamp(18px, 4vw, 20px);}
}
@media (max-width:700px) {
.card_ref .tags 								{ left: 12px; top: 12px;}
.card_ref .titre 								{ left: 6vw; bottom: calc(6vw - 4px);}
}




/***** references *****/
.references										{ position: relative; overflow: hidden; padding: clamp(15px, 2vw, 30px) 0; text-align: center;}
.references .slider 							{ display: flex; width: max-content; position: relative; margin-top: clamp(15px, 2vw, 30px); padding-bottom: clamp(20px, 2vw, 40px); animation: srolling_x 50s linear infinite;}
.references .slider_group 						{ display: flex; align-items: center; gap: clamp(10px, 1.2vw, 20px); padding-right: clamp(10px, 1.2vw, 20px); flex-shrink: 0;}
.references .slider .card_ref					{ width: clamp(400px, 25vw, 500px); flex-shrink: 0; text-align: left;}
.references .titre_serif 						{ padding-bottom: clamp(10px, 2vw, 20px);}
.references .align_left							{ text-align: left;}
.references .link_blue 							{ background-image: linear-gradient(to top, var(--softblue) 0% 50%, #fff 50% 100%);}

@keyframes srolling_x {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (min-width:1201px) {
.references .slider:hover						{ animation-play-state: paused;}
.references .link_blue 							{ color: var(--softblack);}
}
@media (max-width:1200px) {
.references ::-webkit-scrollbar					{ display: none;}
.references .titre_serif 						{ text-align: left;}
.references .slider								{ animation: none; display: block; width: 100%;}
.references .slider_group 						{ overflow-x: auto; scroll-snap-type: x mandatory; padding-left: 5vw;}
.references .slider_group:last-of-type			{ display: none;}
.references .slider .card_ref					{ width: clamp(200px, 90vw, 350px); scroll-snap-align: start; scroll-margin-left: 5vw;}
.references .slider .card_ref:last-child		{ margin-right: 5vw;}
}
@media (max-width:1000px) {
.references										{ padding: 0;}
.references .slider .card_ref					{ width: clamp(200px, 80vw, 380px);}
}
@media (max-width:700px) {
.references										{ margin-left: 5vw;}
.references .wrapper_medium,
.references .wrapper_small						{ width: 100%;}
.references .slider								{ padding-left: 0; gap: 10px;}
.references .slider .card_ref					{ scroll-margin-left: 0;}
.references .slider .card_ref:last-child		{ margin-right: 10vw;}

.bg_gradient .references .slider, 
.bg_gradient_linear .references .slider 		{ gap: 12px;}
}






/***** bloc reviews *****/
.bloc_reviews 									{ position: relative; overflow: hidden; padding: 30px 0; margin: -30px 0;}
.bloc_reviews .list   							{ position: relative; padding-top: 2vw;}

.card_review 									{ position: relative; padding: clamp(30px, 4vw, 60px) clamp(20px, 3vw, 45px); border-radius: var(--radiusM); text-align: center; width: clamp(280px, 25vw, 380px); min-height: 450px; background: var(--sandstone3);}
.card_review p									{ font-size: clamp(14px, 1.1vw, 15px); line-height: 175%; letter-spacing: 0.4px; margin: 0;}
.card_review p.author							{ font-size: clamp(16px, 1.6vw, 20px); line-height: 120%; font-weight: 500; margin: 20px 0 14px 0;}
.card_review p.author span						{ font-size: 14px; line-height: 20px; font-weight: 400; display: block; color: var(--orange); padding-top: 5px;}
.card_review .note   							{ width: 120px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 6px; margin: 10px auto;}
.card_review .note img 							{ width: 100%; height: auto; display: block;}
.card_review .note img.nope						{ opacity: 0.3;}

/* if note global */
.bloc_reviews .note_global						{ display: grid; grid-template-columns: auto 92px auto 1fr; align-items: end; grid-gap: 20px; margin-bottom: 35px;}
.bloc_reviews .note_global img					{ width: 100%; height: auto; display: block; margin-bottom: -4px; filter: invert(1);}
.bloc_reviews .note_global .number				{ font-size: 40px; line-height: 40px; font-weight: 600;}
.bloc_reviews .note_global .all_link		 	{ padding-left: 10px; margin-bottom: -5px;}
.bloc_reviews .note_global .all_link a		 	{ display: inline-block;}

/* if slider */
.slider_reviews .slick-list 					{ overflow: visible; cursor: grab;}
.slider_reviews .slick-list:active 				{ cursor: grabbing;}
.slider_reviews .slick-slide 					{ margin: 0 8px;}
.slider_reviews_nav 							{ position: absolute; left: 50%; bottom: 35px; height: 0; width: 360px; text-align: right; transform: translateX(-50%); display: none;}
.slider_reviews_nav .slick-arrow				{ background-image: url("../images/arrow_slider_small.svg")}
.slider_reviews_nav .slick-prev					{ float: left;}
.slider_reviews .slick-dots  					{ margin: clamp(20px, 4vw, 50px) 0 0 0;}

@media (max-width: 1600px){
.card_review 									{ border-radius: var(--radiusM);}
}
@media (max-width: 1200px){
.card_review 									{ min-height: inherit;}
.card_review p.author  							{ margin-bottom: 10px;}
.card_review p.author span						{ font-size: 13px; padding-top: 5px;}
.slider_reviews_nav 							{ display: none;}
}
@media (max-width: 1000px){
.card_review 									{ width: clamp(220px, 70vw, 300px);}
}
@media (max-width: 700px){
.bloc_reviews ::-webkit-scrollbar 				{ display: none;}
.card_review p									{ font-size: clamp(13px, 2.8vw, 15px);}
.card_review p.author							{ font-size: clamp(15px, 3.2vw, 18px);}
.card_review p.author span						{ font-size: 13px;}
.card_review .note   							{ width: 100px; grid-gap: 4px;}
.slider_reviews .slick-slide 					{ margin: 0 5px;}
}






/***** show hide *****/
.show_hide                        			{ position: relative; display: grid; grid-gap: 10px; margin: clamp(15px, 2.2vw, 25px) 0;}
.show_hide .item                  			{ border: 1px solid var(--sandstone3); border-radius: var(--radiusS); background: #fff;}
.show_hide .titre                 			{ font: 400 clamp(16px, 1.4vw, 18px)/160% "SuisseIntl-Regular"; position: relative; cursor: pointer; padding: clamp(14px, 2.4vw, 26px) 68px clamp(14px, 2.4vw, 26px) 26px; margin: 0; transition: color 200ms ease-in;}
.show_hide .titre:after          			{ width: 28px; height: 28px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url("../images/arrow_dwn_w.svg") 50% 52% no-repeat var(--orange); border-radius: 6px; transition-property: background; content: "";}
.show_hide .titre.active:after   			{ transform: translateY(-50%) rotate(180deg); background-color: var(--softblack);}

.show_hide .titre:has(.num)					{ display: grid; grid-template-columns: auto 1fr; grid-gap: 15px; align-items: center;}
.show_hide .titre .num						{ width: 26px; height: 26px; font-size: 14px; line-height: 26px; text-align: center; display: inline-block; background: var(--softblue); border-radius: var(--radiusXS); margin: 0 0 0 -4px; letter-spacing: 0; padding: 0;}

.show_hide .hide                  			{ margin: 0; padding: 10px 40px 40px 40px; display: none;}
.show_hide .hide :last-child 	 			{ margin-bottom: 0;}

.show_hide.v2 .titre                 		{ padding: 18px 65px 20px 25px;}
.show_hide.v2 .titre:after          		{ width: 18px; height: 2px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: var(--orange); transition: none; content: "";}
.show_hide.v2 .titre:before          		{ width: 2px; height: 18px; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); background: var(--orange); transition: none; content: "";}
.show_hide.v2 .titre.active:before   		{ width: 0;}
.show_hide.v2 .hide                  		{ padding-top: 15px;}

.show_hide.v3                      			{ grid-gap: 0; margin-top: -5px;}
.show_hide.v3 .item                  		{ border: none; border-bottom: 1px solid var(--sandstone3); box-shadow: none; border-radius: 0; background: none;}
.show_hide.v3 .titre          				{ padding-left: 0; padding-right: 45px; font: 500 clamp(18px, 1.6vw, 22px)/140% "RecklessNeue-Medium";}
.show_hide.v3 .titre:after          		{ right: 0;}
.show_hide.v3 .hide                  		{ padding: 0 0 clamp(15px, 2.5vw, 30px) 0;}

@media (min-width:1201px){
.show_hide.v2 .titre                 		{ font-size: clamp(16px, 1.6vw, 18px); line-height: 140%;}
}
@media (max-width:1200px){
.show_hide .titre                 			{ font-size: clamp(13px, 3vw, 16px); padding-left: 20px;}
.show_hide .titre .num						{ margin: -2px 0 -2px -2px;}
.show_hide .hide                  			{ padding: 0 30px 30px 30px;}

.show_hide.v2 .titre                 		{ padding-bottom: 18px; padding-left: 20px;}
.show_hide.v2 .hide                  		{ padding-top: 10px;}
}
@media (max-width:700px){
.show_hide .titre:after          			{ width: 26px; height: 26px; right: 15px; background-size: 12px auto; background-position: 50% 52%;}
.show_hide .titre:has(.num) 				{ font-size: clamp(14px, 3vw, 16px);}
.show_hide .titre .num						{ width: 24px; height: 24px; font-size: 12px; line-height: 24px;}
.show_hide .hide                  			{ padding: 0 25px 25px 25px;}

.show_hide.v2 .titre                 		{ padding: 15px 55px 15px 15px;}
.show_hide.v2 .titre:after          		{ width: 16px; right: 18px;}
.show_hide.v2 .titre:before          		{ height: 16px; right: 25px;}
.show_hide.v2 .hide                  		{ padding-top: 5px;}

.show_hide.v3 .titre          				{ font-size: clamp(17px, 3vw, 20px);}
}





/***** cta fixed *****/
.cta_fixed 									{ position: fixed; right: 2vw; bottom: 2vw; z-index: 900; font-size: 15px; line-height: 20px;}
.cta_fixed .pop .wrap						{ width: 340px; border-radius: var(--radiusM); position: relative; overflow: hidden; box-shadow: 0 10px 30px 0 rgba(2,28,29,5%); background: #fff; position: absolute; right: 0; bottom: 0;}
.cta_fixed .pop .head						{ display: grid; grid-template-columns: 60px 1fr; align-items: center; grid-gap: 8px; background: var(--softblue); margin: 8px 8px 0 8px; padding: 0 10px; border-radius: calc(var(--radiusM) - 8px); height: 74px;}
.cta_fixed .pop .head b						{ font-family: "SuisseIntl-Medium"; font-size: 15px; letter-spacing: 0.4px; padding-top: 2px;}
.cta_fixed .pop .head b i					{ font-family: "SuisseIntl-Regular"; font-style: normal; font-size: 12px; display: block;}
.cta_fixed .pop .head img					{ padding: 5px; width: 100%; height: auto; display: block; mix-blend-mode: multiply;}
.cta_fixed .pop .content					{ padding: 16px 20px 20px 20px; background: #fff; line-height: 160%; text-align: center;}
.cta_fixed .pop .content p					{ margin-bottom: 16px;}
.cta_fixed .pop .grid_links					{ display: grid; grid-template-columns: 1fr; grid-gap: 8px; margin-top: 16px;}
.cta_fixed .pop .link						{ border-radius: 12px; line-height: 46px; height: 48px; text-align: center; padding: 0; display: block;}
.cta_fixed .pop .close						{ width: 74px; height: 74px; position: absolute; right: 2px; top: 8px; background: none; border: none; padding: 0; cursor: pointer;}
.cta_fixed .pop .close:after	    		{ width: 20px; height: 2px; background: var(--softblack); border-radius: 25em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: none; content: "";}
.cta_fixed .pop .close:before	    		{ width: 2px; height: 20px; background: var(--softblack); border-radius: 25em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: none; content: "";}

.cta_fixed .pop .open						{ transition: all 200ms ease-in-out 0ms; width: 64px; height: 64px; border-radius: 50%; position: absolute; right: 0; bottom: 0; background: url("../images/email.svg") 50% no-repeat var(--orange); background-size: 24px auto; transform: scale(0.5); opacity: 0; visibility: hidden; cursor: pointer;}
.cta_fixed .pop	.wrap						{ transition: all 200ms ease-in-out 200ms; transform-origin: right bottom;}

.cta_fixed .pop.off .wrap					{ transform: scale(0.75); opacity: 0; visibility: hidden; transition-delay: 0ms;}
.cta_fixed .pop.off .open					{ transform: scale(1); opacity: 1; visibility: visible; transition-delay: 200ms;}

.cta_fixed .pop.off_button .wrap			{ transform: scale(0.75); opacity: 0; visibility: hidden; transition-delay: 0ms;}
.cta_fixed .pop.off_button .open			{ transform: scale(1); opacity: 1; visibility: visible; transition-delay: 200ms;}

@media (max-width: 1600px){
.cta_fixed 									{ right: 20px; bottom: 20px;}
.cta_fixed .pop .open						{ width: 60px; height: 60px; background-size: 22px auto;}
}
@media (max-width: 1200px){
.cta_fixed 									{ right: 15px; bottom: 15px;}
}
@media (max-width: 700px){
.cta_fixed 									{ right: 12px; bottom: 12px;}
.cta_fixed .pop .wrap						{ width: 300px;}
.cta_fixed .pop .head						{ grid-template-columns: 50px 1fr; border-radius: 5px; height: 64px;}
.cta_fixed .pop .content 					{ padding: 12px 16px 16px 16px;}
.cta_fixed .pop .content p					{ margin-bottom: 12px;}
.cta_fixed .pop .close						{ width: 64px; height: 64px;}
.cta_fixed .pop .link						{ border-radius: 8px; line-height: 40px; height: 42px;}
.cta_fixed .pop .open						{ width: 46px; height: 46px; background-size: 18px auto;}
}



/***** social *****/
.rs a										{ width: 44px; height: 44px; border-radius: var(--radiusXS); display: inline-block; vertical-align: top; margin-right: 10px; background: 50% no-repeat var(--orange);}
.rs .facebook								{ background-image: url("../images/facebook.svg"); background-size: auto 20px;}
.rs .linkedin								{ background-image: url("../images/linkedin.svg"); background-size: 18px auto; background-position: 50% 45%;}
.rs .instagram								{ background-image: url("../images/instagram.svg"); background-size: 22px auto;}
.rs .scroll									{ background-image: url("../images/scrolltop.svg"); background-position: 50% 48%; margin: 0;}

@media (min-width:1201px) {
.rs a:hover 	 							{ background-color: var(--darkteal);}
}
@media (max-width:700px) {
.rs  										{ display: grid; grid-gap: 10px;}
.rs a										{ width: 40px; height: 40px; display: block; margin: 0;}
.rs .facebook								{ background-size: auto 18px;}
.rs .linkedin								{ background-size: 16px auto;}
.rs .instagram								{ background-size: 20px auto;}
.rs .scroll									{ background-size: 16px auto; grid-area: 1;}
}




/***** footer *****/
.footer										{ position: relative; background: var(--gradient); color: #fff; padding-top: var(--paddingT); font-size: 14px; line-height: 170%; letter-spacing: 0.6px;}

.footer .bloc_footer 						{ display: inline-block; vertical-align: top; position: relative; margin-right: clamp(20px, 4vw, 100px);}
.footer .bloc_footer .logo 					{ width: 180px; height: auto; display: block; margin: -10px 0 clamp(20px, 3vw, 40px) 0;}
.footer .bloc_footer p						{ margin-top: 12px;}
.footer .bloc_footer p a, 
.footer .bloc_footer li a					{ color: #fff; display: inline-block;}
.footer .bloc_footer li a					{ padding: 5px 0;}
.footer .bloc_footer .sous_titre			{ font-size: clamp(16px, 2.2vw, 18px);}
.footer .contact_infos .tel a:after 		{ background-image: url(../images/tel.svg);}
.footer .contact_infos .email a:after 		{ background-image: url("../images/email.svg");}
.footer .contact_infos .email  				{ margin-bottom: 0;}
.footer .bloc_footer:nth-child(4)			{ margin: 0;}

.footer	.rs									{ font-size: 0; line-height: 0; letter-spacing: 0; position: absolute; right: 0; top: -12px;}
.footer .certis								{ display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 10px; width: 100%; max-width: 800px; margin: 4vw auto 0 auto;}
.footer .certis .item						{ background: #fff; border-radius: var(--radiusXS); display: grid; align-items: center; justify-content: center; padding: 15px 10px;}
.footer .certis .item img					{ width: auto; max-width: 100%; height: 50px; display: block;}

.footer_bottom   							{ padding: 0 0 25px 0; line-height: 0; margin-top: 4vw;}
.footer_bottom   							{ padding: 25px 0; line-height: 0; margin-top: clamp(30px, 8vw, 100px);}
.footer_bottom li 							{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 25px; letter-spacing: 0.8px; position: relative;}
.footer_bottom li:after						{ width: 1px; height: 10px; content: ""; position: absolute; right: -15px; top: 5px; background: var(--orange);}
.footer_bottom li:last-child:after 			{ display: none;}
.footer_bottom li a							{ color: #fff;}
.footer_bottom li a img						{ margin: 0 0 -10px 8px;}

@media (min-width:1201px) {
.footer .bloc_footer p a:hover,
.footer .bloc_footer li a:hover,	 
.footer_bottom li a:hover 	 				{ color: var(--orange);}
}
@media (max-width:1200px) {
.footer .wrapper_medium  					{ display: grid; grid-template-columns: auto auto auto;}
.footer .bloc_footer 						{ margin-right: 0;}
.footer .bloc_footer .logo 					{ width: 160px; margin-top: 0;}
.footer .contact_infos  					{ grid-column: span 3; margin-bottom: 5vw;}
.footer	.rs									{ top: 0;}
.footer .certis								{ position: absolute; top: 0; right: 200px; grid-template-columns: repeat(3, 1fr); margin: 0; max-width: 400px;}
.footer .certis .item img					{ height: 46px;}
.footer_bottom   							{ grid-column: span 3; padding-top: 0;}
}
@media (max-width:1000px) {
.footer .bloc_footer .logo 					{ width: 200px; margin-top: 10px;}
.footer .certis								{ position: relative; right: auto; top: auto; margin: 8vw auto 0 auto; grid-column: span 3; max-width: 500px;}
.footer .certis .item img					{ height: 50px;}
}
@media (max-width:700px) {
.footer										{ font-size: 13px;}
.footer .wrapper_medium  					{ grid-template-columns: 1fr 1fr; grid-gap: clamp(30px, 10vw, 40px); padding: 0 2vw;}
.footer .bloc_footer   						{ display: block;}
.footer .bloc_footer .logo 					{ width: 180px; margin-top: 4px;}
.footer .contact_infos  					{ grid-column: span 2; margin-bottom: 0;}
.footer .certis   							{ grid-column: span 2; margin: 0 auto; max-width: none;}
.footer .certis .item						{ padding: 10px;}

.footer	.rs									{ top: -5px;}
.footer_bottom   							{ grid-column: span 2;}
.footer_bottom  							{ padding-bottom: 20px; margin: 0;}
.footer_bottom li 							{ display: block; font-size: 11px; line-height: 26px; margin: 0;}
.footer_bottom li:after						{ display: none;}
}
@media (max-width:500px) {
.footer .wrapper_medium  					{ grid-template-columns: 1fr;}
.footer .contact_infos  					{ grid-column: auto;}
.footer .certis   							{ grid-column: auto;}
.footer .certis .item						{ padding: 8px;}
.footer .certis .item img					{ height: 40px;}
.footer_bottom   							{ grid-column: auto;}
}