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

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;}
ol                                  { margin-left: 20px; margin-bottom: 20px;}
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: #051d40;}
::-webkit-scrollbar-thumb			{ background-color: #03989e;}



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


/***** wrapper *****/
#index #wrapper:before           { content: ''; position: absolute; left: 50%; top: -1000px; width: 1600px; height: 1600px; z-index: -1; background-color: rgb(3, 152, 158); opacity: 0.2; border-radius: 50%}

.wrapper                  { width: 90vw; max-width: 1200px; margin: 0 auto; position: relative;}
.wrapper_header           { width: 90vw; margin: 0 auto; position: relative;}


@media (min-width:2001px) {
    .wrapper_header           {max-width: 1800px;}
}

@media (max-width: 2000px) and (min-width: 1601px) {
    .wrapper_header           {max-width: 1600px;}
}

@media (max-width:1600px) {
    .wrapper_header           {max-width: 1440px;}
}


/***** class *****/
.link                   { height: 60px; border: none; display: inline-flex; align-items: center; color: #ffffff; padding: 0 30px; background: #03989e; border-radius: 10px;}

.ul_list                { margin: 20px 0;}
.ul_list li             { padding-left: 35px; position: relative; padding-bottom: 10px;}
.ul_list li::before     { content: ''; position: absolute; left: 0; top: 5px; width: 18px; 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='18px' height='15px'><path fill-rule='evenodd'  fill='rgb(3, 152, 158)' d='M7.008,10.295 C7.564,9.496 8.103,8.704 8.662,7.925 C10.129,5.880 11.711,3.927 13.469,2.123 C13.999,1.578 14.601,1.140 15.373,1.006 C16.154,0.870 16.879,1.038 17.530,1.478 C17.982,1.784 18.009,2.177 17.612,2.550 C14.590,5.391 12.102,8.665 9.843,12.125 C9.534,12.599 9.221,13.071 8.903,13.539 C8.637,13.931 8.271,14.204 7.823,14.349 C7.486,14.458 7.140,14.551 6.792,14.613 C6.279,14.704 5.836,14.542 5.515,14.127 C5.294,13.840 5.099,13.532 4.913,13.221 C3.802,11.363 2.438,9.709 0.875,8.216 C0.702,8.051 0.533,7.877 0.387,7.688 C0.117,7.339 0.166,7.033 0.512,6.767 C1.445,6.049 2.938,6.001 3.848,6.739 C4.420,7.202 4.925,7.755 5.415,8.308 C5.930,8.889 6.392,9.517 6.876,10.124 C6.920,10.179 6.962,10.236 7.008,10.295 Z'/></svg>");}

.bloc_attention         { text-align: center; padding: 25px 20px; text-transform: uppercase; color: #ffffff; font: 400 1.6rem/1.5 var(--fontBody); background: #03989e;}

.link-appelez, .link-formulaire, .link-simulateur, .link-contact { background: #051d40; padding: 25px 0; color: #ffffff; font-size: 1.6rem; display: block; border-radius: 10px; position: relative; overflow: hidden;}
.link-appelez span, .link-formulaire span, .link-simulateur span, .link-contact span { font-size: 1.8rem; display: block; line-height: 1.8; padding-left: 110px; position: relative;z-index: 10;}

.link-appelez span::before     { content: ''; position: absolute;  left: 20px;  top: 50%;  transform: translate(0, -50%); width: 21px; height: 21px; 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='21px' height='21px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M4.504,9.073 C6.090,12.208 8.658,14.739 11.755,16.325 L14.173,13.908 C14.475,13.606 14.928,13.530 15.306,13.644 C16.552,14.059 17.874,14.285 19.234,14.285 C19.838,14.285 20.329,14.777 20.329,15.381 L20.329,19.233 C20.329,19.838 19.838,20.329 19.234,20.329 C8.885,20.329 0.500,11.944 0.500,1.595 C0.500,0.991 0.991,0.500 1.595,0.500 L5.448,0.500 C6.052,0.500 6.543,0.991 6.543,1.595 C6.543,2.955 6.770,4.277 7.185,5.523 C7.299,5.901 7.223,6.354 6.921,6.656 L4.504,9.073 Z'/></svg>");}
.link-formulaire span::before     { content: ''; position: absolute;  left: 20px;  top: 50%;  transform: translate(0, -50%); width: 24px; 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='24px' height='18px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M21.938,17.995 L2.174,17.995 C1.028,17.995 -0.000,17.007 -0.000,15.944 L-0.000,4.981 L0.098,4.898 L9.899,11.315 C10.565,11.670 11.314,11.846 12.063,11.846 C12.810,11.846 13.558,11.670 14.226,11.315 L24.013,4.904 L24.013,16.069 C24.013,17.132 23.084,17.995 21.938,17.995 ZM12.062,9.706 C11.709,9.706 11.357,9.622 11.043,9.455 L0.098,2.430 L0.005,1.998 C0.005,0.900 0.935,0.010 2.083,0.010 L21.873,0.010 L21.1000,-0.000 C23.148,-0.000 23.951,0.900 23.951,1.998 L24.013,2.438 L13.082,9.455 C12.767,9.622 12.415,9.706 12.062,9.706 Z'/></svg>");}
.link-simulateur span::before     { content: ''; position: absolute; left: 20px; top: 50%;  transform: translate(0, -50%); width: 22px; height: 30px; 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='22px' height='30px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='m3.0001,0h16c1.6568,0,2.9999,1.3432,2.9999,3v24c0,1.6568-1.3431,3-2.9999,3H3.0001c-1.6569,0-3.0001-1.3432-3.0001-3V3C0,1.3432,1.3432,0,3.0001,0Zm1.9999,3h12c1.1047,0,2.0001.8955,2.0001,1.9998s-.8954,2.0001-2.0001,2.0001H5c-1.1045,0-1.9999-.8955-1.9999-2.0001s.8954-1.9998,1.9999-1.9998Zm0,6.9999c1.1046,0,2.0001.8955,2.0001,2.0001s-.8955,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm6.0001,0c1.1045,0,1.9999.8955,1.9999,2.0001s-.8954,1.9998-1.9999,1.9998-2.0001-.8951-2.0001-1.9998.8954-2.0001,2.0001-2.0001Zm5.9999,0c1.1047,0,2.0001.8955,2.0001,2.0001s-.8954,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm-12,6c1.1046,0,2.0001.8955,2.0001,2.0001s-.8955,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm6.0001,0c1.1045,0,1.9999.8955,1.9999,2.0001s-.8954,1.9998-1.9999,1.9998-2.0001-.8951-2.0001-1.9998.8954-2.0001,2.0001-2.0001Zm5.9999,0c1.1047,0,2.0001.8955,2.0001,2.0001s-.8954,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm-12,6c1.1046,0,2.0001.8955,2.0001,2.0001s-.8955,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm6.0001,0c1.1045,0,1.9999.8955,1.9999,2.0001s-.8954,1.9998-1.9999,1.9998-2.0001-.8951-2.0001-1.9998.8954-2.0001,2.0001-2.0001Zm5.9999,0c1.1047,0,2.0001.8955,2.0001,2.0001s-.8954,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Z'/></svg>");}
.link-contact span::before     { content: ''; position: absolute;  left: 20px;  top: 50%;  transform: translate(0, -50%); width: 24px; 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='24px' height='18px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M21.938,17.995 L2.174,17.995 C1.028,17.995 -0.000,17.007 -0.000,15.944 L-0.000,4.981 L0.098,4.898 L9.899,11.315 C10.565,11.670 11.314,11.846 12.063,11.846 C12.810,11.846 13.558,11.670 14.226,11.315 L24.013,4.904 L24.013,16.069 C24.013,17.132 23.084,17.995 21.938,17.995 ZM12.062,9.706 C11.709,9.706 11.357,9.622 11.043,9.455 L0.098,2.430 L0.005,1.998 C0.005,0.900 0.935,0.010 2.083,0.010 L21.873,0.010 L21.1000,-0.000 C23.148,-0.000 23.951,0.900 23.951,1.998 L24.013,2.438 L13.082,9.455 C12.767,9.622 12.415,9.706 12.062,9.706 Z'/></svg>");}



.link-appelez::after,
.link-formulaire::after,
.link-contact::after,
.link-simulateur::after     { content: ''; position: absolute; right: 25px;  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.108 C39.1000,6.701 39.800,6.295 39.400,6.194 L33.700,0.403 C33.300,-0.003 32.700,-0.003 32.300,0.403 C31.900,0.810 31.900,1.419 32.300,1.825 L36.500,6.092 L0.1000,6.092 C0.400,6.092 -0.000,6.499 -0.000,7.108 C-0.000,7.718 0.400,8.124 0.1000,8.124 L36.500,8.124 L32.300,12.391 C31.900,12.797 31.900,13.407 32.300,13.813 C32.700,14.219 33.300,14.219 33.700,13.813 L39.400,8.022 C39.700,7.921 39.1000,7.514 39.1000,7.108 Z'/></svg>");}

.link-appelez::before,
.link-formulaire::before,
.link-contact::before,
.link-simulateur::before     { content: ''; position: absolute; left: -60px;  top: 50%;  transform: translate(0, -50%); width: 140px; height: 140px; background: #03989e; border-radius: 50%;}

.banner .link-simulateur     { max-width: 380px; margin-top: 20px;}
.banner .link-contact     { max-width: 380px; margin-top: 20px;}

.link.video             { padding-left: 60px;}
.link.video::before     { content: ''; position: absolute;  left: 30px;  top: 50%;  transform: translate(0, -50%); width: 13px; height: 16px; 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='13px' height='16px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M0.001,0.153 L0.001,15.185 L12.998,7.718 L0.001,0.153 Z'/></svg>");}


@media (min-width:1201px) {
    .link:hover                    { background: #051d40; color: #ffffff; border-radius: 5px;}
    .bloc_blue .link:hover         { background: #ffffff; color: #051d40;}
    .link-appelez:hover::before,
    .link-formulaire:hover::before,
    .link-contact:hover::before,
    .link-simulateur:hover::before     { content: ''; position: absolute; left: -60px;  top: 50%;  transform: translate(0, -50%); width: 500px; height: 140px; background: #03989e; border-radius: 10%;}
}

@media (max-width:800px) {
    .link               { border-radius: 5px;}
}

/***** liens *****/
.texte p a, .bloc_texte p a, .ul_list a, .read_more { color: var(--colorBodyLink); border-bottom: 1px solid #03989e60; }

@media (min-width:1201px) {
    .texte p a:hover, .bloc_texte p a:hover, .ul_list a:hover, .read_more:hover { color: var(--colorBodyLinkHover); border-bottom: 1px solid #03989e; }
}


/***** hide  *****/
.hide                      { display: none;}
.read_more,
.read_less                 { cursor: pointer; color: var(--colorBodyLink);}
.read_less:hover           { color: var(--colorBodyLinkHover);}
.hide_readMore .anchor     { top: -120px; position: relative;}
.hide_readMore             { max-width: 1000px; margin: var(--marginBloc); position: relative; background: #051d40; color: #ffffff; padding: 50px; border-radius: 20px;}
.hide_readMore p           { margin-top: 15px;}
.hide_readMore a,  .hide_readMore span          { color: var(--colorBodyLinkHover); transition: all 400ms ease-in-out;}
.hide_readMore :last-child { margin-bottom: 0;}

.hide_readMore a:hover,  .hide_readMore span:hover { color: #ffffff;}

/***** header et menu *****/
.header                                  {  width: 100%; font-size: 0; line-height: 0;  position: fixed; left: 0; top: 0; z-index: 100; transition: all 400ms ease-in-out;}

.header .header_top                      { font-size: 1.2rem; height: 60px; text-align: right; display: flex; justify-content: flex-end; align-items: center; padding-top: 20px;}
.header .header_top .header-phone a      { padding-left: 30px;}
.header .header_top .header-phone a.active { color: #03989e;}
.header .header_top .link-mail, 
.header .header_top .link-phone          { margin-left: 40px;}
.header .header_top .link-phone:before   { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 15px; height: 15px; 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='15px' height='15px'><path fill-rule='evenodd'  fill='rgb(3, 152, 158)' d='M3.394,6.697 C4.541,8.963 6.397,10.792 8.636,11.939 L10.383,10.192 C10.602,9.974 10.929,9.919 11.202,10.001 C12.103,10.301 13.059,10.465 14.042,10.465 C14.478,10.465 14.833,10.819 14.833,11.257 L14.833,14.041 C14.833,14.478 14.478,14.833 14.042,14.833 C6.561,14.833 0.500,8.772 0.500,1.291 C0.500,0.855 0.855,0.500 1.292,0.500 L4.076,0.500 C4.513,0.500 4.868,0.855 4.868,1.291 C4.868,2.274 5.032,3.230 5.332,4.131 C5.414,4.404 5.360,4.732 5.141,4.950 L3.394,6.697 Z'/></svg>");}
.header .header_top .link-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='12px'><path fill-rule='evenodd'  fill='rgb(3, 152, 158)' d='M14.716,12.001 L1.291,12.001 C0.584,12.001 0.010,11.468 0.010,10.812 L0.010,3.298 L6.673,7.259 C7.084,7.479 7.546,7.587 8.008,7.587 C8.469,7.587 8.930,7.479 9.342,7.259 L15.996,3.302 L15.996,10.812 C15.996,11.468 15.423,12.001 14.716,12.001 ZM8.007,6.266 C7.790,6.266 7.572,6.215 7.378,6.111 L0.010,1.775 L0.010,1.180 C0.010,0.523 0.584,-0.010 1.291,-0.010 L14.716,-0.010 C15.423,-0.010 15.996,0.523 15.996,1.180 L15.996,1.780 L8.636,6.111 C8.442,6.215 8.225,6.266 8.007,6.266 Z'/></svg>");}

.header_logo               { position:absolute; left: 0; top:-20px; z-index: 20; height: 90px; width: auto; margin-right: 10px; transition: all 400ms ease-in-out;}
.header_logo img:nth-child(1) { transition: all 400ms ease-in-out;}

.header_nav                { position:relative; height: 90px; line-height: 90px; font-size: 16px;}
.header .header_nav:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: -50vw; width: 200vw; background: #ffffff00; z-index: 5; transition: all 400ms ease-in-out;}

/***** menu *****/
.header_nav .menu                   { position: relative; z-index: 10; text-align: right;}
.header_nav .menu li                { display: inline-block; position: relative; margin-right: 35px; transition: all 400ms ease-in-out;}
.header_nav .menu li:last-child     { margin-right: 0;}
.header_nav .menu li a              { display: block; color: #051d40;}
.header_nav .menu li.active a       { color: #03989e;}

.header_nav .menu .sub				 { width: max-content; text-align: left; position: absolute; left: 50%; transform: translate(-50%, 0); display: block; visibility: hidden; opacity: 0; background: #000000; padding: 10px 40px;}
.header_nav .menu .sub li            { display: block; margin-right: 0; height: 40px; line-height: 40px; padding-right: 0; border-bottom: 1px solid #ffffff20;}
.header_nav .menu .sub li:last-child { border: none;}
.header_nav .menu .sub li a          { color: #ffffff; line-height: 40px; text-transform: inherit; font-weight: 400; padding: 0;}
.header_nav .menu .sub li.active a   { color: #03989e;}


@media (min-width:1201px) {
    .nav-mobile     { display: none;}

    .header_nav .menu li a:hover      { color: #03989e;}
    .header_nav .menu>li:hover .sub	  { opacity: 1; visibility: visible; z-index: 999;}
    .header_nav .menu .sub li a:hover { color: #03989e;}
    .header .header_top .header-phone a:hover { color: #03989e;}
    
    .sticky .header                    { top: -60px;}
    .sticky .header .header_nav:before { background: #ffffff; box-shadow: 0 0 40px 0 rgb(0 0 0 / 10%);  transition: all 400ms ease-in-out;}
    .sticky .header .header_logo       { top: 0;}
    .sticky .header .header_logo img:nth-child(1) { transform : scale(0.7); transition: all 400ms ease-in-out;}
    .sticky .header .header_logo img:nth-child(2) { display: none;}
}

@media (max-width:1600px) {
    /* .header_nav .menu>li:nth-child(1)   { display: none;} */
}
@media (max-width:1500px) {
    .header_nav .menu li                { margin-right: 20px;}
}
@media (max-width:1366px) {
    .header_logo img                    { width: 200px; height: auto;}   
    .header_nav .menu li                { margin-right: 15px;} 
    .header_nav .menu li a              { font-size: 1.5rem;}
}

@media (max-width:1200px) {
    #wrapper:after                      { top: 0; left: 80%;}

    .wrapper_large                      { width:100vw; min-width: inherit;}

    .menu_mobile						{ width: 40px; height: 40px; display: inline-block; vertical-align: middle; cursor: pointer; position: absolute; margin: 20px 0; transition: margin 400ms ease-in-out; z-index: 250; top: 50px; }
    .menu_mobile div					{ width: 40px; height: 2px; background: #000000; position: absolute; right: 50%; top: 50%; margin-right: -15px;}
    .menu_mobile div:before				{ width: 40px; height: 2px; background: #000000; position: absolute; right: 0; top: 10px; content: "";}
    .menu_mobile div:after				{ width: 40px; height: 2px; background: #000000; position: absolute; right: 0; top: -10px; content: "";}
    .menu_mobile.active div				{ height: 0;}
    .menu_mobile.active div:before		{ top: 0; transform: rotate(45deg);}
    .menu_mobile.active div:after		{ top: 0; transform: rotate(-45deg);}
    
    .header_logo                        { left: 0; top: 20px;}
    .header_logo img:nth-child(1)       { height: 50px; width: auto; }
    .header_logo img:nth-child(2)       { margin-right: 0; height: 45px; width: auto; }
    
    .header                             { top: -50px;}
    .header ::-webkit-scrollbar			{ display: none;}
    
    .header .header_top                      { font-size: 10px; height: 50px; line-height: 50px; text-align: right; position: relative;}
    /*.header .header_top .header-phone        { display:none;}*/
    .header .header_top .header-phone .link-mail           { display:none;}
    .header .header_top .header-phone .link-phone          { font-size: 0; line-height: 0; width: 40px; height: 40px; border-radius: 50%; padding: 0; background: #03989e; position: absolute; top: 70px; right: 60px;}
    
    .header .header_top .header-phone .link-phone:before   { content: ''; position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%); width: 16px; height: 16px; 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(255, 255, 255)' d='M3.232,6.917 C4.513,9.447 6.586,11.489 9.086,12.770 L11.037,10.819 C11.281,10.575 11.647,10.515 11.952,10.605 C12.958,10.940 14.025,11.124 15.122,11.124 C15.610,11.124 16.006,11.520 16.006,12.008 L16.006,15.118 C16.006,15.607 15.610,16.002 15.122,16.002 C6.769,16.002 0.001,9.234 0.001,0.880 C0.001,0.392 0.397,-0.004 0.885,-0.004 L3.995,-0.004 C4.482,-0.004 4.879,0.392 4.879,0.880 C4.879,1.978 5.062,3.046 5.397,4.051 C5.488,4.356 5.427,4.722 5.183,4.965 L3.232,6.917 Z'/></svg>");}
    

    .header .header_nav 				{ width: 100%; height: 100vh; position: fixed; right: -100%; top :80px; overflow-y: scroll; display: block; z-index: 200; background: #051d40; transition: all 400ms ease-in-out 600ms;}
    .header .menu  						{ display: block; width: 100%; text-align: left; padding: 80px 10vw 0 10vw; position: relative; z-index: 100; opacity: 0; transform: translateY(40px); transition: all 400ms ease-in-out 200ms;}
   
    .header_nav .menu li:after          { content:none;} 
   
    .header_nav .menu>li:nth-child(1)   { display: block;}
    .header_nav .menu>li 				{ width: 100%; display: block; margin: 0;}
    .header_nav .menu>li>a				{ font-size: 2.4rem; line-height: 60px; height: 60px; font-weight: 500; letter-spacing: 0.6px; transition: none; color: #ffffff;}
    .header_nav .menu>li>i				{ height: 40px; display: block; margin-top: -50px; position: relative; z-index: 5; float: right;}
    .header_nav .menu>li>i:after		{ width: 60px; height: 100%; background: url("../images/arrow_sub.svg") 50% 52% no-repeat; float: right; border-radius: 5px; content: "";}
    .header_nav .menu>li>i.active:after { transform: rotate(180deg);}

    .header_nav .menu .sub 				{ width: 100%; position: relative; left: 50%; top: auto; padding: 25px 40px; margin: 15px 0; border-radius: 5px; background: #000000; visibility: visible; opacity: 1; display: none; z-index: 150;}
    .header_nav .menu .sub li  			{ width: 100%;}
    .header_nav .menu .sub li a			{ width: 100%; font-size: 1.6rem; line-height: 40px; height: 40px; text-align: left; color: #ffffff;}

    .header.active:after 				{ opacity: 1; visibility: visible; transition-delay: 100ms;}
    .header.active .header_nav 			{ right: 0; transition-delay: 200ms;}
    .header.active .menu				{ opacity: 1; transform: translateY(0); transition-delay: 600ms;}

    .nav-mobile                         { display: block; width: 100%; text-align: left; padding: 0 10vw 0 10vw; position: relative; z-index: 100; opacity: 0; transform: translateY(40px); transition: all 400ms ease-in-out 200ms;}
    .header.active .nav-mobile 			{ opacity: 1; transform: translateY(0); transition-delay: 600ms;}
    .nav-mobile li                      { line-height: normal;}
    .nav-mobile li:nth-child(1)         { border-top: 1px solid #ffffff80; margin-top: 30px; padding-top: 30px;}
    .nav-mobile >li>a				    { font-size: 1.4rem; line-height: 40px; font-weight: 400; letter-spacing: 0.6px; transition: none; color: #ffffff;}

    .header .header_top:after           { content: ""; position: absolute; top: 50px; left:-100vw; width: 500%; height: 80px; background: #ffffff00; z-index: -20; box-shadow: none; transition: all 400ms ease-in-out;}
    .sticky .header .header_top:after   { content: ""; position: absolute; top: 50px; left:-100vw; width: 500%; height: 80px; background: #ffffff; z-index: -20; box-shadow: 0 0 40px 0 rgb(0 0 0 / 10%); transition: all 400ms ease-in-out;}

}

@media (max-width:600px) {
    .header_logo                        { left: 5vw;}
    .menu_mobile                        { right: 5vw;}
    .header_nav .menu>li>a				{ font-size: 1.6rem; line-height: 2.5; height: inherit;}
    .header .header_top .header-phone .link-phone          { right: 80px;}
}

@media (max-width:500px) {
.header_nav .menu .sub 				{ padding: 25px 30px;}
}

/***** header - RS *****/
.header_rs                          { position: absolute; z-index: 50; right:-170px; z-index: 4; top: var(--headerRsTopPosition);}
.header_rs a                        { margin: 10px 0; border-radius: 10px; background: #03989e; display: flex; align-items: center; height: 60px; padding-left: 70px; color: #ffffff; width: 225px;}
.header_rs a.rs_video::before       { content: ''; position: absolute; left: 20px; top: 50%;  transform: translate(0, -50%); width: 26px; height: 16px; 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='26px' height='16px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M23.1000,13.1000 L19.1000,10.1000 L19.1000,4.1000 L23.1000,1.1000 C24.796,1.409 25.1000,1.983 25.1000,2.1000 L25.1000,12.999 C25.1000,14.016 24.796,14.591 23.1000,13.1000 ZM14.1000,15.999 L2.1000,15.999 C1.447,15.999 -0.000,14.614 -0.000,12.999 L-0.000,2.1000 C-0.000,1.386 1.447,-0.000 2.1000,-0.000 L14.1000,-0.000 C16.553,-0.000 17.1000,1.386 17.1000,2.1000 L17.1000,12.999 C17.1000,14.614 16.553,15.999 14.1000,15.999 Z'/></svg>"); background-size: 90%;}
.header_rs a.rs_calculatrice::before { content: ''; position: absolute; left: 20px; top: 50%;  transform: translate(0, -50%); width: 22px; height: 30px; 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='22px' height='30px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='m3.0001,0h16c1.6568,0,2.9999,1.3432,2.9999,3v24c0,1.6568-1.3431,3-2.9999,3H3.0001c-1.6569,0-3.0001-1.3432-3.0001-3V3C0,1.3432,1.3432,0,3.0001,0Zm1.9999,3h12c1.1047,0,2.0001.8955,2.0001,1.9998s-.8954,2.0001-2.0001,2.0001H5c-1.1045,0-1.9999-.8955-1.9999-2.0001s.8954-1.9998,1.9999-1.9998Zm0,6.9999c1.1046,0,2.0001.8955,2.0001,2.0001s-.8955,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm6.0001,0c1.1045,0,1.9999.8955,1.9999,2.0001s-.8954,1.9998-1.9999,1.9998-2.0001-.8951-2.0001-1.9998.8954-2.0001,2.0001-2.0001Zm5.9999,0c1.1047,0,2.0001.8955,2.0001,2.0001s-.8954,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm-12,6c1.1046,0,2.0001.8955,2.0001,2.0001s-.8955,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm6.0001,0c1.1045,0,1.9999.8955,1.9999,2.0001s-.8954,1.9998-1.9999,1.9998-2.0001-.8951-2.0001-1.9998.8954-2.0001,2.0001-2.0001Zm5.9999,0c1.1047,0,2.0001.8955,2.0001,2.0001s-.8954,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm-12,6c1.1046,0,2.0001.8955,2.0001,2.0001s-.8955,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Zm6.0001,0c1.1045,0,1.9999.8955,1.9999,2.0001s-.8954,1.9998-1.9999,1.9998-2.0001-.8951-2.0001-1.9998.8954-2.0001,2.0001-2.0001Zm5.9999,0c1.1047,0,2.0001.8955,2.0001,2.0001s-.8954,1.9998-2.0001,1.9998-1.9999-.8951-1.9999-1.9998.8954-2.0001,1.9999-2.0001Z'/></svg>"); background-size: 90%;}
.header_rs a.rs_facebook::before     { content: ''; position: absolute; left: 25px; top: 50%;  transform: translate(0, -50%); width: 13px; height: 25px; 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='13px' height='25px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M4.020,24.899 L4.020,13.916 L0.440,13.916 L0.440,9.636 L4.020,9.636 L4.020,6.479 C4.020,2.816 6.186,0.821 9.351,0.821 C10.868,0.821 12.170,0.939 12.550,0.991 L12.550,4.819 L10.355,4.820 C8.634,4.820 8.301,5.665 8.301,6.904 L8.301,9.637 L12.405,9.637 L11.871,13.917 L8.301,13.917 L8.301,24.899 L4.020,24.899 Z'/></svg>"); background-size: 90%;}
.header_rs a.rs_instagram::before    { content: ''; position: absolute; left: 20px; top: 50%;  transform: translate(0, -50%); width: 24px; height: 24px; 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='24px' height='24px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='m23.9953,17.1247c0,3.7901-3.1011,6.8636-6.926,6.8636H7.4188C3.5485,23.9883.0095,20.784.0095,16.9994l-.0095-10.1573C0,3.0637,3.1007,0,6.9257,0h10.1436c3.8249,0,6.9402,3.216,6.9402,6.9992l-.0142,10.1255Zm-1.9859-10.1255c0-2.5112-2.4907-5.0001-4.9999-5.0001H7.0095c-2.5393,0-5.0001,2.4923-5.0001,5.0001v10.0002c0,2.5126,2.4307,4.9998,5.0001,4.9998h10.9999c2.5692,0,4-2.4838,4-4.9998V6.9992Zm-4.4972.001c-.8352,0-1.5122-.6699-1.5122-1.4976s.677-1.4966,1.5122-1.4966,1.5121.6692,1.5121,1.4966-.6769,1.4976-1.5121,1.4976Zm.4977,4.9905c0,3.3153-2.6848,6.0035-5.9966,6.0035s-5.997-2.6882-5.997-6.0035,2.6849-6.003,5.997-6.003,5.9966,2.6878,5.9966,6.003Zm-5.9966-3.8913c-2.1471,0-3.8876,1.7416-3.8876,3.8913s1.7405,3.8918,3.8876,3.8918,3.8874-1.7421,3.8874-3.8918-1.7407-3.8913-3.8874-3.8913Z'/></svg>"); background-size: 90%;}
.header_rs a.rs_phone::before       { content: ''; position: absolute; left: 20px; top: 50%;  transform: translate(0, -50%); width: 25px; height: 25px; 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='25px' height='25px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M5.412,11.017 C7.357,14.863 10.508,17.967 14.308,19.914 L17.273,16.948 C17.644,16.578 18.200,16.485 18.663,16.624 C20.192,17.134 21.814,17.411 23.482,17.411 C24.224,17.411 24.826,18.014 24.826,18.756 L24.826,23.481 C24.826,24.223 24.224,24.826 23.482,24.826 C10.786,24.826 0.500,14.539 0.500,1.843 C0.500,1.102 1.102,0.499 1.844,0.499 L6.570,0.499 C7.311,0.499 7.914,1.102 7.914,1.843 C7.914,3.511 8.192,5.133 8.701,6.662 C8.840,7.126 8.748,7.682 8.377,8.052 L5.412,11.017 Z'/></svg>"); background-size: 90%;}


@media (min-width:1201px) { 
    .header_rs a.rs_video:hover,
    .header_rs a.rs_calculatrice:hover,
    .header_rs a.rs_facebook:hover,
    .header_rs a.rs_phone:hover,
    .header_rs a.rs_instagram:hover { margin-left: -160px;}
}

@media (max-width:1200px) {
    .header_rs                     { display:none;}
    .header .header_top:after      { background: #ffffff;}
}

/***** table plus *****/ 
.table_plus                         { margin: 40px 0;}
.table_plus .sous_titre 			{ margin-bottom: 20px;} 
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 30px 80px 40px 30px; display: none;}

.titre_plus 						{ line-height: 1.6; position: relative; color: #313131; cursor: pointer; padding: 22px 100px 22px 30px; background: #eeeeee; font-weight: normal; font-weight: 400; font-size: 1.6rem; transition: all 400ms ease-in-out;}
.titre_plus:before					{ width: 24px; height: 24px; background: url("../images/plus.svg") 50% no-repeat; border-radius: 50%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 400ms ease-in-out; content: "";}
.titre_plus.active 			        { background-color: #eeeeee70;}
.titre_plus.active:before 			{ transform: rotate(45deg);}

@media (min-width:1201px) {
    .titre_plus:hover 			    { background-color: #eeeeee70;}
}

@media (max-width:1000px) {
    .table_plus .hide 					{ padding: 40px 0;}
    .table_plus 	                    { margin: 40px 0 90px;}
}
@media (max-width:600px) {
    .table_plus .hide 					{ padding: 30px 0;}
    .titre_plus 						{ padding: 15px 55px 15px  20px;}
    .titre_plus:before					{ width: 24px; height: 24px; margin-top: -12px;}
}


/***** footer *****/
.footer                               { width: 100%; position: relative; padding-top: 70px; background: #051d40; color: #ffffff;}

.grid-footer                          { display: grid; grid-template-columns:1fr 1fr 1fr 80px; color: #ffffff;}

.grid-footer .item:nth-child(1) .titre          { font: 400 2.5rem/1 var(--fontBody); margin-bottom: 25px;}
.grid-footer .item:nth-child(1) .titre span     { color: #03989e;}
.grid-footer .item:nth-child(1) p               { font: 400 1.4rem/1 var(--fontBody); margin-bottom: 30px; color: #ffffff;}
.grid-footer .item:nth-child(1) p strong        { font: 400 1.6rem/2 var(--fontBody); display: block;}
.grid-footer .item:nth-child(1) a               { display: block; position: relative; padding-left: 25px; margin-bottom: 10px; color: #ffffff;}
.grid-footer .item:nth-child(1) a.footer_phone         { border-bottom: none;}
.grid-footer .item:nth-child(1) a.footer_phone:before  { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 15px; height: 14px; 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='15px' height='14px'><path fill-rule='evenodd'  fill='rgb(3, 152, 158)' d='M3.352,5.836 C4.433,7.971 6.182,9.694 8.291,10.775 L9.937,9.129 C10.143,8.922 10.452,8.871 10.709,8.947 C11.558,9.231 12.458,9.386 13.384,9.386 C13.796,9.386 14.130,9.720 14.130,10.132 L14.130,12.756 C14.130,13.167 13.796,13.501 13.384,13.501 C6.336,13.501 0.626,7.791 0.626,0.743 C0.626,0.331 0.960,-0.004 1.372,-0.004 L3.995,-0.004 C4.407,-0.004 4.741,0.331 4.741,0.743 C4.741,1.668 4.896,2.569 5.179,3.418 C5.256,3.675 5.204,3.983 4.999,4.189 L3.352,5.836 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='12px'><path fill-rule='evenodd'  fill='rgb(3, 152, 158)' d='M14.716,12.001 L1.291,12.001 C0.584,12.001 0.010,11.468 0.010,10.811 L0.010,3.298 L6.673,7.259 C7.084,7.479 7.546,7.588 8.008,7.588 C8.469,7.588 8.930,7.479 9.342,7.259 L15.996,3.303 L15.996,10.811 C15.996,11.468 15.423,12.001 14.716,12.001 ZM8.007,6.266 C7.790,6.266 7.572,6.215 7.378,6.111 L0.010,1.775 L0.010,1.179 C0.010,0.523 0.584,-0.010 1.291,-0.010 L14.716,-0.010 C15.423,-0.010 15.996,0.523 15.996,1.179 L15.996,1.780 L8.636,6.111 C8.442,6.215 8.225,6.266 8.007,6.266 Z'/></svg>");}

.grid-footer .item:nth-child(2)                 { margin-top: 45px;}
.grid-footer .item:nth-child(2) p               { font: 400 1.4rem/1 var(--fontBody); margin-bottom: 30px; color: #ffffff;}
.grid-footer .item:nth-child(2) p strong,
.grid-footer .item:nth-child(2) p span          { font: 400 1.6rem/2 var(--fontBody); display: block;}

.grid-footer .item:nth-child(3) ul    { margin-left: 40px; margin-top: 45px;}
.grid-footer .item:nth-child(3) ul li { padding-left: 20px; position: relative; line-height: 40px;}
.grid-footer .item:nth-child(3) ul li a { border-bottom: 1px solid #c9b69a00;}
.grid-footer .item:nth-child(3) 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(3, 152, 158)' d='M1.217,10.174 L6.366,5.087 L1.217,-0.001 L0.006,1.185 L3.954,5.086 L0.006,8.987 L1.217,10.174 Z'/></svg>");}

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

.grid-footer .item ul li a          { color: #ffffff; font-size: 1.3rem;}

.grid-footer .item a.facebook,
.grid-footer .item a.scroll         { width: 50px; height: 50px; background: #03989e; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.grid-footer .item a.facebook       { margin-right: 10px;}
.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;}

.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 #03989e00; }
.footer_bottom li:after				{ width: 1px; height: 9px; content: ""; position: absolute; right: -16px; top: 5px; background: #03989e;}
.footer_bottom li:last-child:after 	{ display: none;}

.toponweb             { display: block; z-index: 85; position: fixed; right: 0; bottom: -65px; transition: bottom 400ms ease-in-out;}
.toponweb span        { width: auto; height: 60px; display: block; padding: 20px; background: #ffffff;}
.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(3) ul li a:hover     { border-bottom: 1px solid #03989e;}
    .grid-footer a.scroll:hover                       { background: #03989e;  border-radius: 50%;}
    .grid-footer a.facebook:hover,
    .toponweb span:hover                              { background: #03989e;}
}

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

@media (max-width:800px) { 
    .footer                            { padding-top:50px;}
    .grid-footer                       { grid-template-columns:1fr; grid-gap: 30px 0;}
    .grid-footer .item:nth-child(2)    { margin-top: 0;}
    .grid-footer .item:nth-child(4)    { justify-content: inherit;}
    .footer_bottom                     { margin-top:30px;}
    .footer_bottom li 				   { display: block; margin: 0; font-size: 10px; line-height: 24px;}
    .footer_bottom li:after			   { display: none;}    
}

@media (max-width:600px) { 
    .grid-footer .item:nth-child(1) p span {display: block; font-weight: 600;}
}