/***** fonts *****/

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v36/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v36/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v36/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v36/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v36/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v36/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
  font-family: 'Delicious Handrawn';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/delicioushandrawn/v8/wlpsgx_NAUNkpmKQifcxkQchDFo3fJ1F1ZBCR6s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Delicious Handrawn';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/delicioushandrawn/v8/wlpsgx_NAUNkpmKQifcxkQchDFo3fJ1F25BC.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/***** variables *****/
:root {
	--green: #5acd75;
	--lightGreen: #eefaf1;
	--darkBlue: #173251;
	--lightBlue: #eff5f7;
	--marginTB: clamp(20px, 10vw, 120px) auto;
	--paddingTB: clamp(20px, 10vw, 120px) 0;
}
@media (max-width:1400px) {
	:root {

}
}
@media (max-width:1200px) {
	:root {

}
}
@media (max-width:700px) {
	:root {

}
}


/***** reset *****/
/*html 									{ scroll-behavior: smooth;}*/
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(13px, 1.2vw, 16px);}
ul										{ list-style-type: none;}
body									{ font: 400 clamp(13px, 1.1vw, 16px)/180% "Poppins"; letter-spacing: 0.4px; color: var(--darkBlue); background: #fff; position: relative;}
body.active_overflow					{ height: 100vh; overflow: hidden;}
a										{ text-decoration: none; position: relative; color: var(--darkBlue);}
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, 3vw, 15px);}
strong, b								{ font-size: clamp(13px, 3.2vw, 16px);}
}
@media (max-width:700px) {
body									{ line-height: 170%; letter-spacing: 0.2px;}
strong, b								{ font-weight: 600;}
}


