.header-accueil{background-image:url(/images/img_videoHeader.webp);height:85vh;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.section_body{scroll-margin-top:3em}.profil .container-profil .button{width:200px;border:none;background:#0f6151;padding:8px 0 8px 15px;border-radius:5px;margin:25px;overflow:hidden;--hovered-color:#56ab34;position:relative;display:flex;font-weight:600;font-size:20px;color:#fff;align-items:center;cursor:pointer;transition:.2s}.profil .container-profil .button:active{background:#e32700;transform:scaleX(.9)}.profil .container-profil .button:after{position:absolute;content:"";width:0;height:5px;left:0;bottom:0;background:var(--hovered-color);transition:.3s ease-out}.profil .button:hover p:before,.profil .container-profil .button:hover:after{width:100%}.profil .container-profil .button .icon{color:var(--primary-color);transition:.2s;position:relative;margin-left:2px;transition-delay:.2s}.profil .container-profil .button:hover .icon{margin-left:6px;color:#50d919}header .profil .profil-p{position:relative;z-index:1;padding-right:15px}header .profil{width:100%;height:85vh;display:flex;align-items:center}header .profil .profil-img{position:relative;min-height:90vh;max-height:90vh;width:calc(100% - 100px);transition:.5s}header .profil .profil-p{display:flex;align-items:center;font-size:35px;color:#f5f5f5;padding-left:25px;transition:.5s}header .profil .profil-p p strong{font-size:60px;transition:.5s}header .profil .profil-p p em{color:#7676ff;font-size:50px;font-weight:700;transition:.5s}.container-body{width:97.7%;padding:10px 0 20px 30px}.container-body .content-body{width:95%;padding:10px;margin-bottom:2em}.container-body .content-body h1{font-size:30px;margin-bottom:15px;text-wrap:pretty}.container-body .content-body p{font-size:22px;text-wrap:pretty}.container-body .offre{width:100%}.container-body .offre h1{width:100%;font-size:40px;margin:2px 0;font-weight:700}.container-body .offre .container-offre{background:#5fc3e400;padding-bottom:50px;width:100%;display:flex;justify-content:space-between}.container-body .offre .container-offre .content-offre{width:100%;padding-bottom:15px;border:1px solid #e4e4e4;border-top:3px solid red;border-left:none}.container-body .offre .container-offre .content-offre .box{border-left:3px solid red;margin-left:10px;padding-top:20px}.container-body .offre .container-offre .content-offre .box p{font-size:20px;margin-left:25px;width:95%;padding-right:14px;text-wrap:balance}.container-body .offre .container-offre .box .content-box{display:flex;align-items:center}.container-body .offre .container-offre .box .content-box span{background:red;width:20px;height:3px;display:inline-block}.container-body .offre .container-offre .box .content-box h2{margin-left:5px;font-size:30px;font-weight:500}.container-body .offre .container-offre .menu{background:#d8e4e3ab;margin-left:2em;margin-bottom:8em;height:100%;border-radius:8px;padding-bottom:15px}.container-body .offre .container-offre .menu .Accueil{margin-bottom:10px;color:#52525b;background:#0000ff17;padding:5px 0;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;font-weight:700;font-size:35px}.container-body .offre .container-offre .menu .content-menu h2{cursor:pointer;transition:.2s;margin-left:30px;display:inline;font-weight:600;font-size:20px}.container-body .offre .container-offre .menu .content-menu .box{padding-top:12px;margin-left:40px}.container-body .offre .container-offre .menu .content-menu #box-4{padding-top:12px;margin-left:10px}.container-body .offre .container-offre .menu .content-menu .box ul li a{font-size:17px;text-decoration:none;color:#1a1a21}.container-body .offre .container-offre .menu .content-menu .box ul li{display:flex;align-items:center;padding-left:10px}.container-body .offre .container-offre .menu .content-menu .box ul li span{display:block;width:8px;height:8px;background:#877c7c;border-radius:100%;margin-right:8px}.container-body .offre .container-offre .menu .content-menu .box ul li:hover span{background:#29a8cf}.container-body .offre .container-offre .menu .content-menu .box ul li a:hover{text-decoration:underline;color:#176ecd}.container-body .container-services{background:#e5e5e5;width:100%;padding:10px;border-radius:3px}.container-body .container-services .content-services{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:10px}.card{background:linear-gradient(#212121,#212121) padding-box,linear-gradient(145deg,transparent 8%,#e81cff,#40c9ff) border-box;border:5px solid transparent;border-radius:5px;display:flex}.container-body .container-services .content-services .box{background:#f1f1f1;height:100%}.container-body .container-services .content-services .box img{-o-object-fit:cover;object-fit:cover;width:100%;height:220px}.container-body .container-services .content-services .box .text{padding:10px}.container-body .container-services .content-services .box .text h2{text-decoration:underline;color:#8c0404;font-size:25px}.container-body .container-services .content-services .box .text p{font-size:20px;padding-top:10px;color:#000;font-weight:400}.container-body .container-services .content-services .box .text p span{color:#922900}.container-body .container-services .content-services .box .text p strong a{font-size:18px;color:#005f76;text-decoration:underline}.container-body .container-services .content-services .box .text #textContainer{overflow:hidden;max-height:165px;transition:max-height .5s ease}.container-body .container-services .content-services .box .text #textContainer~a{padding-left:5px;color:#880505;text-decoration:underline}.container-body .container-scroll{margin:8px 0 15px;overflow:hidden}.container-body .container-scroll .content-scroll{position:relative;width:calc(100% - 35%);cursor:pointer;margin-top:5px}.container-body .container-scroll .content-scroll h2{background-color:#e5e5e5;text-decoration:underline;border:1px solid #aeaeae;border-left:4px solid #189aac;padding-left:10px;font-size:25px}.container-body .container-scroll .content-scroll span{width:5em;border-top-right-radius:3px;height:47px;display:flex;align-items:center;justify-content:center;transition:.2s}.container-body .container-scroll .content-scroll span img{position:relative;top:2px;width:32px;height:32px}.data-\[state\=open\]\:text-\[\#3969af\][data-state=open] span{background:#deb5b5}.container-body .container-scroll .content-scroll p{background-color:#ffffff80;font-size:18px;padding:20px 10px;border:1px solid #a8bbbc}.container-body .container-integrer p{padding:20px 10px;background-color:#f3f3f347;font-size:20px;line-height:1.3;border-radius:5px;border:1px solid #e3e3e375}.container-body .container-integrer p span{font-size:21px;color:#732900}.container-body .container-integrer p .underline{text-decoration:underline;text-underline-offset:2px}.page{position:relative;box-sizing:border-box;font-family:cursive;font-size:20px;border-radius:10px;background:#fff;border:1px solid #cbb7b7;background-image:linear-gradient(#f5f5f0 1.1rem,#ccc 1.2rem);background-size:100% 1.2rem;line-height:1.2rem;padding:1.4rem .5rem .3rem 2.5rem}.page:after,.page:before{position:absolute;content:"";bottom:10px;width:40%;height:10px;box-shadow:0 5px 14px rgba(0,0,0,.7);z-index:-1;transition:all .3s ease}.page:before{left:15px;transform:skew(-5deg) rotate(-5deg)}.page:after{right:15px;transform:skew(5deg) rotate(5deg)}.page:hover:after,.page:hover:before{box-shadow:0 2px 14px rgba(0,0,0,.4)}.margin{position:absolute;border-left:1px solid #d88;height:100%;left:1.8rem;top:0}.page p{margin:0;text-indent:1rem;padding-bottom:.2rem;color:#000;line-height:20px}.card-gradient{position:relative}.card-gradient:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20%;background:linear-gradient(0deg,hsla(0,0%,100%,.8),transparent);pointer-events:none}@media (max-width:1350px){.container-body .container-services .content-services{grid-template-columns:repeat(2,1fr)}.container-body .content-body h1{font-size:28px}}@media (max-width:1186px){.header-accueil .profil .profil-p{font-size:35px}.header-accueil .profil .profil-img{min-width:40%}.container-body .content-body h1{font-size:28px}}@media (max-width:1150px){.header-accueil .profil .profil-p{font-size:30px}.header-accueil .profil .profil-p p em,.header-accueil .profil .profil-p p strong{font-size:50px}.header-accueil .profil .profil-img{min-width:48%}.container-body .container-scroll .content-scroll{width:calc(100% - 10%)}.container-body .content-body h1{font-size:25px}.container-body .offre .container-offre .content-offre .box p{font-size:18px}}@media (max-width:887px){.container-body .container-services .content-services .box .text #textContainer{max-height:190px}}@media (max-width:840px){.header-accueil .profil .profil-p,.header-accueil .profil .profil-p p span{font-size:25px}.header-accueil .profil .profil-img{min-width:52%}.container-body{width:100%;padding:20px 8px}.container-body .content-body h1{font-size:28px}.container-body .content-body p{font-size:20px}.container-body .offre .container-offre .box .content-box h2{font-size:25px;font-weight:500}.container-body .offre .container-offre .box p{font-size:18px}.container-body .offre .container-offre{display:flex;flex-direction:column-reverse}.container-body .offre .container-offre .menu{position:relative;top:0;margin:18px 0 50px;background:#d8e4e3ab;max-width:100%}.container-body .offre .container-offre .content-offre{width:98%}.container-body .container-scroll .content-scroll{width:calc(100% - 5%)}.container-body .container-services .content-services .box .text #textContainer{max-height:165px}.container-body .offre .container-offre .content-offre .box p{font-size:16px}#div_menu{width:100%;position:relative;top:0}}@media (max-width:775px){.header-accueil .profil .container-profil{z-index:1;position:absolute}.header-accueil .profil .profil-img{min-width:100%}.container-body .content-body h1{font-size:24px}.container-body .content-body p{font-size:18px}.container-body .offre h1{font-size:29px}.container-body .offre .container-offre .box .content-box h2{font-size:20px}.container-body .offre .container-offre .box p{font-size:18px}.container-body .container-services .content-services{grid-template-columns:repeat(1,1fr)}.container-body .container-scroll .content-scroll{width:100%}.container-body .container-scroll .content-scroll span{height:37px}.container-body .container-scroll .content-scroll h2{font-size:18px}}@media (max-width:490px){.container-body .container-scroll .content-scroll span{position:relative;border-radius:4px;height:25px;margin-bottom:5px}.container-body .container-scroll .content-scroll span img{border-radius:0}.container-body .container-scroll .content-scroll h2{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px}}@media (max-width:425px){.header-accueil .profil .profil-p{font-size:25px}.container-body .content-body h1{font-size:18px;font-weight:600}.container-body .container-scroll .content-scroll h2{font-size:20px}.container-body .offre .container-offre .menu .Accueil{font-size:30px}.container-body .content-body p{font-size:16px}}@media (max-width:385px){.container-body .container-scroll .content-scroll h2{font-size:19px}}@media (max-width:375px){.container-body .container-services .content-services .box .text h2{font-size:23px}.container-body .container-services .content-services .box .text p{font-size:18px}.container-body .container-scroll .content-scroll h2{font-size:17px}.container-body .container-integrer p{font-size:18px}.container-body .container-scroll .content-scroll span{padding:0 30px}.container-body .offre .container-offre .menu .Accueil{font-size:25px}.container-body .offre .container-offre .menu .content-menu h2.active{margin-left:5px}.container-body .offre .container-offre .menu .content-menu .box ul li a{font-size:16px}.container-body .offre .container-offre .menu{min-width:100%}.container-body .container-services .content-services .box .text #textContainer{max-height:175px}}@media (max-width:336px){.container-body .container-scroll .content-scroll h2{font-size:16px}}@media (max-width:320px){.container-body .container-scroll .content-scroll span{top:1px;padding:0 20px}.container-body .offre .container-offre .menu .content-menu .box{margin-left:30px}.container-body .offre .container-offre .menu .content-menu h2{margin-left:20px}}@media (max-width:290px){.container-body .container-scroll .content-scroll #scrollH2Btn{font-size:14px}.header-accueil .profil .container-profil{width:100%}}