/***** fonts et reset *****/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700&display=swap');


html 			{ font-size: 62.5%; scroll-behavior: smooth;}

@media (max-width:1200px) {
html 			{ font-size: 60%;}
}
@media (max-width:1000px) {
html 			{ font-size: 58%;}
}
@media (max-width:800px) {
html 			{ font-size: 56%;}
}
@media (max-width:400px) {
html 			{ font-size: 54%;}
}

/***** variable *****/
:root {
  --fontBody: "Barlow";
  --colorBody: #0c2963;
  --colorBodyLink: #0c2963;
  --colorBodyLinkHover: #6cbe99;
  --colorBodySousTitre: #6cbe99;
  --Darkblue: #0c2963; 
  --marginBloc: 80px auto;
}

@media (max-width:1000px) {
    :root {
          --marginBloc: 60px auto;
        }
    }

@media (max-width:800px) {
        :root {
          --marginBloc: 40px auto;
        }
    }

@media (max-width:600px) {
        :root {
          --marginBloc: 30px auto;
        }
    }


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;}
ul									{ list-style-type: none;}
body								{ font: 400 1.6rem/1.8 var(--fontBody); letter-spacing: .4px; color: var(--colorBody); background: #ffffff; position: relative;}
body.active_overflow				{ height: 100vh; overflow: hidden;}
a									{ text-decoration: none; color: var(--colorBodyLink); position: relative;}
img									{ border: none;}
main 								{ position: relative;}
#wrapper 							{ min-width: 320px; overflow: hidden; position: relative;}
#wrapper *							{ box-sizing: border-box;}
#footer 							{ position: relative; z-index: 15;}

*, ::before, ::after                { box-sizing: border-box; margin: 0; padding: 0;}

/***** scollbar *****/
::-webkit-scrollbar 				{ width: 6px; height: 6px; background-color: #ffffff;}
::-webkit-scrollbar-thumb			{ background-color: #6cbe99;}


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


/***** class *****/
.wrapper                			{ width: 90vw; max-width: 1400px; margin: 0 auto; position: relative;}
.wrapper_s               			{ max-width: 1200px;}
.titre_main                     	{ font: 600 4rem/130% var(--fontBody); color: var(--Darkblue); margin-bottom: clamp(10px, 2vw, 15px);}
.sous_titre                 		{ font: 600 2.2rem/160% var(--fontBody); color: #6cbe99; margin-bottom: clamp(10px, 2vw, 15px);}
.intro                      		{ margin-bottom: clamp(20px, 6vw, 40px);}
.link                  				{ height: 60px; border: none; display: inline-flex; align-items: center; color: #ffffff; padding: 0 30px; background: #6cbe99; border-radius: 5px; text-transform: uppercase; font-size: 12px; font-weight: 600; cursor: pointer;}

@media (max-width:1200px) {
.header .wrapper					{ height: 100px;}
.header .logo						{ width: 180px;}
}
@media (max-width:700px) {
.titre_main                     	{ font-size: 2.8rem;}

}


/***** liens *****/
.texte p a,
.bloc_texte p a,
.ul_list a,
.grid-equipe .item a 				{ color: var(--colorBodyLink); border-bottom: 1px solid #00000060; }

@media (min-width:1201px) {
.texte p a:hover,
.bloc_texte p a:hover,
.ul_list a:hover,
.grid-equipe .item a:hover 			{ color: var(--colorBodyLinkHover); border-bottom: 1px solid #6cbe99; }
.link:hover                         { color: #fff; background: var(--Darkblue);}
}


/***** 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; background: #fff;}
.header .wrapper					{ height: 130px; display: grid; align-items: center; justify-content: end; transition: height 400ms ease-in-out;}
.header .logo						{ width: 230px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 140; transition: all 400ms ease-in-out;}
.header .logo img					{ width: 100%; height: auto; display: block; transform-origin: left center; transition: all 400ms ease-in-out;}
.header .links  					{ display: flex; flex-wrap: wrap; gap: 10px;}

@media (min-width:1201px) {
.sticky .header 					{ box-shadow: 0 0 40px 0 rgb(0 0 0 / 10%);}
.sticky .header .wrapper 			{ height: 80px;}
.sticky .header .logo img           { transform : scale(0.7);}
}
@media (max-width:1200px) {
.header .wrapper					{ height: 100px;}
.header .logo						{ width: 180px;}
}
@media (max-width:700px) {
.header .wrapper					{ height: 70px;}
.header .logo						{ width: 120px;}
.header .links .link  				{ height: 42px; line-height: 42px; padding: 0 20px;}
.header .links .link:first-child 	{ display: none;}
}



/***** banner *****/
.banner                         	{ position: relative; padding-top: 130px; background: var(--Darkblue);}
.banner .container              	{ padding: clamp(50px, 8vw, 100px) 0; position: relative; display: grid; grid-template-columns: 1fr 40%; grid-gap: 80px; align-items: center; min-height: 55vh;}
.banner .texte                  	{ position: relative; max-width: 680px;}
.banner .texte .link            	{ margin-top: 30px; font: 600 13px/70px var(--fontBody); height: 70px; display: block; text-transform: uppercase; letter-spacing: 1.4px; position: relative; width: max-content; padding-right: 100px;}
.banner .texte .link:after	 		{ content: ''; position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); width: 40px; height: 15px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='15px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M39.1000,7.997 C39.1000,8.340 39.815,8.628 39.551,8.808 L33.675,14.683 C33.293,15.063 32.674,15.063 32.292,14.683 C31.911,14.301 31.911,13.682 32.292,13.303 L36.601,8.997 L0.1000,8.997 C0.447,8.997 -0.000,8.548 -0.000,7.997 C-0.000,7.445 0.447,6.998 0.1000,6.998 L36.655,6.998 L32.292,2.638 C31.911,2.256 31.911,1.638 32.292,1.258 C32.674,0.876 33.293,0.876 33.675,1.258 L39.700,7.281 C39.711,7.291 39.714,7.305 39.724,7.316 C39.892,7.495 39.1000,7.732 39.1000,7.997 Z'/></svg>");}
.banner .texte .titre          		{ font: 400 2rem/140% var(--fontBody); color: #6cbe99; margin-bottom: 5px; margin-top: -10px;}
.banner .texte .sous_titre     		{ font: 600 5rem/1.2 var(--fontBody); color: #fff; position: relative; margin-bottom: clamp(10px, 2vw, 15px);}
.banner .texte p.chapo         		{ font: 400 1.6rem/1.8 var(--fontBody); color: #fff;}

.banner-rdv                    		{ position: relative; background: #fff; border-radius: 10px; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); padding: clamp(25px, 4vw, 50px);}
.banner-rdv .titre             		{ font: 600 2.2rem/1.5 var(--fontBody); color: #6cbe99; margin-bottom: clamp(10px, 2vw, 15px);}
.banner-rdv p                  		{ margin-bottom: clamp(10px, 2vw, 15px);}
.banner-rdv ul li             		{ font: 400 1.8rem/160% var(--fontBody); padding-left: 32px; margin-top: 8px; position: relative;}
.banner-rdv ul li::before     		{ position: absolute; left: 0; top: 2px; width: 22px; height: 20px; background-repeat: no-repeat; background-image: url(../images/check.svg); content: '';}
.banner-rdv :last-child        		{ margin-bottom: 0;}

@media (min-width:1201px) {
.banner .texte .link:hover          { background-color: #fff; color: var(--Darkblue);}
.banner .texte .link:hover:after	{ filter: brightness(0); opacity: 0.9;}
}
@media (max-width:1200px) {
.banner                         	{ padding-top: 100px;}
}
@media (max-width:1000px) {
.banner .container              	{ grid-template-columns: 1fr; grid-gap: 60px;}
.banner .texte .link            	{ width: 100%;}
}
@media (max-width:700px) {
.banner                         	{ padding-top: 70px;}
.banner .container              	{ grid-gap: 40px;}
.banner .texte .titre          		{ margin-bottom: 10px; margin-top: -15px;}
.banner .texte .sous_titre     		{ font-size: 4rem;}
.banner .texte .link            	{ margin-top: 20px; height: 60px; line-height: 60px; text-align: center; padding: 0; font-size: 12px;}
.banner .texte .link:after	 		{ display: none;}
}





/***** dossier *****/
.dossier                      		{ position: relative; margin: var(--marginBloc);}
.dossier .grid                		{ position: relative; display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; grid-gap: clamp(10px, 2vw, 30px);}
.dossier .grid .item                { background: #f0f3f9; border-radius: 10px; padding: clamp(20px, 4vw, 50px); margin: 0;}
.dossier .grid .item .sous_titre 	{ margin-bottom: 10px; line-height: 140%;}

@media (max-width:1200px) {
.dossier .grid                       { grid-template-columns: repeat(2, 1fr);}
}



/***** num *****/
.num                            	{ position: relative; color: var(--Darkblue); width: 40px; height: 40px; font-size: 18px; line-height: 34px; border: 3px solid #6cbe99; background: #fff; border-radius: 8px; display: inline-block; text-align: center; font-weight: 600;}



/***** step *****/
.steps                      		{ position: relative; margin: var(--marginBloc);}
.steps .grid            			{ position: relative; display: grid; grid-template-columns: repeat(4,1fr); align-items: stretch; grid-gap: clamp(10px, 2vw, 30px); padding-top: 30px;}
/*.steps .grid:after        			{ position: absolute; background: #6cbe99; left: 0; top: 50%; transform: translateY(-50%); height: 3px; width: 100%; z-index: -1; margin-top: 15px; content: "";}*/
.steps .grid .item        			{ background: var(--Darkblue); color: #fff; border-radius: 10px; padding: clamp(20px, 3vw, 40px); padding-top: 0; text-align: center; line-height: 160%; margin: 0;}
.steps .grid .item .sous_titre 		{ margin-bottom: 10px; line-height: 140%;}
.steps .grid .item .num 			{ margin: 0 auto; transform: translateY(-20px);}

@media (max-width:1000px) {
.steps .grid            			{ grid-template-columns: 1fr 1fr; padding: 0;}
.steps .grid:after        			{ display: none;}
.steps .grid .item        			{ padding: clamp(20px, 3vw, 40px);}
.steps .grid .item .num 			{ margin-bottom: 15px; transform: none;}
}
@media (max-width:700px) {
.steps .grid            			{ grid-template-columns: 1fr; padding: 0;}
.steps .grid .item .num 			{ border-radius: 50%; border-color: #fff; margin-bottom: 10px; width: 32px; height: 32px; line-height: 26px;}
.steps .grid .item .sous_titre 		{ margin-bottom: 5px;}
}



/***** form *****/
form .step-title h3					{ display: grid; grid-template-columns: auto 1fr; grid-gap: 15px; align-items: center; margin-bottom: clamp(10px, 2vw, 15px); font-weight: 600;}
form .grid 							{ grid-gap: clamp(10px, 2vw, 30px); margin-bottom: clamp(10px, 2vw, 30px);}

form.contact_form.analyse           { background: #fff; padding: 0;}
form.contact_form.analyse .item     { background: #f0f3f9; padding: clamp(20px, 3vw, 40px); border-radius: 10px; margin-bottom: clamp(15px, 2.2vw, 20px);}

@media (max-width:600px) {
form.contact_form:before 				{ display: none;}
}




/***** faq *****/
.show_hide                        	{ position: relative; margin: var(--marginBloc); padding-bottom: clamp(20px, 4vw, 40px);}
.show_hide .sous_titre            	{ padding-bottom: 5px;}
.show_hide .item                  	{ margin-bottom: 10px;}
.show_hide .titre                 	{ position: relative; cursor: pointer; padding: 18px 80px 18px 30px; font: 500 1.6rem/1.4 var(--fontBody); background: #6cbe99; color: #ffffff; overflow: hidden; transition: all 400ms ease-in-out; border-radius: 5px;}
.show_hide .titre:after          	{ width: 30px; height: 30px; background: url(../images/plus.svg) 50% no-repeat #fff; border-radius: 50%; position: absolute; right: 25px; top: 50%; margin-top: -15px; content: "";}
.show_hide .titre.active   			{ background-color: var(--Darkblue); color: #fff;}
.show_hide .titre.active:after   	{ transform: rotate(45deg);}
.show_hide .hide                  	{ padding: 30px 30px 20px 30px; display: none;}
.show_hide .hide p 					{ margin-bottom: 15px;}
.show_hide .hide :last-child 	 	{ margin-bottom: 0;}

@media (min-width:1201px) {
.show_hide .titre:hover 			{ background-color: var(--Darkblue); color: #fff;}
}
@media (max-width:700px){
.show_hide                        	{ margin: 15px 0;}
.show_hide .titre                 	{ padding: 16px 60px 16px 15px; font-size: 14px; line-height: 22px;}
.show_hide .titre:after          	{ right: 12px;}
.show_hide .titre.active:after   	{ filter: invert(1) brightness(200);}
.show_hide .hide                  	{ padding: 20px 20px 10px 20px;}
}
@media (max-width:400px){
.show_hide .hide                  	{ padding: 20px 10px 10px 10px;}
}



.bloc_attention        				{ text-align: center; padding: 35px 25px; text-transform: uppercase; color: #fff; font: 600 1.6rem/1 var(--fontBody); background: #6cbe99;}



/***** footer *****/
.footer                               			{ width: 100%; position: relative; padding-top: 90px; background: var(--Darkblue); color: #ffffff;}
.grid-footer                          			{ display: grid; grid-template-columns:1fr 1fr 300px;}
.grid-footer .item:nth-child(1)                 { font: 400 1.5rem/1.5 var(--fontBody); padding-right: 100px; }
.grid-footer .item:nth-child(1) .titre          { font: 400 2.5rem/2 var(--fontBody); margin-bottom: 15px;}
.grid-footer .item:nth-child(1) p               { margin-bottom: 15px;}
.grid-footer .item:nth-child(1) a               { padding-left: 30px; color: #ffffff;}
.grid-footer .item:nth-child(1) a.footer_adresse:before   { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 16px; height: 20px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='20px'><path fill-rule='evenodd'  fill='rgb(108, 190, 153)' d='M7.1000,-0.002 C3.580,-0.002 -0.000,3.598 -0.000,8.038 C-0.000,13.228 6.130,19.998 7.1000,19.998 C9.870,19.998 15.1000,13.228 15.1000,8.038 C15.1000,3.598 12.420,-0.002 7.1000,-0.002 ZM8.031,12.967 C5.303,12.967 3.093,10.758 3.093,8.029 C3.093,5.302 5.303,3.092 8.031,3.092 C10.759,3.092 12.968,5.302 12.968,8.029 C12.968,10.758 10.759,12.967 8.031,12.967 Z'/></svg>");}
.grid-footer .item:nth-child(1) a.footer_phone:before     { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 18px; height: 18px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='18px'><path fill-rule='evenodd'  fill='rgb(108, 190, 153)' d='M3.635,7.782 C5.076,10.628 7.408,12.927 10.220,14.367 L12.416,12.172 C12.690,11.898 13.101,11.830 13.444,11.932 C14.576,12.309 15.777,12.515 17.011,12.515 C17.560,12.515 18.006,12.961 18.006,13.510 L18.006,17.008 C18.006,17.557 17.560,18.003 17.011,18.003 C7.614,18.003 -0.000,10.388 -0.000,0.991 C-0.000,0.442 0.446,-0.003 0.994,-0.003 L4.493,-0.003 C5.041,-0.003 5.487,0.442 5.487,0.991 C5.487,2.226 5.693,3.426 6.070,4.558 C6.173,4.901 6.105,5.313 5.830,5.587 L3.635,7.782 Z'/></svg>");}
.grid-footer .item:nth-child(1) a.footer_mail:before      { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 16px; height: 12px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='13px'><path fill-rule='evenodd'  fill='rgb(108, 190, 153)' d='M14.720,0.008 L1.280,0.008 C0.601,-0.019 0.028,0.508 -0.000,1.185 C-0.000,1.189 -0.000,1.193 -0.000,1.198 L-0.000,1.786 L7.370,6.121 C7.565,6.219 7.781,6.270 7.1000,6.271 C8.219,6.272 8.435,6.221 8.630,6.121 L15.1000,1.796 L15.1000,1.198 C15.978,0.519 15.410,-0.014 14.731,0.008 C14.727,0.008 14.724,0.008 14.720,0.008 ZM7.1000,7.589 C7.536,7.590 7.079,7.477 6.670,7.260 L-0.000,3.315 L-0.000,10.805 C0.021,11.483 0.589,12.016 1.268,11.994 C1.272,11.993 1.276,11.993 1.280,11.993 L14.720,11.993 C15.398,12.021 15.971,11.495 15.999,10.816 C15.999,10.812 15.999,10.809 15.1000,10.805 L15.1000,3.315 L9.340,7.310 C8.923,7.511 8.462,7.606 7.1000,7.589 Z'/></svg>");}


.grid-footer .item:nth-child(1) .votrecourtier    	{ padding-left: 0; margin-top: 40px; display: block;}

.grid-footer .item:nth-child(2) ul                	{ column-count: 2; margin-top: 55px;}
.grid-footer .item:nth-child(2) ul li             	{ padding-left: 20px; position: relative; line-height: 40px;}
.grid-footer .item:nth-child(2) ul li a           	{ border-bottom: 1px solid #6cbe9900; color: #ffffff;}
.grid-footer .item:nth-child(2) ul li::before     	{ content: ''; position: absolute; left: 0; top: 50%;  transform: translate(0, -50%); width: 7px; height: 11px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7px' height='11px'><path fill-rule='evenodd'  fill='rgb(108, 190, 153)' d='M1.150,10.552 L6.035,5.738 L1.150,0.923 L0.001,2.046 L3.747,5.736 L0.001,9.429 L1.150,10.552 Z'/></svg>");}


.grid-footer .item:nth-child(3)     				{ display: flex; justify-content: end; position: relative;}

.grid-footer .item a.facebook,
.grid-footer .item a.instagram,
.grid-footer .item a.twitter,
.grid-footer .item a.linkedin,
.grid-footer .item a.whatsapp,
.grid-footer .item a.scroll        				 	{ width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.grid-footer .item a.scroll         				{ position: absolute; top: -70px; right: 0;}
.grid-footer .item a.facebook,
.grid-footer .item a.instagram,
.grid-footer .item a.linkedin,
.grid-footer .item a.whatsapp,
.grid-footer .item a.twitter        				{ margin-left: 10px; border-radius: 50%; background: #6cbe99;}
.grid-footer .item a svg            				{ fill: rgb(255, 255, 255); transition: 400ms;  transition-timing-function: ease-in-out;  -webkit-transition: 200ms;  -webkit-transition-timing-function: ease-in-out;}

.grid-footer .item a.linkedin img   				{ width: 18px; height: auto;}
.grid-footer .item a.whatsapp img   				{ width: 22px; height: auto;}

.footer .info                      					{ margin-top: 50px; line-height: 1.5;}
.footer .info a                    					{ color: #6cbe99;}

.footer_bottom   									{ padding: 20px 0; line-height: 0; margin-top: 90px;}
.footer_bottom li 									{ display: inline-block; font-size: 11px; line-height: 20px; margin-right: 28px; position: relative;}
.footer_bottom li a 								{ color: #ffffff; border-bottom: 1px solid #6cbe9900; }
.footer_bottom li:after								{ width: 1px; height: 9px; content: ""; position: absolute; right: -16px; top: 5px; background: #6cbe99;}
.footer_bottom li:last-child:after 					{ display: none;}

.toponweb             								{ display: block; z-index: 85; position: absolute; right: 0; bottom: -65px; transition: bottom 400ms ease-in-out;}
.toponweb span        								{ width: auto; height: 60px; display: block; padding: 20px; background: #061431;}
.toponweb img         								{ width: 74px; height: auto; display: block; margin: 0 auto;}
.toponweb.show        								{ bottom: 0;}

@media (min-width:1201px) {
.footer_bottom li a:hover,
.grid-footer .item:nth-child(2) ul li a:hover     	{ border-bottom: 1px solid #6cbe99;}
.grid-footer a.scroll:hover                       	{ fill: rgb(108, 190, 153); transition: 400ms;  transition-timing-function: ease-in-out;  -webkit-transition: 200ms;  -webkit-transition-timing-function: ease-in-out;}
.grid-footer a.facebook:hover,
.grid-footer a.instagram:hover,
.grid-footer a.linkedin:hover,
.grid-footer a.whatsapp:hover,
.grid-footer a.twitter:hover                      	{ background: #061431;}
.toponweb span:hover                              	{ background: #6cbe99;}
.grid-footer .item a.scroll:hover                 	{ top: -75px;  transition: all 400ms ease-in-out;}
}

@media (max-width:1200px) {
.grid-footer .item:nth-child(2)  					{ display:none;}
.grid-footer                      					{ grid-template-columns:1fr 300px;}    
}

@media (max-width:800px) { 
.footer                            					{ padding-top:50px;}
.grid-footer                       					{ grid-template-columns:1fr; grid-gap: 30px 0;}
.grid-footer .item a               					{ border-bottom: none;}
.grid-footer .item:nth-child(1) a  					{ display: block; margin-bottom: 10px;}
.grid-footer .item:nth-child(3)    					{ justify-content: start;}
.footer_bottom                     					{ margin-top:30px;}
.footer_bottom li 				   					{ display: block; margin: 0; font-size: 10px; line-height: 24px;}
.footer_bottom li:after			   					{ display: none;} 
.grid-footer .item a.scroll        					{ position: absolute; top: calc((var(--scrollPosition) * -1) + 50px); right: 0;}
}
@media (max-width:600px) { 
.grid-footer .item:nth-child(1) p span 				{ display: block; font-weight: 600;}
}
@media (max-width:360px) { 
.grid-footer .item a.scroll         				{ right: 30px;}
}