/***** scollbar *****/
::-webkit-scrollbar 					{ width: 6px; height: 6px; background-color: #fff;}
::-webkit-scrollbar-thumb				{ background-color: var(--green);}


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


/***** class *****/
.wrapper_large							{ width: 90vw; margin: 0 auto; position: relative;}
.wrapper 								{ width: 90vw; margin: 0 auto; position: relative; max-width: 1500px;}
.wrapper_small							{ width: 90vw; margin: 0 auto; position: relative; max-width: 1200px;}
.wb 									{ font-style: normal; display: inline-block;}
.clear									{ clear: both; display: block;}
.anchor									{ position: absolute; left: 0; top: -140px;}
.titre_main	 							{ font: 700 clamp(28px, 4.8vw, 80px)/110% "Quicksand"; position: relative; margin-bottom: clamp(10px, 2vw, 15px);}
.titre_main	span						{ color: var(--green); display: inline-block;}
.titre_main.bigger						{ font-size: clamp(32px, 5vw, 100px);}
.titre_main.smaller 					{ font-size: clamp(22px, 4.6vw, 55px); line-height: 130%;}
.titre_hw	 							{ font: 400 clamp(28px, 4.6vw, 50px)/100% "Delicious Handrawn"; position: relative; margin-bottom: clamp(10px, 2vw, 15px); display: inline-block;}
.titre_hw:after							{ width: clamp(50px, 10vw, 84px); height: 52px; position: absolute; background: url("../images/arrow_hw.svg") center / contain no-repeat; content: "";}
.titre	 								{ font: 500 clamp(18px, 1.6vw, 24px)/140% "Poppins"; color: var(--green); position: relative; margin-bottom: clamp(10px, 2vw, 15px);}
.sous_titre 							{ font: 500 clamp(15px, 1.4vw, 20px)/160% "Poppins"; position: relative; margin-bottom: clamp(10px, 2vw, 15px);}
.chapo		 							{ font: 400 clamp(13px, 1.1vw, 16px)/180% "Poppins"; margin-bottom: clamp(10px, 2vw, 15px);}
.chapo span	 							{ display: block; margin-bottom: clamp(10px, 2vw, 15px);}
.link 									{ font: 500 clamp(13px, 2.5vw, 16px)/48px "Poppins"; letter-spacing: 0.8px; height: 50px; display: inline-block; color: #fff; padding: 0 30px; border-radius: 25em; background: var(--green); overflow: hidden;}
.link span								{ position: relative; z-index: 5;}
.link:before 							{ background: var(--darkBlue); position: absolute; left: 0; top: 100%; width: 100%; aspect-ratio: 1/1; border-radius: 50%; content: "";}
.hey 									{ position: relative;}
.hey:after								{ width: clamp(22px, 4vw, 62px); height: auto; aspect-ratio: 62/76; position: absolute; background: url("../images/hey.svg") center / contain no-repeat; content: "";}
.read_more								{ display: inline-block; color: var(--green); cursor: pointer; transition: color 300ms ease-in-out;}
.hide 									{ display: none;}
.ul_list								{ margin-bottom: clamp(10px, 2vw, 15px);}
.ul_list li								{ padding: 0 0 0 20px; position: relative; margin-top: clamp(5px, 1.5vw, 10px); background: url("../images/list.svg") 0 8px no-repeat;}

@media (min-width:1201px) {
.link:hover:before						{ top: 0; transform: scale(2);}
}
@media (max-width:1200px) {
.chapo									{ font-size: clamp(13px, 3vw, 15px);}
}
@media (max-width:700px) {
.link 									{ height: 40px; line-height: 40px; padding: 0 25px;}
}



/* wave */
.wave_bg 								{ background: var(--lightGreen); position: relative; padding: clamp(80px, 12vw, 180px) 0; overflow: hidden;}
.wave 									{ background: url(../images/wave.svg) left -1px repeat-x; background-size: 25% auto; position: absolute; top: 0; left: 0; width: 200vw; height: 120px; animation: wave 12s linear infinite, swell 8s ease 750ms infinite; transform-origin: center top;}
.wave_reverse							{ transform: rotate(180deg); position: absolute; bottom: 0; right: 0;}

@keyframes wave {
0% 		{ margin-left: 0;}
100% 	{ margin-left: -50vw;}
}
@keyframes swell {
0% 		{ transform: scaleY(1);}
25% 	{ transform: scaleY(0.75);}
50% 	{ transform: scaleY(1);}
75% 	{ transform: scaleY(1.15);}
100% 	{ transform: scaleY(1);}
}
@media (max-width:1200px) {
.wave 									{ background-size: 30% auto;}
}
@media (max-width:1000px) {
.wave 									{ background-size: 35% auto;}
}
@media (max-width:700px) {
.wave_bg 								{ padding: clamp(30px, 10vw, 60px) 0;}
.wave, 
.wave_reverse 							{ display: none;}
}




/***** header et menu *****/
.header 								{ width: 100%; font-size: 0; line-height: 0; letter-spacing: 0; position: fixed; left: 0; top: 0; z-index: 100; text-align: right; padding: 35px 0; background: #fff; transition: all 400ms ease-in-out;}
.header .logo							{ width: 175px; position: absolute; left: 0; top: -3px; z-index: 250;}
.header .logo img						{ width: 100%; height: auto; display: block;}
.header .header_nav 					{ display: block; position: relative; text-align: center;}
.header .menu>li						{ display: inline-block; vertical-align: top; margin: 0 clamp(5px, 0.8vw, 20px);}
.header .menu>li a:not(.link)			{ font: 600 16px/50px "Poppins"; height: 50px; display: block; letter-spacing: 0.6px; background: #fff; border-radius: 12px; padding: 0 20px;}
.header .menu>li.active>a				{ color: #fff; background: var(--darkBlue);}

@media (min-width:1201px) {
.tel_mobile,
.menu_mobile 							{ display: none;}
.header .menu>li:last-child				{ margin: 0; position: absolute; right: 0; top: 0;}
.header .menu>li:hover 					{ z-index: 999;}		
.header .menu>li:hover>a:not(.link)		{ color: #fff; background: var(--darkBlue);}
.sticky .header 						{ padding: 20px 0;}
}
@media (max-width:1200px) {
.menu_mobile							{ width: 70px; height: 90px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; z-index: 250; margin: 0 -15px; transition: height 400ms ease-in-out;}
.menu_mobile div						{ width: 40px; height: 2px; background: var(--darkBlue); position: absolute; right: 50%; top: 50%; margin: -1px -20px 0 0;}
.menu_mobile div:before					{ width: 100%; height: 2px; background: var(--darkBlue); position: absolute; right: 0; top: 7px; content: "";}
.menu_mobile div:after					{ width: 100%; height: 2px; background: var(--darkBlue); position: absolute; right: 0; top: -7px; content: "";}
.menu_mobile.active div					{ height: 0; width: 30px; margin-right: -15px;}
.menu_mobile.active div:before			{ top: 0; transform: rotate(45deg);}
.menu_mobile.active div:after			{ top: 0; transform: rotate(-45deg);}

.header 								{ padding: 0;}
.header ::-webkit-scrollbar				{ display: none;}
.header .logo							{ top: 18px;}
  
.header .header_nav 					{ width: 100%; position: fixed; right: -100%; top: 0; bottom: 0; overflow-y: scroll; z-index: 200; background: var(--darkBlue); border-top: 90px solid #fff; display: grid; transition: all 400ms ease-in-out 200ms;}
.header .menu  							{ display: block; width: auto; text-align: center; margin: 0 5vw 5vw 5vw; position: relative; z-index: 100; align-self: center; transform: translateY(-8%); opacity: 0; transition: all 300ms ease-in-out 0ms;}
.header .menu>li 						{ width: 100%; display: block; margin: 0;}
.header .menu>li a:not(.link) 			{ font-size: clamp(20px, 7vw, 35px); line-height: 200%; height: auto; letter-spacing: 2px; transition: none; color: #fff; background: none; display: inline-block; font-weight: 400;}
.header .menu>li:last-child				{ margin-top: clamp(20px, 5vw, 30px);}

.header.active .header_nav 				{ right: 0; transition-delay: 150ms;}
.header.active .menu 					{ opacity: 1; transform: translateY(0); transition-delay: 600ms;}
}
@media (max-width:1000px) {
.header .menu  							{ margin: 15vw 5vw; align-self: start;}
}
@media (max-width:700px) {
.menu_mobile							{ height: 70px;}
.header .header_nav 					{ border-width: 70px;}
.header .logo							{ width: 132px; top: 15px;}
.tel_mobile 							{ display: inline-block; vertical-align: middle; width: 40px; height: 50px; background: url("../images/tel.svg") 50% no-repeat #fff; background-size: 22px auto; border-radius: 50%; margin-right: 5vw;}

}




/***** banner *****/
.banner 											{ position: relative; padding-top: clamp(140px, 10vw, 150px); text-align: center; margin-bottom: clamp(20px, 10vw, 50px); display: grid;}
.banner .titre_main 								{ margin: 0;}
.banner .titre_main b 								{ font-size: inherit; font-weight: 700; display: inline-block;}
.banner .titre_main h1 								{ font: 500 clamp(13px, 1.5vw, 20px)/160% "Poppins"; display: block; padding-top: clamp(5px, 1.5vw, 15px);}
.banner .grid 										{ display: grid; grid-template-columns: 30% 1fr auto; grid-gap: 20px; align-items: center; margin-top: 50px;}
.banner .grid .texte  								{ max-width: 380px; margin: 0 auto;}
.banner .grid .texte .titre_hw 						{ transform: rotate(-8deg); margin-bottom: clamp(10px, 3vw, 30px);}
.banner .grid .texte .titre_hw:after				{ left: 108%; top: 55%;}
.banner .grid .img img  							{ display: block; width: 100%; height: auto; max-width: 660px; margin: 0 auto;}
.banner .grid .texte .link  						{ margin-top: 25px;}

.banner .grid .logos  								{ display: grid; grid-gap: clamp(5px, 2.5vw, 15px);}
.banner .grid .logos .item a						{ display: grid; align-content: center; background: var(--lightBlue); border-radius: clamp(12px, 2.2vw, 20px); width: 220px; height: auto; aspect-ratio: 22/14; overflow: hidden; border: 3px solid var(--lightBlue);}
.banner .grid .logos .item a img					{ display: block; margin: 0 auto; position: relative; z-index: 5; max-width: 100%; transition: all 200ms ease-in-out;}
.banner .grid .logos .item a:before 				{ background: #fff; position: absolute; left: 35%; bottom: 100%; width: 100%; aspect-ratio: 1/1; border-radius: 50%; content: "";}

@media (min-width:1201px) {
.banner 											{ min-height: 70vh;}
.banner .grid .img  								{ padding-right: 2.5%;}
.banner .grid .logos .item a:hover:before			{ bottom: 0; left: 0; transform: scale(2);}
}
@media (max-width:1300px) {
.banner .grid .logos .item a						{ width: 200px;}
}
@media (max-width:1200px) {
.banner 											{ padding-top: 100px;}
.banner .titre_main h1 								{ font-weight: 400;}
.banner .grid .img img  							{ max-width: 500px;}
.banner .grid .texte .link  						{ display: none;}
.banner .grid 										{ grid-template-columns: 38% 1fr; grid-gap: clamp(10px, 3vw, 30px); margin-top: clamp(10px, 2.5vw, 30px);}
.banner .grid .logos  								{ grid-template-columns: 1fr 1fr 1fr; grid-column: span 2;}
.banner .grid .logos .item a						{ width: 100%; max-height: 120px;}
}
@media (max-width:1000px) {
.banner .grid 										{ grid-template-columns: 42% 1fr;}
.banner .grid .logos .item a						{ max-height: 110px;}
.banner .grid .logos .item a img					{ transform: scale(0.85);}
}
@media (max-width:700px) {
.banner 											{ padding-top: 80px;}
.banner .grid 										{ grid-template-columns: 1fr;}
.banner .grid .texte  								{ max-width: 480px;}
.banner .grid .texte .titre_hw 						{ transform: rotate(0);}
.banner .grid .texte .titre_hw:after				{ display: none;}
.banner .grid .texte .titre_hw br:last-of-type		{ display: none;}
.banner .grid .img  								{ grid-area: 1; margin: 0 auto; padding: 0; width: 90%; max-width: 400px;}
.banner .grid .logos  								{ grid-column: auto; padding-top: 2.5vw;}
.banner .grid .logos .item a						{ border-radius: 10px;}
.banner .grid .logos .item a img					{ transform: scale(0.75);}
}



/***** CA customers *****/
.ca_customers 										{ text-align: center; font: 500 clamp(14px, 2.5vw, 35px)/110% "Quicksand"; padding-top: clamp(15px, 3vw, 30px);}
.ca_customers .titre_main							{ display: inline-block; margin-bottom: 10px;}
.ca_customers .titre_main.hey:after					{ left: -12.5%; bottom: 60%;}
.ca_customers .titre_main i							{ font-style: normal;}

@media (max-width:700px) {
.ca_customers .titre_main							{ margin: -4px 0 8px 0;}
}



/***** 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: 50px; height: 100px; border-radius: 50px 0 0 50px; border: 0; padding: 0; font-size: 0; cursor: pointer;}
.slick-disabled 									{ opacity: 0.65; cursor: default;}
.slick-next											{ background: url("../images/arrow_slider.svg") 66% 50% no-repeat var(--green);}
.slick-prev											{ transform: rotate(180deg); background: url("../images/arrow_slider.svg") 66% 50% no-repeat var(--green);}

@media (min-width:1201px) { 
.slick-arrow:not(.slick-disabled):hover 			{  }
}
@media (max-width:700px) { 
.slick-arrow										{ width: 40px; height: 50px;}
.slick-prev,
.slick-next											{ background-size: auto 20px;}
}



/***** references *****/
.references 										{ text-align: center; position: relative;}
.references .titre_hw								{ position: absolute; right: 10%; top: -15%; transform: rotate(-8deg);}
.references .titre_hw:after							{ top: 104%; right: -8%; transform: rotate(75deg);}
.references .titre_hw img							{ position: absolute; left: 15%; bottom: 100%;}
.references .grid									{ margin: 0 clamp(-8px, -1.5vw, -4px); padding: 0 5vw; max-height: 900px;}
.references .slick-list								{ padding: clamp(40px, 8vw, 120px) 0;}
.references .item									{ border-radius: clamp(12px, 2.2vw, 20px); overflow: hidden; cursor: pointer; margin: 0 clamp(4px, 1.5vw, 8px);}
.references .item a									{ display: block; background: #000;}
.references .item img:first-of-type					{ display: block; width: 100%; height: 100%; max-height: 650px; object-fit: cover; transform-origin: 50% 20%;}
.references .item img.logo							{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.references .nav_slider 							{ position: absolute; left: 0; right: 0; top: 50%; height: 0; z-index: 20; text-align: left; margin-top: -50px;}
.references .nav_slider .slick-next 				{ float: right;}

/* animation */
.references .item 									{ clip-path: inset(50% 0 50% 0); transition: clip-path 800ms ease 400ms, transform 1000ms ease-in-out 800ms, border-radius 300ms ease-in-out;}
.references .item img:first-of-type					{ filter: brightness(0.5) blur(0); transition: filter 1400ms ease 800ms, transform 300ms ease-in-out, opacity 300ms ease-in-out;}
.references .item img.logo							{ opacity: 0; transition: opacity 400ms ease-in-out 1600ms;}
.references.play .slick-active 						{ clip-path: inset(0 0 0 0);}
.references.play .slick-active img:first-of-type	{ filter: brightness(1) blur(0);}
.references.play .slick-active img.logo				{ opacity: 1;}

@media (min-width:1201px) {
.references.play .slick-active:nth-child(odd)		{ transform: translateY(30px);}
.references.play .slick-active:nth-child(even)		{ transform: translateY(-30px);}

.references .item:hover								{ border-radius: 30px;}
.references .item:hover img:first-of-type			{ transform: scale(1.05); opacity: 0.75;}
}
@media (max-width:1400px) {
.references .item img.logo							{ transform: translate(-50%, -50%) scale(0.85);}
}
@media (max-width:700px) {
.references .grid									{ margin: clamp(20px, 8vw, 60px) 0; display: flex; gap: clamp(5px, 2.5vw, 15px); width: 100vw; overflow-x: auto; padding: 0 5vw;}
.references .grid::-webkit-scrollbar				{ display: none;}
.references .item									{ min-width: clamp(200px, 60vw, 300px); margin: 0;}
.references .item img.logo							{ transform: translate(-50%, -50%) scale(0.65);}
.references.play .item 								{ clip-path: inset(0 0 0 0);}
.references.play .item img:first-of-type			{ filter: brightness(1) blur(0);}
.references.play .item img.logo						{ opacity: 1;}
}
@media (max-width:500px) {
.references .item img.logo							{ transform: translate(-50%, -50%) scale(0.5);}
}




/***** ecommerce *****/
.ecommerce 											{ text-align: center; margin: var(--marginTB);}
.methodologie                           			{ position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: clamp(40px, 3vw, 80px); margin: clamp(15px, 5vw, 40px) 0; text-align: left;}
.methodologie .item                     			{ position: relative;}
.methodologie .item img                   			{ display: block; width: clamp(70px, 8vw, 140px); height: auto; margin-left: -10px; margin-bottom: clamp(12px, 2.2vw, 20px);}

@media (max-width:1000px) {
.methodologie                           			{ grid-template-columns: 1fr; grid-gap: clamp(15px, 5vw, 40px);}
.methodologie .item img         					{ margin-left: -8px;}
.methodologie .item:last-child img          		{ margin-left: -5px;}
}
@media (max-width:700px) {
.methodologie .item img         					{ margin-left: -6px;}
.methodologie .item:last-child img          		{ margin-left: -4px;}
.ecommerce>.link 				         			{ display: none;}
}




/***** bloc grid *****/
.bloc_grid	                        				{ display: grid; grid-template-columns: 50% 1fr; grid-gap: clamp(20px, 5vw, 80px); align-items: center; position: relative; margin: var(--marginTB);}
.bloc_grid.align_top                				{ align-items: start;}
.bloc_grid .photo									{ position: relative; line-height: 0;}
.bloc_grid .photo img 								{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10;}
.bloc_grid .texte									{ position: relative;}
.bloc_grid .texte :last-child 						{ margin-bottom: 0;}
.bloc_grid p               							{ margin-bottom: 15px;}
.bloc_grid .link									{ margin-top: 10px;}
.bloc_grid.reverse 									{ grid-template-columns: 1fr 50%;}
.bloc_grid.reverse .texte							{ grid-area: 1 / 1;}
.bloc_grid.reverse .photo        					{ grid-area: 1 / 2;}

@media (max-width:1200px) { 
.bloc_grid	                        				{ align-items: start;}
}
@media (max-width:1000px) { 
.bloc_grid	                        				{ grid-template-columns: 1fr;}
.bloc_grid .texte									{ max-width: none;}
.bloc_grid .texte,
.bloc_grid.reverse  								{ grid-template-columns: 1fr;}
.bloc_grid.reverse .texte							{ grid-area: 2;}
.bloc_grid.reverse .photo        					{ grid-area: 1;}
}
@media (max-width:700px) { 
.bloc_grid p               							{ margin-bottom: 10px;}
.bloc_grid .link									{ margin-top: 5px;}
}




/***** solutions *****/
.nav_solutions 										{ border-bottom: 3px solid var(--lightBlue); font-size: 0; line-height: 0; letter-spacing: 0;}
.nav_solutions a									{ font-size: 24px; height: 90px; line-height: 84px; font-weight: 600; letter-spacing: 0.4px; width: 240px; display: inline-block; margin: 0 10px -3px 10px; background: var(--lightBlue); border-radius: 10px 10px 0 0; border: 3px solid transparent;}
.nav_solutions a.active								{ background: #fff; border-color: var(--lightBlue); border-bottom-color: #fff;}

.solutions  										{ margin: var(--marginTB);}
.solutions .item .intro 							{ max-width: 780px; text-align: center; margin: clamp(20px, 8vw, 40px) auto; padding-top: 30px;}
.solutions .item .intro p							{ margin-top: 15px;}
.solutions .item .intro .titre_main					{ margin-bottom: clamp(15px, 4vw, 25px);}
.solutions .item .intro .titre_main span 			{ display: inline-block; width: clamp(80px, 18vw, 180px); background: url("../images/stars.svg") 50% 60% no-repeat; background-size: 68% auto; text-align: left;}
.solutions .item .intro .titre_main span:before 	{ content: "{";}
.solutions .item .intro .titre_main span:after 		{ content: "}"; float: right;}
.solutions .item .bloc_grid 						{ display: grid; grid-template-columns: 1fr 1fr; text-align: left; margin: 0;}

@media (max-width:1200px) {
.nav_solutions a									{ font-size: 20px; height: 70px; line-height: 64px; width: 180px;}
.solutions .item .intro 							{ padding-top: 0;}
.solutions .item .intro span img					{ transform: translateY(8%);}
}
@media (max-width:1000px) {
.solutions .item .bloc_grid 						{ grid-template-columns: 1fr;}
.solutions .item .bloc_grid .photo					{ grid-area: 1;}
.solutions .item .bloc_grid .photo img				{ max-width: 500px; margin: 0 auto;}
.solutions .item .bloc_grid .show_hide				{ margin: 0;}
}
@media (max-width:700px) {
.solutions  										{ padding-top: 2vw;}
.nav_solutions 										{ border: none; display: grid; grid-template-columns: minmax(115px, 1fr) 1fr 1fr; padding: 0; grid-gap: 2vw; margin: 0;}
.nav_solutions a									{ font-size: 13px; height: 46px; line-height: 46px; width: auto; margin: 0; padding: 0 15px; border: none; border-radius: clamp(12px, 2.2vw, 20px); font-weight: 500;}
.nav_solutions a.active								{ background: var(--darkBlue); color: #fff;}
}




/***** about *****/
.about   											{ margin: 0; padding: clamp(10px, 5vw, 40px) 0;}
.about .bloc_grid									{ display: grid; grid-template-columns: 1fr 50%; grid-gap: clamp(30px, 5vw, 100px); margin: 0; padding-bottom: clamp(20px, 8vw, 100px);}
.about .bloc_grid .photo>.titre_hw					{ width: 260px; text-align: center; position: absolute; left: 65%; top: 110%; transform: rotate(-10deg);}
.about .bloc_grid .photo>.titre_hw:after			{ left: 22%; bottom: 118%; transform: rotate(90deg) scale(-1, 1);}
.about .bloc_grid .photo>.titre_hw br				{ display: none;}
.about .bloc_grid .team								{ display: flex; gap: clamp(5px, 2.5vw, 20px); flex-wrap: wrap; justify-content: center; align-items: start; max-width: 520px; margin: 0 auto;}
.about .bloc_grid .team	.item						{ min-width: 30%; aspect-ratio: 1/1; perspective: 1000px;}
.about .bloc_grid .team	.item:nth-child(1),
.about .bloc_grid .team	.item:nth-child(4) 			{ transform: translateY(40px);}
.about .bloc_grid .team	.item:nth-child(3),
.about .bloc_grid .team	.item:nth-child(6) 			{ transform: translateY(100px);}
.about .bloc_grid .team	.item.hey:after				{ right: 100%; top: 90%; transform: rotate(285deg);}
.about .bloc_grid .team	.item .inner				{ position: relative; width: 100%; height: 100%; text-align: center; transform-style: preserve-3d; animation-name: flip_left; animation-duration: 6000ms; animation-iteration-count: infinite;}
.about .bloc_grid .team	.front_card					{ background: #fff; padding-top: 8%; border-radius: clamp(12px, 2.5vw, 20px); height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.about .bloc_grid .team	.back_card					{ display: grid; align-items: center; justify-content: center; background: var(--darkBlue); color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg); border-radius: clamp(12px, 2.5vw, 20px);}
.about .bloc_grid .team	.item img					{ width: 50%; max-width: 84px; margin: 0 auto;}
.about .bloc_grid .team	.titre_hw 					{ font-size: clamp(20px, 2.5vw, 28px); line-height: 110%; transform: rotate(-8deg); width: 100%; text-align: center; margin: 0;}
.about .bloc_grid .team	.titre_hw:after				{ display: none;}


.delay_anim-1										{ animation-delay: 400ms;}
.delay_anim-2										{ animation-delay: 2200ms;}
.delay_anim-3										{ animation-delay: 3600ms;}
.delay_anim-4										{ animation-delay: 5800ms;}
.delay_anim-5										{ animation-delay: 800ms;}
.delay_anim-6										{ animation-delay: 4200ms;}
.delay_anim-7										{ animation-delay: 2800ms;}

@keyframes flip_left {
0%													{ transform: rotateY(0deg);}
25%													{ transform: rotateY(0deg);}
50%													{ transform: rotateY(180deg);}
75%													{ transform: rotateY(180deg);}
100%												{ transform: rotateY(0deg);}
}

.about .bloc_grid .titre_main 						{ margin-bottom: clamp(15px, 3vw, 25px);}
.about .bloc_grid .titre_main br					{ display: none;}
.about .bloc_grid p 								{ margin-bottom: 15px; max-width: 700px;}
.about .bloc_grid .links							{ display: grid; grid-template-columns: auto 1fr; grid-gap: clamp(10px, 3vw, 20px); margin-top: clamp(20px, 3.5vw, 30px);}
.about .bloc_grid .links .rs						{ display: grid; grid-template-columns: 50px 50px 50px; grid-gap: clamp(5px, 2vw, 10px);}
.about .bloc_grid .links a							{ margin: 0;}

@media (max-width:1200px) {
.about .bloc_grid									{ grid-template-columns: 1fr 1fr; padding-bottom: 0;}
.about .bloc_grid .photo>.titre_hw					{ left: 40%; top: 120%; transform: rotate(10deg);}
.about .bloc_grid .photo>.titre_hw:after			{ left: 40%; bottom: 125%; transform: rotate(120deg) scale(-1, 1);}
.about .bloc_grid .team	.item.hey:after				{ display: none;}
.about .bloc_grid p 								{ max-width: none;}
}
@media (max-width:1000px) {
.about .bloc_grid									{ grid-template-columns: 1fr;}
.about .bloc_grid .photo 							{ text-align: center;}
.about .bloc_grid .photo>.titre_hw					{ position: relative; left: auto; top: auto; transform: none; margin: 0 auto clamp(20px, 6.5vw, 35px) auto; width: auto;}
.about .bloc_grid .photo>.titre_hw:after			{ left: 75%; bottom: auto; transform: rotate(30deg); top: 90%;}
.about .bloc_grid .photo>.titre_hw br,
.about .bloc_grid .titre_main br 					{ display: block;}
}
@media (max-width:700px) {
.about   											{ padding: 0;}
.about .bloc_grid .links .rs						{ grid-template-columns: 40px 40px 40px;}
.about .bloc_grid p 								{ margin-bottom: 10px;}
}




/***** faq *****/
.bloc_faq									{ margin: var(--marginTB); padding-bottom: clamp(20px, 5vw, 40px);}





/***** show hide *****/
.show_hide                        			{ position: relative; margin: clamp(15px, 4vw, 25px) 0;}
.show_hide .item                  			{ width: calc(100% - 85px); background: var(--lightBlue); border-radius: 15px; margin: 15px 0;}
.show_hide .titre                 			{ font: 500 clamp(13px, 2.5vw, 16px)/150% "Poppins"; color: var(--darkBlue); position: relative; cursor: pointer; padding: 23px 35px; margin: 0;}
.show_hide .titre span.plus                 { width: 70px; height: 70px; background: var(--lightBlue); border-radius: 15px; position: absolute; left: calc(100% + 15px); top: 0; z-index: 5;}
.show_hide .titre span.plus i   	    	{ width: 24px; height: 2px; background: var(--darkBlue); border-radius: 25em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: "";}
.show_hide .titre span.plus i:after	    	{ width: 100%; height: 100%; background: var(--darkBlue); border-radius: 25em; position: absolute; left: 0; top: 0; transform: rotate(90deg); transition: none; content: "";}
.show_hide .titre.active span.plus i:after	{ opacity: 0;}
.show_hide .hide                  			{ margin: 0; padding: 0 35px 30px 35px; display: none;}
.show_hide .hide p 							{ margin-bottom: 15px;}
.show_hide .hide p a						{ color: var(--red); border-bottom: 1px solid var(--red); padding-bottom: 1px;}
.show_hide .hide :last-child 	 			{ margin-bottom: 0;}

@media (min-width:1201px){
.show_hide .titre:after          			{ width: 15px; height: 70px; position: absolute; right: -15px; top: 0; background: var(--lightBlue); transition: none; content: "";}
.show_hide .titre span.plus:before          { width: 15px; height: 40%; background: #fff; border-radius: 0 0 25em 25em; position: absolute; left: -15px; top: 0; transition: none; content: "";}
.show_hide .titre span.plus:after   	    { width: 15px; height: 40%; background: #fff; border-radius: 25em 25em 0 0; position: absolute; left: -15px; bottom: 0; transition: none; content: "";}
}
@media (max-width:1200px){
.show_hide .item                  			{ width: 100%;}
.show_hide .titre span.plus                 { width: 20px; height: 100%; border-radius: 0; left: auto; right: 20px;}
.show_hide .titre span.plus i   	    	{ width: 20px;}
.show_hide .titre                 			{ padding: 20px 60px 20px 30px;}
.show_hide .hide                  			{ padding: 0 25px 30px 25px;}
}
@media (max-width:700px){
.show_hide .item                  			{ border-radius: 10px; margin: 10px 0;}
.show_hide .titre                 			{ padding: 15px 55px 12px 20px;}
.show_hide .titre span.plus                 { width: 18px; right: 18px;}
.show_hide .titre span.plus i   	    	{ width: 18px;}
.show_hide .hide                  			{ padding: 5px 20px 20px 20px;}
.show_hide .hide p 							{ margin-bottom: 10px;}
}




.cta_fixed 									{ position: fixed; right: 2vw; bottom: 2vw; z-index: 900; font-size: 14px; line-height: 23px;}
.cta_fixed .pop								{ width: 360px; height: 202px;border-radius: 20px; position: relative; overflow: hidden; box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);}
.cta_fixed .pop .head						{ display: grid; grid-template-columns: auto 1fr; align-items: center; grid-gap: 15px; background: var(--darkBlue); margin: 0; padding: 0 22px;}
.cta_fixed .pop .head b						{ color: #fff; font-weight: 400; font-size: 13px; letter-spacing: 0.8px; padding-top: 2px;}
.cta_fixed .pop .content					{ padding: 16px 22px 22px 22px; background: #fff; }
.cta_fixed .pop .link						{ border-radius: 13px; text-align: center; font-size: 15px; padding: 0; display: block; margin-top: 12px;}
.cta_fixed .pop .close						{ width: 56px; height: 56px; position: absolute; right: 10px; top: 0; background: none; border: none; padding: 0; cursor: pointer;}
.cta_fixed .pop .close:after	    		{ width: 45%; height: 2px; background: #fff; 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: 45%; background: #fff; border-radius: 25em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: none; content: "";}

.cta_fixed .pop .open						{ transition: opacity 100ms ease-in-out 0ms; width: 0; height: 0; position: absolute; right: 0; bottom: 0; background: url("../images/email.svg") 50% no-repeat; background-size: 30px auto; opacity: 0;}
.cta_fixed .pop								{ transition: all 200ms ease-in-out 0ms;}
.cta_fixed .pop .head						{ transition: all 100ms ease-in-out 100ms;}
.cta_fixed .pop .content					{ transition: all 100ms ease-in-out 100ms;}

.cta_fixed .pop.off_footer					{ width: 70px; height: 70px; border-radius: 50%; box-shadow: none; background: var(--green); transition-delay: 150ms;}
.cta_fixed .pop.off_footer .head			{ opacity: 0; visibility: hidden; transition-delay: 0ms;}
.cta_fixed .pop.off_footer .content			{ opacity: 0; visibility: hidden; transition-delay: 0ms;}
.cta_fixed .pop.off_footer .open			{ width: 100%; height: 100%; opacity: 1; cursor: pointer; transition-delay: 450ms;}

.cta_fixed .pop.off							{ width: 70px; height: 70px; border-radius: 50%; box-shadow: none; background: var(--green); transition-delay: 150ms;}
.cta_fixed .pop.off .head					{ opacity: 0; visibility: hidden; transition-delay: 0ms;}
.cta_fixed .pop.off .content				{ opacity: 0; visibility: hidden; transition-delay: 0ms;}
.cta_fixed .pop.off .open					{ width: 100%; height: 100%; opacity: 1; cursor: pointer; transition-delay: 450ms;}





/***** social *****/
.rs a										{ width: 50px; height: 50px; border-radius: 50%; display: inline-block; vertical-align: top; margin-right: clamp(5px, 2.5vw, 10px); background: 50% no-repeat var(--green);}
.rs .facebook								{ background-image: url("../images/facebook.svg");}
.rs .twitter								{ background-image: url("../images/twitter.svg");}
.rs .linkedin								{ background-image: url("../images/linkedin.svg"); background-position: 50% 45%;}

@media (max-width:700px) {
.rs a										{ width: 40px; height: 40px;}
.rs .facebook								{ background-size: auto 18px;}
.rs .twitter								{ background-size: 16px auto;}
.rs .linkedin								{ background-size: 18px auto;}
}




/***** footer *****/
.footer										{ position: relative; background: var(--darkBlue); color: #fff; padding: var(--paddingTB); padding-bottom: 0;}
.footer .bloc_footer 						{ display: inline-block; vertical-align: top; position: relative;}
.footer .bloc_footer .logo 					{ width: 175px; height: auto; display: block; margin: -10px 0 clamp(15px, 3vw, 25px) 0;}
.footer .bloc_footer p						{ margin-top: 10px;}
.footer .bloc_footer p a					{ color: #239e98;}
.footer .links 								{ display: grid; grid-template-columns: auto auto auto; grid-gap: 10px; margin-top: clamp(20px, 3.5vw, 30px);}
.footer .links .link:before					{ background-color: #4d637b;}
.footer .links .tel 						{ background: #fff; color: var(--darkBlue); line-height: 50px; text-align: center;}
.footer .links .tel:before					{ display: none;}
.footer .links .tel span					{ padding-left: 30px; margin-left: -2px; display: inline-block;}
.footer .links .tel span:after 				{ width: 20px; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/tel.svg") 50% no-repeat; content: "";}
.footer	.rs									{ font-size: 0; line-height: 0; letter-spacing: 0; grid-gap: 0; margin-left: 20px;}
.footer	.rs	a								{ width: 46px; border-radius: 0; background-color: transparent;}
.footer .certis								{ display: grid; grid-template-columns: 120px 120px; grid-gap: clamp(5px, 2vw, 10px); position: absolute; right: 0; top: 0;}
.footer .certis img 						{ width: 100%; height: auto; display: block; background: #fff; border-radius: clamp(5px, 2vw, 10px);}
.footer .scroll 							{ width: 50px; height: 50px; border-radius: 50%; background: url("../images/scrolltop.svg") 50% 48% no-repeat #4d637b; margin: 0; position: absolute; right: 0; top: clamp(-120px, -10vw, -20px); margin-top: -25px;}
.footer .akiles 							{ display: block; position: absolute; right: 0; bottom: 20px;}
.footer .akiles span 						{ font-size: 12px; line-height: 20px; display: block; float: left; color: #fff; margin-right: 10px;}
.footer .akiles img 						{ width: 60px; height: auto; display: block; filter: brightness(10000%);}
.footer_bottom   							{ padding: 20px 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: 4px; background: var(--green);}
.footer_bottom li:first-child 				{ margin-right: 40px;}
.footer_bottom li:first-child:after,
.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 				{ color: #fff;}
.footer .bloc_footer li a:hover, 	 
.footer_bottom li a:hover 	 				{ color: var(--green);}
.footer .rs a:hover 	 					{ opacity: 0.5;}
}
@media (max-width:1200px) {
.footer .certis								{ grid-template-columns: 110px 110px;}
}
@media (max-width:1000px) {
.footer .certis								{ position: relative; right: auto; top: auto; margin-top: clamp(20px, 7vw, 60px);}
.footer_bottom   							{ padding-top: 0; margin: 0;}
.footer_bottom li:first-child 				{ display: block; margin: clamp(30px, 8vw, 60px) 0;}
.footer_bottom li:first-child a				{ display: block; margin: 10px auto 0 auto;}
.footer_bottom li a img						{ margin: 0;}
}
@media (max-width:700px) {
.footer .bloc_footer   						{ display: block; text-align: center;}
.footer .bloc_footer .logo 					{ width: 150px; margin-left: auto; margin-right: auto;}
.footer .links 								{ grid-template-columns: 1fr;}
.footer .links .link 						{ display: block; margin: 0 auto; width: 100%; max-width: 200px;}
.footer .links .tel 						{ line-height: 40px;}
.footer	.rs									{ margin: clamp(20px, 6vw, 50px) 0;}
.footer .certis								{ grid-template-columns: 80px 80px;  margin-left: auto; margin-right: auto; justify-content: center; margin-top: 0;}
.footer .scroll 							{ width: 40px; height: 40px; margin-top: -10px; background-size: 14px auto;}
.footer .akiles img 						{ width: 46px;}
.footer_bottom  							{ padding-bottom: 20px; text-align: center;}
.footer_bottom li:first-child 				{ text-align: center;}
.footer_bottom li:first-child a				{ width: 74px;}
.footer_bottom li 							{ display: block; font-size: 11px; line-height: 24px; margin: 0;}
.footer_bottom li:after						{ display: none;}
}







/***** top page *****/
.top_page 							{ position: relative; padding-top: clamp(140px, 10vw, 140px);}

@media (max-width:1200px) {
.top_page 							{ padding-top: 100px;}
}
@media (max-width:1000px) { 

}
@media (max-width:700px) { 
.top_page 							{ padding-top: 80px;}

}




/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding: 0;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 25px; letter-spacing: 0.8px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; position: absolute; right: -15px; top: 4px; background: var(--green); content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a.active 			{ color: var(--green);}

@media (min-width:1201px) {
.breadcrumb a:hover                 { color: #444;}
}
@media (max-width:1000px) { 
.breadcrumb							{ padding: 40px 0 0 0;}
}
@media (max-width:700px) { 
.breadcrumb							{ display: none;}
}





/***** champs formulaire *****/ 
label								{ display: block; margin: 0 0 10px 0;}
label span							{ color: #e81e3f;}
select,
input[type="text"],
input[type="email"],
input[type="date"],
textarea 							{ width: 100%; height: 65px; border: none; font: 400 clamp(13px, 1.2vw, 15px)/180% "Poppins"; letter-spacing: 0.4px; padding: 0 25px; border-radius: 10px; background: var(--lightBlue); margin-bottom: clamp(25px, 4vw, 30px);}
select								{ -webkit-appearance: none; appearance: none; background: url("../images/arrow_down_blue.svg") right+25px center no-repeat var(--lightBlue); padding-bottom: 0;}
textarea							{ min-height: 160px; padding: 20px 25px; display: block;}
input[type=checkbox] 				{ -webkit-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; width: 20px; height: 20px; display: block; float: left; padding: 0; margin: 0;}
::placeholder 						{ opacity: 0.65; color: var(--darkBlue); letter-spacing: 0.6px;}

@media (max-width:700px) { 
select,
input[type="text"],
input[type="email"],
input[type="date"],
textarea 							{ height: 50px; padding: 0 20px; border-radius: 8px;}
select								{ background-position: right+20px center;}
textarea							{ padding: 15px 20px;}
}


/** formulaire **/
.formulaire 						{ position: relative;}
.formulaire .grid 					{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: clamp(12px, 3vw, 16px); margin-bottom: clamp(15px, 3vw, 30px);}
.formulaire .grid * 				{ margin: 0;}
.formulaire .grid .fullw			{ grid-column: span 2;}
.formulaire .btn_sub				{ text-align: right;}
.formulaire .link 					{ border: none; cursor: pointer; background-image: linear-gradient(to top, var(--darkBlue) 0% 50%, var(--green) 50% 100%); background-size: 100% 200%; background-position: 0 0; padding-bottom: 1px;}

@media (min-width:1201px) { 
.formulaire .link:hover				{ background-position: 0 100%;}
}
@media (max-width:700px) { 
.formulaire .grid 					{ grid-template-columns: 1fr;}
.formulaire .grid .fullw			{ grid-column: auto;}
.formulaire .link 					{ width: 100%;}
}


/***** confirmation formulaire *****/
.confirmation_form			 		{ text-align: center; background: var(--lightGreen); width: 100%; padding: clamp(20px, 5vw, 40px); border-radius: clamp(20px, 2.2vw, 12px); margin-top: 40px;}
.confirmation_form p			 	{ margin: 5px 0 15px 0;}

@media (max-width:2200px) { 
.confirmation_form			 		{ margin-top: 0;}
}
@media (max-width:700px) { 
.confirmation_form p			 	{ margin: 5px 0 10px 0;}
}

/***** RGPD *****/
#rgpdForm 							{ font: 400 13px/22px "Poppins"; letter-spacing: 0.4px; padding: 0 15px;}
#rgpdForm input[type=checkbox]		{ width: 20px; height: 20px; display: block; float: left; padding: 0; margin: 6px 0 0 0; -webkit-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox;}
#rgpdForm label						{ display: block; margin: 0; padding-left: 40px; font: 400 13px/22px "Poppins"; letter-spacing: 0.4px;}
#rgpdForm a							{ position: relative; color: var(--green);}
#rgpdFormAcceptError				{ padding: 5px 0 0 30px; color: #e81e3f;}

@media (max-width:700px) { 
#rgpdForm 							{ padding: 0; font-size: 12px; line-height: 20px;}
#rgpdForm input[type=checkbox]		{ width: 16px; height: 16px; margin: 4px 0 0 0;}
#rgpdForm label						{ padding-left: 30px; font-size: 12px; line-height: 20px;}
}


/* custom */
.rgpd 								{ margin: 10px 0 clamp(25px, 4vw, 30px) 0;}

@media (max-width:700px) { 
.rgpd 								{ margin-top: 0;}
}




#contact .page  									{ min-height: 70vh;}
#contact .top_page  								{ text-align: center; padding-top: clamp(140px, 10vw, 150px);}
#contact .top_page .titre_main h1 					{ font: 500 clamp(13px, 2vw, 20px)/160% "Poppins"; display: block; padding-top: clamp(5px, 1.5vw, 15px);}
#contact .contact_grid 								{ display: grid; grid-template-columns: 420px 1fr 420px; align-items: start; margin: var(--marginTB); margin-top: clamp(20px, 5vw, 80px);}
#contact .contact_form 								{ margin-top: 40px; width: 100%; max-width: 900px; margin: 0 auto;}
#contact .contact_bloc 								{ background: var(--lightGreen); padding: 0 0 clamp(20px, 5vw, 40px) 0; border-radius: clamp(20px, 2.2vw, 12px); text-align: center; position: sticky; top: 150px; margin-top: 40px;}
#contact .contact_bloc .titre_hw					{ position: relative; display: inline-block; margin: -45px 0 40px 0; transform: rotate(-8deg);}
#contact .contact_bloc .titre_hw:after				{ left: 25%; bottom: 120%; transform: rotate(-95deg) scale(1, -1); display: none;}
#contact .contact_bloc .link						{ margin-top: 20px;}
#contact .contact_bloc .tel 						{ background: var(--darkBlue); color: #fff; line-height: 50px; text-align: center;}
#contact .contact_bloc .tel:before					{ display: none;}
#contact .contact_bloc .tel span					{ padding-left: 30px; margin-left: -2px; display: inline-block;}
#contact .contact_bloc .tel span:after 				{ width: 20px; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/tel.svg") 50% no-repeat; content: "";}

@media (max-width:2200px) { 
#contact .page  									{ min-height: inherit;}
#contact .contact_grid 								{ grid-template-columns: 1fr;}
#contact .contact_grid>div:first-of-type			{ display: none;}
#contact .contact_bloc 								{ position: relative; top: auto; width: 100%; max-width: 900px; margin: clamp(20px, 8vw, 100px) auto 0 auto;}
#contact .contact_bloc .titre_hw					{ margin: -5% 0 4.5% 0;}
}
@media (max-width:1200px) { 
#contact .top_page  								{ padding-top: 100px;}
#contact .top_page .titre_main h1 					{ font-weight: 400;}
}
@media (max-width:700px) { 
#contact .top_page  								{ padding-top: 80px;}
#contact .contact_form 								{ padding-bottom: 2vw;}
#contact .contact_bloc   							{ display: none;}
#contact .contact_bloc .tel 						{ line-height: 40px;}
}