/***** class *****/
.sous_titre                  { font: 400 2rem/1 var(--fontBody); color: var(--colorBodySousTitre); display: block; margin-bottom: 20px;}

.dynamique img               { max-width: 100%; height: auto; border-radius: 10px;}
.dynamique h1, .dynamique h2, .dynamique h3, .dynamique h4, .dynamique h5, .dynamique h6 { font: 400 2rem/1 var(--fontBody); color: var(--colorBodySousTitre); display: block; margin-bottom: 20px;} 
.dynamique ul                { margin: 30px 0;}
.dynamique ul li             { padding-left: 35px; position: relative; padding-bottom: 10px;}
.dynamique ul 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>");}

.anchor         { top: -120px; position: relative;}

.link-page-formulaire         { position: relative;  margin: var(--marginBloc); width: 90vw; max-width: 1200px;}
.link-page-formulaire.credits { margin: 40px auto;}
.link-page-formulaire a span  { padding-left: 95px; }

.link-page-formulaire::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-page-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-page-simulateur         { background: #051d40; padding: 25px 0; color: #ffffff; font-size: 1.6rem; display: block; border-radius: 10px; position: relative; overflow: hidden;}
.link-page-simulateur::before { content: ''; position: absolute; left: -60px; top: 50%; transform: translate(0, -50%); width: 140px; height: 140px; background: #03989e; border-radius: 50%;}

.hiddenForm     { font-size: 0!important; line-height: 0!important; display: none!important; opacity: 0!important;}


@media (min-width:1201px) {
    .link-page-simulateur:hover     { background: #03989e;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; display: block; margin: 0 0 40px 0;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 25px; letter-spacing: .3px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; position: absolute; right: -14px; top: 5px; background: #051d40; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a 					{ color: #051d40;}
.breadcrumb li a.active 			{ color: #03989e;}

@media (min-width:1201px) {
    .breadcrumb li a:hover          { color: #03989e;}
}

@media (max-width:1200px) {
    .breadcrumb	                    { display: none;}
}

/***** header et menu *****/
.header                             { background: #ffffff;}

/***** banner *****/
.banner                { position: relative; display: block; padding-top: 200px; width: 90vw; max-width: 1200px; min-height: 750px; margin: 0 auto;}
.banner:before         { position: absolute; top: 0; left:-50vw; bottom: 0; height: 100%; width:200vw; background: #cdeaec; content: ""; z-index: -1;}

.banner .texte             { position: relative; }
.banner .texte .titre      { font: 400 2.5rem/1.5 var(--fontBody); letter-spacing: .5px;}
.banner .texte .sous_titre { font: 400 2rem/1.5 var(--fontBody); letter-spacing: .4px; color: var(--colorBodySousTitre);}
.banner .texte h2.chapo    { font: 400 1.4rem/2 var(--fontBody);}


.banner.blog                { min-height: 500px;}

@media (max-width:1200px) {
    .banner                 { padding-top: 150px; min-height: 650px;}
    .banner.blog            { min-height: 400px;}
}

@media (max-width:1000px) {
    .banner                 { padding-top: 120px; min-height: 600px;}
    .banner.blog            { min-height: 350px;}
}

@media (max-width:600px) {
    .banner.blog            { padding-bottom: 30px;}
}

/***** bloc text *****/
.bloc_texte                   { margin: var(--marginBloc);}
.bloc_texte p                 { margin-bottom: 20px;}
.bloc_texte :last-child       { margin-bottom: 0;}

.bloc_texte.first             { background: #ffffff; box-shadow: 0px 0px 30px 0px rgba(3, 50, 99, 0.1); position: relative; border-radius: 20px; padding: 60px; z-index: 10; margin-top: -230px;} 

.bloc_equipe { margin: var(--marginBloc); width: 90vw; max-width: 1000px;}
.bloc_equipe img { margin: 20px 0; border-radius: 20px; width: 100%; max-width: 100%; height: auto;}

@media (max-width:1000px) {
    .bloc_texte.first         { padding: 40px;}
}

@media (max-width:600px) {
    .bloc_texte.first         { margin-top: -180px;}
}

@media (max-width:400px) {
    .bloc_texte.first         { padding: 30px;}
}

/***** Bloc map  *****/ 
.bloc_map                          { margin: var(--marginBloc); display: grid; grid-template-columns:repeat(2,1fr); position: relative; grid-gap: 0; height: 520px;}

.bloc_map .mapWavre, 
.bloc_map .adresseWavre            { display: none; opacity: 0; }
.bloc_map .mapWavre,
.bloc_map .mapBruxelles            { font-size: 0; line-height: 0; }
.bloc_map .mapWavre img, 
.bloc_map .mapBruxelles img        { min-height: 520px; width: 100%; object-fit: cover; object-position: 50% 50%; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}

.bloc_map .texte                   { padding-left: 80px; padding-top: 80px; padding-right: 80px;}
.bloc_map .texte .adresseBruxelles>p,
.bloc_map .texte .adresseWavre>p   { font: 400 1.6rem/1.8 var(--fontBody); padding: 40px 0 20px 0;}
.bloc_map .texte a                 { position: relative;}
.bloc_map .texte a.link            { cursor: pointer; background: #eeeeee; color: #051d40; margin-right: 10px;}
.bloc_map .texte a.link.Active     { background: #03989e; color: #ffffff; border-radius: 5px;}
.bloc_map .texte a.adresse,
.bloc_map .texte a.tel,
.bloc_map .texte a.mail            { font: 400 1.4rem/2 var(--fontBody); padding-left: 30px; color: #051d40; display: block; margin-bottom: 5px;}
.bloc_map .texte a.adresse:before         { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 15px; 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='15px' height='18px'><path fill-rule='evenodd'  fill='rgb(3, 152, 158)' d='M7.033,0.094 C3.155,0.094 -0.000,3.223 -0.000,7.069 C-0.000,8.074 0.208,9.033 0.616,9.922 C1.941,12.796 4.245,15.277 5.486,16.612 C5.719,16.861 5.911,17.071 6.044,17.220 C6.288,17.508 6.647,17.674 7.033,17.674 C7.410,17.674 7.768,17.511 8.016,17.227 C8.153,17.069 8.346,16.860 8.590,16.599 C9.824,15.269 12.121,12.795 13.447,9.922 C13.857,9.030 14.065,8.070 14.065,7.069 C14.063,3.223 10.908,0.094 7.033,0.094 ZM7.033,10.645 C5.089,10.645 3.515,9.069 3.515,7.125 C3.515,5.180 5.089,3.604 7.033,3.604 C8.976,3.604 10.551,5.180 10.551,7.125 C10.551,9.069 8.976,10.645 7.033,10.645 Z'/></svg>");}
.bloc_map .texte a.tel: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.774 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.755 C14.130,13.167 13.796,13.501 13.384,13.501 C6.336,13.501 0.626,7.792 0.626,0.743 C0.626,0.331 0.960,-0.004 1.371,-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>");}
.bloc_map .texte a.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.290,12.001 C0.583,12.001 0.010,11.467 0.010,10.811 L0.010,3.299 L6.673,7.259 C7.084,7.479 7.546,7.587 8.007,7.587 C8.469,7.587 8.930,7.479 9.342,7.259 L15.996,3.303 L15.996,10.811 C15.996,11.467 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.522 0.583,-0.010 1.290,-0.010 L14.716,-0.010 C15.423,-0.010 15.996,0.522 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>");}

.bloc_map.first             { background: #ffffff; box-shadow: 0px 0px 30px 0px rgba(3, 50, 99, 0.1); position: relative; border-radius: 20px; z-index: 10; margin-top: -230px;} 


@media (max-width:1366px) {
    .bloc_map .texte         { padding-left: 40px; padding-top: 80px; padding-right: 40px;}
}

@media (max-width:1200px) {
    .bloc_map                { grid-template-columns:40% 60%;}
}

@media (max-width:1024px) {
    .bloc_map                { grid-template-columns:30% 70%;}
}

@media (max-width:800px) {
    .bloc_map                      { grid-template-columns:1fr; height: auto;}
    .bloc_map .mapWavre img, 
    .bloc_map .mapBruxelles img    { height: 55vw;border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0;}
    .bloc_map .texte               { padding-top: 40px; padding-bottom: 40px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
}

@media (max-width:600px) {
    .bloc_map .texte a.link             { margin-right: 0; display: flex; margin-bottom: 20px;}
    .bloc_map .texte .adresseBruxelles>p,
    .bloc_map .texte .adresseWavre>p    { padding: 20px 0;}
}

@media (max-width:500px) {
    .bloc_map .texte     { padding: 20px;}
}

/***** horaires *****/
.horaires							{ position: relative; z-index: 10; display: block; width: 100%; background: #eeeeee; border-radius: 10px; margin-top: 30px;}
.horaires>p						    { padding: 20px 50px 20px 30px; cursor: pointer; position: relative; font-size: 1.4rem; line-height: 30px;}
.horaires>p:after				    { width: 70px; height: 50px; border-radius: 50%; position: absolute; right: 0; top: 10px; background: url(../images/scrollbottom.svg) 50% 52% no-repeat; content:"";}
.horaires>p.active:after			{ transform: rotate(-180deg)}
.horaires b							{ font-size: 18px; font-weight: 400; letter-spacing: 0.4px; display:block; padding-bottom: 2px;}
.horaires ul						{ width: 100%; background: #03989e; text-align: left; line-height: 30px; padding: 20px; font-size: 1.3rem; position: absolute; left: 0; top: 90%; color: #ffffff; display: none; z-index: 10; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.horaires li						{ display: grid; grid-template-columns: 80px 1fr; align-items: center; padding-left: 20px;}
.horaires li span                   { text-align: right; padding-right: 30px;}


@media (min-width:1201px) {
    .bloc_map .texte a.link:hover              { background: #03989e; color: #ffffff;}
}

@media (max-width:600px) {
    .bloc_map.first         { margin-top: -180px;}
}

/***** contact footer *****/
.contact-footer              { margin: var(--marginBloc); text-align: center;}
.contact-footer p            { font: 500 2rem/1.5 var(--fontBody); margin-bottom: 30px; }



/***** popup Services *****/
.services 									{ position: relative;}
.services .grid							    { display: grid; grid-template-columns:repeat(3,1fr); grid-gap: 40px 40px; position: relative; max-width: 1600px; width: 85vw; margin: var(--marginBloc);}
.services .item  							{ position: relative; border-radius: 10px; overflow: hidden; font-size: 0; line-height: 0;}
.services .item .sous_titre                 { line-height: 1.5;}
.services .item .sous_titre span            { display: block; font-size: 1.3rem; font-weight: 400; margin-top: 5px;}
.services .item a 							{ display: block;}
.services .item a:after 					{ width: 100%; height: 40%; position: absolute; left: 0; bottom: 0; background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); z-index: 5; content: ""; border-radius: 10px; }
.services .item img 						{ max-width: 100%; height: auto; border-radius: 10px; transition: all 400ms ease-in-out;}
.services .item .sous_titre				    { color: #fff; margin: 0; position: absolute; left: 30px; bottom: 25px; width: calc(100% - 80px); z-index: 10; font: 500 2.2rem/1 var(--fontBody);}
.services .item .titre_cap                  { display: block; font: 400 11px/30px "Poppins"; letter-spacing: 1.7px; text-transform: uppercase; color: #fff;}
.services .item .sous_titre:after 		    { content: ''; position: absolute; right: -20px;  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>");}

@media (min-width:1201px) {
    .services .item a:hover img 				{ filter: brightness(0.7);}
    .services .item a:hover					    { transform: translateY(-15px);}
    .services .item a:hover .sous_titre:after 	{ right: -10px; opacity: 1;}
}

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

@media (max-width:800px) {
    .services .grid							    { grid-template-columns:1fr; grid-gap: 30px 0;}
}

@media (max-width:500px) {
    .services .item .sous_titre				    { font: 500 1.8rem/1 var(--fontBody);}
}


/** service detail **/
.services-detail 							{ width: 100%; height: 100vh; position: fixed; right: 0; top: 0; z-index: 250; display: none;}
.services-detail ::-webkit-scrollbar  	    { display: none;}
.services-detail .close_bg				    { width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0.7; cursor: url(../images/close.svg), auto;}
.services-detail .infos					    { width: 40vw; height: 100%; background: #fff; position: absolute; top: 0; z-index: 20;}
.services-detail .infos .close 			    { position: absolute; top: 0; left: -60px; width: 60px; height: 60px; background: #03989e; background: #fff; cursor: pointer; z-index: 50;}
.services-detail .infos .close:before		{ width: 26px; height: 1px; background: #03989e; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";}
.services-detail .infos .close:after		{ width: 1px; height: 26px; background: #03989e; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";}
.services-detail .infos .row				{ height: 100%; display: grid; align-items: center; overflow-y: auto; margin: 0 auto 0 5vw;}
.services-detail .infos .titre              { margin-bottom: 5px; margin-bottom: 35px; font: 400 3rem/1 var(--fontBody); color: var(--colorBodySousTitre);}
.services-detail .infos .sous_titre         { font: 400 1.6rem/1 var(--fontBody); color: var(--colorBody); margin-bottom: 10px;}
.services-detail .infos .row .wrap		    { padding: 60px 0 80px 0; position: relative;}
.services-detail .infos .texte 			    { max-width: 1000px; background: #fff; margin-bottom: 40px; margin-right: 5vw;}
.services-detail .infos .texte p            { margin-bottom: 20px;}

.services-detail .infos					    { right: -80vw; transition: right 600ms ease-in-out 200ms;}
.services-detail .infos.active			    { right: 0; transition-delay: 400ms;}
.services-detail .infos .row				{ opacity: 0; transition: opacity 400ms ease-in-out 0ms;}
.services-detail .infos.active .row		    { opacity: 1; transition-delay: 1000ms;}

@media (min-width:1201px) {
    .services-detail .infos .close:hover:before	{ background: #051d40;}
    .services-detail .infos .close:hover:after	{ background: #051d40;}
}

@media (max-width:1200px) {
    .services-detail .infos     { width: 60vw; }
}

@media (max-width:600px) {
    .services-detail .infos     { width: 70vw; }
}

#avis .mod_avis 						{ display: grid; grid-template-columns: 300px 1fr; grid-gap: 100px; align-items: start; max-width: 1600px; width: 85vw; margin: var(--marginBloc);}

#avis .mod_avis  			  	 		{ position: relative;}
#avis .mod_avis .stars 				    { position: relative;}
#avis .mod_avis .stars .row				{ position: relative; display: inline-block; background: #f6f6f6;}
#avis .mod_avis .stars .score 			{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #03989e;}
#avis .mod_avis .stars .mask 			{ position: relative; z-index: 5; display: block;};

.mod_avis .note	 						{ font: 600 2.2rem/1 var(--fontBody); letter-spacing: 0;}
.mod_avis .note span 					{ font-size: 1.5rem; font-weight: 400; padding-left: 15px; display: inline-block; position: relative;}
.mod_avis .note span:before				{ width: 1px; height: 12px; background: #333; transform: skewX(-20deg); position: absolute; left: 3px; top: 8px; content: "";}

#avis .resume  							{ position: sticky; top: 120px; margin: 0px;}
#avis .resume .stars 					{ margin: 10px 0 15px -5px;}
#avis .resume .note 					{ font-size: 4rem;}
#avis .resume .table   					{ margin: 30px 0 0 0;}
#avis .resume .table li 				{ display: grid; grid-template-columns: 70px 1fr 35px; align-items: center; grid-gap: 15px; line-height: 20px; margin: 15px 0;}
#avis .resume .table li .ratio			{ text-align: right;}
#avis .resume .table li .bar			{ width: 100%; height: 10px; background: #f6f6f6; border-radius: 3px; overflow: hidden;}
#avis .resume .table li .bar i			{ width: 100%; height: 10px; display: block; background: #03989e;}
#avis .resume .link 					{ width: 100%; text-align: center; padding: 0; margin: 30px 0 40px 0; height: 60px; line-height: 60px;}
#avis .resume .powered 					{ font-size: 11px; line-height: 22px; border: 1px solid #ceedf0; border-radius: 5px; padding: 30px; text-align: center;}
#avis .resume .powered img 				{ width: 80px; height: 80px; border-radius: 50%; object-fit: none; object-position: 50% 45%; display: block; border: 2px solid #ceedf0; margin: 0 auto 10px auto;}
#avis .resume .powered span				{ display: inline-block; max-width: 240px;}

#avis .list 							{ position: relative;}
#avis .avis 							{ padding: 45px 50px; background: #f6f6f6; margin-bottom: 20px; border-radius: 10px; }
#avis .avis:last-child 					{ margin-bottom: 0;}
#avis .avis .author_note				{ display: grid; grid-template-columns: auto 105px; grid-gap: 10px; line-height: 25px; align-items: center; margin-right: -2px;}
#avis .avis .author_note b 				{ font-size: 1.4rem; font-weight: 500;}
#avis .avis .author_note img			{ width: 100%; height: auto;}
#avis .avis p							{ margin-bottom: 15px;}
#avis .avis p.date						{ font-size: 12px; line-height: 20px; margin-top: 5px;}
#avis .avis p.date span					{ color: #4eb23b; display: inline-block; margin-left: 10px; padding-left: 20px; background: url("../images/avis_check.svg") 0 40% no-repeat;}
#avis .avis i							{ font-size: 12px; line-height: 20px; display: block; /*color: #0e71b8;*/ font-style: normal; margin-bottom: 15px;}
#avis .avis ul							{ line-height: 0; margin-top: 25px; }
#avis .avis li:nth-child(2), #avis .avis li:nth-child(4) 	{ margin-left: -20px; }
#avis .avis li 							{ font-size: 12px; line-height: 20px; letter-spacing: 0.4px; margin-right: 20px; position: relative; display: inline-block;}
#avis .avis li a						{ border-bottom: 1px solid #aaa; padding-bottom: 1px;}
#avis .avis li .utile					{ border: 1px solid #aaa; border-radius: 3px; padding: 4px 14px; display: inline-block;}
#avis .avis li .plus_utile                              { background-color: #123451; color: #fff; border-color: #fff; }


@media (min-width:1201px) {
#avis .avis li a:hover 					{ opacity: 0.5;}
}
@media (max-width:1200px) { 
#avis .mod_avis 						{ grid-template-columns: 260px 1fr; grid-gap: 60px; margin-bottom: 80px;}
#avis .avis 							{ padding: 40px;}
}
@media (max-width:1000px) { 
#avis .mod_avis 						{ grid-template-columns: 1fr; grid-gap: 60px; }
#avis .resume  							{ position: static;}
}
@media (max-width:600px) { 
#avis .mod_avis 						{ margin-bottom: 50px;}
#avis .resume .table   					{ margin: 20px 0 0 0;}
#avis .resume .table li 				{ margin: 10px 0;}
#avis .resume .link 					{ /*margin: 20px 0 30px 0;*/ position: fixed; left: 0; right: 0; bottom: 0; margin: 0; border-radius: 0; z-index: 50;}
#avis .resume .powered 					{ margin-top: 30px;}
#avis .avis 							{ padding: 7.5vw; padding: 0 0 30px 0; margin-bottom: 30px; background: none; border-bottom: 1px solid #ccc;}
#avis .avis .author_note				{ grid-template-columns: 1fr; margin: 0 0 10px 0; grid-gap: 5px;}
#avis .avis .author_note b 				{ grid-area: 2;}
#avis .avis .author_note .stars 		{ grid-area: 1; width: 105px; float: right; margin-left: -2px;}
#avis .avis .author_note img 			{ filter: brightness(100);}
}


#difficulte .banner                     {  padding-bottom: 270px;}
#difficulte .link-formulaire            { margin: 20px 0 0 0; max-width: 400px;}



@media (max-width:800px) {
    #difficulte .bloc_grid.first            { grid-template-columns: 1fr; grid-gap: 35px;}
}

@media (max-width:600px) {
    #difficulte .banner                     { min-height: inherit; padding-bottom: 100px;}
    #difficulte .bloc_grid.first            { margin-top: -50px}
}


.bloc_grid-equipe               { max-width: 1600px; width: 90vw; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 30px; margin: var(--marginBloc); text-align: center; position: relative;}
.bloc_grid-equipe:before        { content: ''; position: absolute; width: 200vw; left: -50vw; background: #cdeaec; height: calc(100% - 60px); top: 100px; z-index: -1;}
.bloc_grid-equipe .item .photo  { position: relative;}
.bloc_grid-equipe .item strong  { font-weight: 600; font-size: 1.8rem;}
.bloc_grid-equipe .item .poste  { color: #03989e;}
.bloc_grid-equipe .item i       { font-size: 12px;}
.bloc_grid-equipe img    { max-width: 100%; width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;}
.bloc_grid-equipe .map   { position: absolute; bottom: 60px; padding: 5px 10px; transform: translateX(-50%); left: 50%; color: #ffffff; font-size: 12px; text-transform: uppercase; background: #03989e; z-index: 1; border-radius: 5px;}
.bloc_grid-equipe h3     { margin-bottom: 25px;}
.bloc_grid-equipe a[href^="tel:"] { color:var(--colorBody);}

@media (max-width:1000px) {
    .bloc_grid-equipe        { max-width: 1200px; grid-template-columns: repeat(2,1fr); grid-gap: 80px 40px}
}

@media (max-width:800px) {
    .bloc_grid-equipe        { grid-gap: 40px 40px; margin-bottom: 100px;}
}

@media (max-width:600px) {
    .bloc_grid-equipe        { grid-template-columns: 1fr;}
}