@import"assets/css/base.min.css";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=DM+Mono:wght@300;400&display=swap";.mt10{margin-top:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mr20{margin-right:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.pr20{padding-right:20px}.mt34{margin-top:34px}.mb34{margin-bottom:34px}.ml34{margin-left:34px}.mr34{margin-right:34px}.pt34{padding-top:34px}.pb34{padding-bottom:34px}.pl34{padding-left:34px}.pr34{padding-right:34px}.mt40{margin-top:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px}.mr40{margin-right:40px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}.pl40{padding-left:40px}.pr40{padding-right:40px}.mt60{margin-top:60px}.mb60{margin-bottom:60px}.ml60{margin-left:60px}.mr60{margin-right:60px}.pt60{padding-top:60px}.pb60{padding-bottom:60px}.pl60{padding-left:60px}.pr60{padding-right:60px}.mt90{margin-top:90px}.mb90{margin-bottom:90px}.ml90{margin-left:90px}.mr90{margin-right:90px}.pt90{padding-top:90px}.pb90{padding-bottom:90px}.pl90{padding-left:90px}.pr90{padding-right:90px}.mt140{margin-top:140px}.mb140{margin-bottom:140px}.ml140{margin-left:140px}.mr140{margin-right:140px}.pt140{padding-top:140px}.pb140{padding-bottom:140px}.pl140{padding-left:140px}.pr140{padding-right:140px}@media only screen and (max-width: 768px){.screen{display:none}.mobile{display:block}}@media only screen and (min-width: 769px){.screen{display:block}.mobile{display:none}}@media only screen and (max-width: 1024px){:root{--radius-2xs: 6px;--radius-xs: 12px;--radius-s: 25px;--radius-m: 50px}}@media only screen and (min-width: 1025px){:root{--radius-2xs: 12px;--radius-xs: 25px;--radius-s: 50px;--radius-m: 100px}}.vert{color:#84d320}.violet{color:#7d21d9}html{scroll-behavior:smooth;font-size:62.5%;font-optical-sizing:auto;font-variation-settings:"wdth" 100}body{background:#fff3e2;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:2rem;line-height:1.5;font-weight:300;color:#fff3e2}@media only screen and (max-width: 1024px){body{font-size:1.9rem}}@media only screen and (max-width: 768px){body{font-size:1.8rem}}body a{color:inherit;text-decoration:none;transition:all .2s ease-in-out}body a:hover,body a[href*="tel:"]{color:inherit;text-decoration:none}body p a{text-decoration:underline}body h1,body h2,body h3,body h4,body h5,body h6,body .h1,body .h2,body .h3,body .h4,body .h5,body .h6{font-family:"Bricolage Grotesque",Arial,sans-serif;font-weight:800;line-height:1}body p{line-height:1.5}body strong{font-weight:700}body figure{margin:0}body ul{margin-left:0}body ul li{list-style:none}body .container{max-width:1280px;margin:0 auto}@media(max-width: 1280px){body .container{margin-left:10px;margin-right:10px}}body .container-large{max-width:1824px;margin:0 auto}@media(max-width: 1824px){body .container-large{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){body .container-large{margin-left:0;margin-right:0}}body .overflow{overflow:hidden;position:relative}body h1{margin-bottom:30px;font-size:9rem}@media only screen and (max-width: 1024px){body h1{font-size:7.5rem}}@media only screen and (max-width: 768px){body h1{font-size:6rem}}body h2,body .h2{margin-bottom:24px;font-size:8rem}@media only screen and (max-width: 1024px){body h2,body .h2{font-size:6.9rem}}@media only screen and (max-width: 768px){body h2,body .h2{font-size:5.7rem}}body h3,body .h3{font-size:6rem}@media only screen and (max-width: 1024px){body h3,body .h3{font-size:5rem}}@media only screen and (max-width: 768px){body h3,body .h3{font-size:4rem}}body h4,body .h4{font-size:4rem}@media only screen and (max-width: 1024px){body h4,body .h4{font-size:3.6rem}}@media only screen and (max-width: 768px){body h4,body .h4{font-size:3.2rem}}body h5{font-size:3rem}@media only screen and (max-width: 1024px){body h5{font-size:2.8rem}}@media only screen and (max-width: 768px){body h5{font-size:2.6rem}}body h6{font-size:2.6rem;text-transform:none}@media only screen and (max-width: 1024px){body h6{font-size:2.4rem}}@media only screen and (max-width: 768px){body h6{font-size:2.2rem}}body button,body .btn{position:relative;overflow:hidden;display:inline-block;padding:10px 34px;border:none;border-radius:100px;background:#84d320;cursor:pointer;transition:all .3s ease-in-out .2s;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:1.8rem;line-height:1.2;font-weight:600;color:#1c1c1e;text-decoration:none}body button span,body .btn span{position:relative;z-index:1}body button img,body .btn img{transition:all .3s ease-in-out .2s}body button i,body .btn i{display:inline-block;margin-top:-5px;margin-right:10px;vertical-align:middle}body button.btn-small,body .btn.btn-small{padding:8px 24px;font-size:1.5rem}body button::before,body .btn::before{content:"";position:absolute;z-index:0;top:0;left:-100%;width:100%;height:100%;border-radius:100px;background:#9f62dc;transition:all .3s ease-in-out .15s}body button::after,body .btn::after{content:"";position:absolute;z-index:0;top:0;left:-120%;width:100%;height:100%;border-radius:100px;background:#7d21d9;transition:all .3s ease-in-out}body button:hover,body .btn:hover{color:#fff3e2}body button:hover img,body .btn:hover img{filter:invert(100%)}body button:hover::before,body button:hover::after,body .btn:hover::before,body .btn:hover::after{left:0}body button:hover::before,body .btn:hover::before{transition:all .3s ease-in-out}body button:hover::after,body .btn:hover::after{transition:all .3s ease-in-out .1s}body p+.btn,body ul.tags+.btn{margin-top:20px}body a:hover .btn{color:#fff3e2}body a:hover .btn img{filter:invert(100%)}body a:hover .btn::before,body a:hover .btn::after{left:0}body a:hover .btn::before{transition:all .3s ease-in-out}body a:hover .btn::after{transition:all .3s ease-in-out .1s}body ul.tags{margin-left:0;margin-bottom:0}body ul.tags li{display:inline-block;margin-right:20px;margin-bottom:16px;padding:11px 28px;border-radius:100px;background:#1c1c1e;font-family:"DM Mono",monospace;font-size:1.9rem;line-height:1;letter-spacing:-1px}body ul.tags li.outline{background:rgba(0,0,0,0);border:1px solid rgba(255,243,226,.5)}body ul.tags li.vert{background:#84d320;color:#1c1c1e}@media only screen and (max-width: 1024px){body ul.tags li{margin-right:10px;font-size:1.6rem}}body .icons-3col{margin-bottom:24px;display:flex;align-items:end;gap:12px}@media only screen and (max-width: 768px){body .icons-3col{gap:6px}body .icons-3col img{width:24px}body .icons-3col img:first-child{width:40px}}body #head-title{padding-top:160px;padding-bottom:180px}@media only screen and (max-width: 1024px){body #head-title{padding-top:120px;padding-bottom:120px}}body span.avis-google{margin-left:10px;font-family:"DM Mono",monospace;font-size:1.6rem;font-weight:300;color:rgba(255,243,226,.6)}@media only screen and (max-width: 1024px){body span.avis-google{display:block;margin:10px 0 0}}body span.avis-google img{vertical-align:baseline;margin:0 2px}body address{margin-bottom:30px;font-size:2.4rem;line-height:1.3;font-style:normal}#header{overflow:hidden;padding:40px 0 0;border-radius:0 0 var(--radius-m) var(--radius-m);background:#1c1c1e}#header nav#menu{display:flex;justify-content:space-between;align-items:center;width:670px;margin:0 auto 40px;padding:15px 19px;border:1px solid #fff3e2;border-radius:100px;background:rgba(28,28,30,.9);transition:all .4s ease-in-out;position:absolute;z-index:1;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 1024px){#header nav#menu{max-width:600px;padding:12px 16px}}@media only screen and (max-width: 768px){#header nav#menu{z-index:99;max-width:140px}}#header nav#menu.sticky{position:fixed;z-index:90;top:20px;width:570px;padding:8px 10px}#header nav#menu.sticky #logo,#header nav#menu.sticky #linkedin{transform:scale(0.9)}#header nav#menu.sticky li{font-size:1.7rem}@media only screen and (max-width: 768px){#header nav#menu.sticky{max-width:110px}}#header nav#menu #logo,#header nav#menu #linkedin{cursor:pointer;transition:transform .1s ease-in-out}#header nav#menu #logo:hover,#header nav#menu #linkedin:hover{transform:scale(1.1)}#header nav#menu ul#menu-primary{display:flex;gap:40px;margin:0}@media only screen and (max-width: 768px){#header nav#menu ul#menu-primary{display:none}}#header nav#menu li{font-family:"DM Mono",monospace;font-size:1.8rem;line-height:2;letter-spacing:-1px}@media only screen and (max-width: 1024px){#header nav#menu li{font-size:1.7rem}}#header nav#menu li a{position:relative;overflow:hidden;display:block;color:rgba(0,0,0,0)}#header nav#menu li a::before,#header nav#menu li a::after{content:attr(data-text);position:absolute;top:0;left:0;transition:transform .2s ease-in-out;color:#fff3e2}#header nav#menu li a::after{transform:rotate(30deg) translateY(150%)}#header nav#menu li a:hover::before{transform:translateY(-100%)}#header nav#menu li a:hover::after{transform:rotate(0deg) translateY(0%)}#header nav#menu li.active a{color:#84d320}#header nav#menu li.active a::before,#header nav#menu li.active a::after{display:none}@media only screen and (max-width: 768px){#header nav#menu.open{flex-wrap:wrap;max-width:100%;border-radius:24px;background:#1c1c1e}#header nav#menu.open #burger-icon{display:none}#header nav#menu.open #burger-icon-close{display:block;cursor:pointer}}#header nav#menu #burger-menu,#header nav#menu #burger-icon-close{display:none}#header nav#menu #burger-icon{display:none;cursor:pointer}@media only screen and (max-width: 768px){#header nav#menu #burger-icon{display:block}}#header nav#menu.open #burger-menu{display:block;flex:0 0 100%;margin-top:20px}@media only screen and (min-width: 769px){#header nav#menu.open #burger-menu{display:none}}#header nav#menu.open #burger-menu .linkedin-burger{display:block;margin:10px 0}#footer{overflow:hidden;margin-top:60px;padding:100px 0 60px 0;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}#footer article{display:flex;align-items:center;justify-content:center;row-gap:40px;-moz-column-gap:100px;column-gap:100px;margin-bottom:80px}@media only screen and (max-width: 1024px){#footer article{display:block;text-align:center}}#footer article .video-halo{position:relative}#footer article .video-halo::after{content:url("assets/img/structure/halo-header.webp");position:absolute;z-index:-1;opacity:.4;top:-230px;left:-200px;pointer-events:none}#footer article video{overflow:hidden;position:relative;z-index:1;width:320px;height:380px;border-radius:50px;transition:filter ease .5s}#footer article video:hover{filter:saturate(0)}@media only screen and (max-width: 768px){#footer article video{width:250px;height:auto;margin-bottom:20px;border-radius:30px}}#footer article .hidden{opacity:0}#footer div{position:relative;z-index:0}#footer section{display:grid;align-items:end;row-gap:40px;font-family:"DM Mono",monospace;letter-spacing:-1px;font-size:1.9rem;font-weight:300}@media only screen and (min-width: 1025px){#footer section{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 1024px){#footer section{justify-content:center;text-align:center}}#footer section p{margin:10px 0 0}#footer section #copyrights{font-size:1.5rem}@media only screen and (min-width: 1025px){#footer section #copyrights{text-align:right}#footer section #copyrights p{margin-top:20px}}#footer section #backtop{cursor:pointer;transition:transform .1s ease-in-out}#footer section #backtop:hover{transform:scale(1.1)}#home #hero-title{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:60px}@media only screen and (max-width: 1024px){#home #hero-title{grid-template-columns:1fr;justify-items:center;gap:0;max-width:670px;margin:0 auto;padding-top:120px}}#home #hero-title div{position:relative;z-index:1}#home #hero-title h1{position:relative;white-space:pre-wrap}#home #hero-title h1::after{content:"designer web";white-space:pre-wrap;position:absolute;left:0;bottom:0;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;background-image:url("assets/img/structure/h1-mask-moving.svg");background-position-y:bottom;background-position-x:-1000px;background-repeat:no-repeat;animation:maskMoving 10s infinite ease-out}@keyframes maskMoving{0%{background-position-x:-1000px}10%{background-position-x:-1000px}35%{background-position-x:1000px}100%{background-position-x:1000px}}#home #hero-title figure{position:relative;text-align:center}@media only screen and (min-width: 769px){#home #hero-title figure::after{content:url("assets/img/structure/halo-header.webp");position:absolute;z-index:0;top:-10px;left:-160px;pointer-events:none}}#home #hero-title figure img{position:relative;z-index:1}#home #expertises{position:relative;padding-top:80px;padding-bottom:170px;border-radius:0 0 var(--radius-m) var(--radius-m);background:#7d21d9}#home #expertises::before{content:"";position:absolute;z-index:-1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e}#home #expertises::before{background:#7d21d9}@media only screen and (max-width: 768px){#home #expertises{padding-top:60px;padding-bottom:130px}}#home #expertises h2{font-size:7rem}@media only screen and (max-width: 1024px){#home #expertises h2{font-size:5rem}}@media only screen and (min-width: 769px){#home #expertises .tags-carrousel{position:relative;white-space:nowrap;width:100%}#home #expertises .tags-carrousel ul{animation:scroll 40s linear infinite}#home #expertises .tags-carrousel:nth-child(3) ul{animation:scroll 34s linear infinite}}@media only screen and (min-width: 769px){#home #expertises .tags-carrousel ul{display:inline-block}}@media only screen and (max-width: 768px){#home #expertises .tags-carrousel ul{margin-top:0;margin-bottom:10px;margin-left:10px;margin-right:10px}#home #expertises .tags-carrousel ul:nth-child(2n),#home #expertises .tags-carrousel ul:nth-child(3n),#home #expertises .tags-carrousel ul:nth-child(4n){display:none}#home #expertises .tags-carrousel ul li{margin-bottom:10px}}@media only screen and (max-width: 768px){#home #expertises .tags-carrousel ul li.screen{display:none}}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#home #liste-expertises{max-width:1824px;margin:0 auto;position:relative;padding-top:20px;padding-bottom:90px;border-radius:0 0 var(--radius-m) var(--radius-m);background:#1c1c1e}@media(max-width: 1824px){#home #liste-expertises{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#home #liste-expertises{margin-left:0;margin-right:0}}#home #liste-expertises::before{content:"";position:absolute;z-index:1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}@media only screen and (max-width: 768px){#home #liste-expertises{padding-top:2px;padding-bottom:60px}}@media only screen and (min-width: 769px){#home #liste-expertises::after{content:url("assets/img/structure/halo1-container.webp");position:absolute;z-index:1;top:-98px;left:0;width:460px;height:960px;overflow:hidden;border-top-left-radius:var(--radius-m);mix-blend-mode:color-dodge;pointer-events:none}}@media(max-width: 1650px){#home #liste-expertises::after{left:auto;right:0;transform:scale(-1, 1)}}@media only screen and (max-width: 768px){#home #liste-expertises article.mb90{margin-bottom:50px}#home #liste-expertises article.mb60{margin-bottom:30px}}@media only screen and (min-width: 769px){#home #liste-expertises article h2 .btn{margin-left:50px}}#home #liste-expertises article #circles{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;gap:20px 40px;margin-top:30px}@media only screen and (max-width: 1024px){#home #liste-expertises article #circles{grid-template-columns:1fr}#home #liste-expertises article #circles img{max-height:100px}}#home #liste-expertises article #circles article{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:26px}#home #liste-expertises article #circles canvas{width:120px;height:120px}#home #liste-expertises article #circles article>div{font-family:"DM Mono",monospace;font-size:2.4rem;line-height:1.3}#home #liste-expertises article #circles article>div div{font-size:4.6rem;font-weight:400}#home #liste-expertises .col-2{display:grid;grid-template-columns:1fr 1fr;gap:50px}@media only screen and (max-width: 1024px){#home #liste-expertises .col-2{grid-template-columns:1fr}}#home #clients{max-width:1280px;margin:0 auto;padding-top:60px;padding-bottom:20px;text-align:center;color:#1c1c1e}@media(max-width: 1280px){#home #clients{margin-left:10px;margin-right:10px}}@media only screen and (max-width: 768px){#home #clients{padding-top:40px;padding-bottom:0}}#home #clients ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:50px 120px;margin-top:50px}@media only screen and (max-width: 768px){#home #clients ul{gap:30px 50px}#home #clients ul img{transform:scale(0.8)}}#projets main{max-width:1824px;margin:0 auto;position:relative;padding-top:60px;padding-bottom:100px;border-radius:0 0 var(--radius-m) var(--radius-m);background:linear-gradient(180deg, #7D21D9 0%, #1C1C1E 100%)}@media(max-width: 1824px){#projets main{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#projets main{margin-left:0;margin-right:0}}#projets main::before{content:"";position:absolute;z-index:1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}#projets main::before{background:#7d21d9}@media only screen and (max-width: 1024px){#projets main{padding-top:0;padding-bottom:60px}}#cards{display:flex;flex-wrap:wrap;justify-content:center;gap:54px;text-align:left}#cards .card{display:flex;flex-direction:column;justify-content:space-between;background:#1c1c1e;border-radius:var(--radius-s);padding:40px}#cards .card:nth-child(1),#cards .card:nth-child(4),#cards .card:nth-child(5),#cards .card:nth-child(8),#cards .card:nth-child(9),#cards .card:nth-child(12),#cards .card:nth-child(13),#cards .card:nth-child(16),#cards .card:nth-child(17){width:445px}@media(min-width: 1024px)and (max-width: 1340px){#cards .card:nth-child(1),#cards .card:nth-child(4),#cards .card:nth-child(5),#cards .card:nth-child(8),#cards .card:nth-child(9),#cards .card:nth-child(12),#cards .card:nth-child(13),#cards .card:nth-child(16),#cards .card:nth-child(17){width:780px}}@media only screen and (max-width: 768px){#cards .card:nth-child(1),#cards .card:nth-child(4),#cards .card:nth-child(5),#cards .card:nth-child(8),#cards .card:nth-child(9),#cards .card:nth-child(12),#cards .card:nth-child(13),#cards .card:nth-child(16),#cards .card:nth-child(17){max-width:445px}}@media only screen and (min-width: 769px){#cards .card:nth-child(1) .title-ateliercybersecurite,#cards .card:nth-child(4) .title-ateliercybersecurite,#cards .card:nth-child(5) .title-ateliercybersecurite,#cards .card:nth-child(8) .title-ateliercybersecurite,#cards .card:nth-child(9) .title-ateliercybersecurite,#cards .card:nth-child(12) .title-ateliercybersecurite,#cards .card:nth-child(13) .title-ateliercybersecurite,#cards .card:nth-child(16) .title-ateliercybersecurite,#cards .card:nth-child(17) .title-ateliercybersecurite{font-size:5.4rem}}#cards .card:nth-child(2),#cards .card:nth-child(3),#cards .card:nth-child(6),#cards .card:nth-child(7),#cards .card:nth-child(10),#cards .card:nth-child(11),#cards .card:nth-child(14),#cards .card:nth-child(15),#cards .card:nth-child(18),#cards .card:nth-child(19){width:780px}@media only screen and (max-width: 1024px){#cards .card:nth-child(2),#cards .card:nth-child(3),#cards .card:nth-child(6),#cards .card:nth-child(7),#cards .card:nth-child(10),#cards .card:nth-child(11),#cards .card:nth-child(14),#cards .card:nth-child(15),#cards .card:nth-child(18),#cards .card:nth-child(19){width:445px}}@media only screen and (max-width: 768px){#cards .card:nth-child(2),#cards .card:nth-child(3),#cards .card:nth-child(6),#cards .card:nth-child(7),#cards .card:nth-child(10),#cards .card:nth-child(11),#cards .card:nth-child(14),#cards .card:nth-child(15),#cards .card:nth-child(18),#cards .card:nth-child(19){max-width:445px}}#cards .card h2{word-break:break-word}#cards .card figure{overflow:hidden;height:340px;margin-bottom:30px;border-radius:var(--radius-xs);transition:transform .2s ease-in-out}@media only screen and (max-width: 768px){#cards .card figure{height:auto;aspect-ratio:1}}#cards .card figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease-in-out .1s}#cards .card:hover figure{transform:scale(0.95)}#cards .card:hover figure img{transform:scale(1.05)}#cards .card p{margin-top:34px;text-align:center}#projet #head-title{position:relative;padding-bottom:80px}#projet #head-title ul.tags{margin-bottom:20px}@media only screen and (min-width: 1025px){#projet #head-title a.arrow{position:absolute;display:block;top:180px;left:-160px;width:60px;height:60px;background:url("assets/img/structure/arrow.svg") no-repeat center center;transform:rotate(180deg)}#projet #head-title a.arrow:last-child{left:initial;right:-160px;transform:rotate(0deg)}}#projet main{padding-top:60px;text-align:center}#projet #btn-suivant{margin-top:60px;text-align:center}.infobulle{position:absolute;z-index:2;top:-500px;left:-500px;padding:10px;background:#1c1c1e;transition:transform .1s linear;pointer-events:none;text-align:left;font-size:3rem;line-height:1;font-weight:800;white-space:nowrap}#expertises main{max-width:1824px;margin:0 auto;position:relative;padding-top:0px;padding-bottom:10px;border-radius:0 0 var(--radius-m) var(--radius-m);background:linear-gradient(180deg, #7D21D9 0%, #1C1C1E 50%)}@media(max-width: 1824px){#expertises main{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#expertises main{margin-left:0;margin-right:0}}#expertises main::before{content:"";position:absolute;z-index:1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}#expertises main::before{background:#7d21d9}@media only screen and (max-width: 1024px){#expertises main{padding-bottom:0}}@media only screen and (min-width: 769px){#expertises main::after{content:url("assets/img/structure/halo2-container.webp");position:absolute;z-index:1;top:-98px;left:0;width:460px;height:960px;overflow:hidden;border-top-left-radius:var(--radius-m);mix-blend-mode:color-dodge;pointer-events:none}}#expertises main .avis-google{float:right}@media(max-width: 1650px){#expertises main::after{left:auto;right:0;transform:scale(-1, 1)}#expertises main .avis-google{float:none}}#expertises main article{margin-bottom:70px}#expertises main article h2{word-break:break-word}#expertises main article p{margin-bottom:24px}#expertises main article .detail{margin-bottom:8px}@media only screen and (min-width: 769px){#expertises main article .detail{display:flex}}#expertises main article .detail h3{min-width:300px;max-width:300px;margin-right:20px}@media only screen and (max-width: 1024px){#expertises main article .detail h3{min-width:260px;max-width:none}}@media only screen and (min-width: 769px){#expertises main article .detail div{margin-top:0}#expertises main article .detail p{margin-top:11px}}@media only screen and (max-width: 768px){#expertises main article .detail ul{margin-bottom:24px}}#expertises main article .detail ul li{position:relative}#expertises main article .detail ul li::before{content:"•";position:relative;margin-right:14px;font-size:2rem}@media only screen and (min-width: 769px){#expertises main article.autres-competences .detail{margin-bottom:36px}}#contact #hero-title{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:70px;padding-top:160px;padding-bottom:160px}@media only screen and (max-width: 1024px){#contact #hero-title{grid-template-columns:1fr;justify-items:center;gap:0;max-width:670px;margin:0 auto;padding-top:120px}}#contact main{max-width:1824px;margin:0 auto;position:relative;padding-top:0px;padding-bottom:100px;border-radius:0 0 var(--radius-m) var(--radius-m);background:linear-gradient(180deg, #7D21D9 0%, #1C1C1E 100%)}@media(max-width: 1824px){#contact main{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#contact main{margin-left:0;margin-right:0}}#contact main::before{content:"";position:absolute;z-index:1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}#contact main::before{background:#7d21d9}@media only screen and (max-width: 1024px){#contact main{padding-bottom:60px}}#form section{display:grid;gap:0 40px}@media only screen and (min-width: 769px){#form section{grid-template-columns:1fr 1fr 1fr}}#form label{margin-left:10px;font-weight:300}#form input,#form textarea{padding:10px;border:1px solid #fff3e2;border-radius:var(--radius-2xs);background:rgba(0,0,0,0);color:#fff3e2}#form input::-moz-placeholder, #form textarea::-moz-placeholder{color:rgba(255,243,226,.3)}#form input::placeholder,#form textarea::placeholder{color:rgba(255,243,226,.3)}#form textarea{margin-bottom:40px}.alert.success{background:rgba(36,39,38,.8);border-color:#84d320;color:#84d320}.alert.error{background:rgba(0,0,0,.8)}#infoslegales main{max-width:1824px;margin:0 auto;position:relative;padding-top:60px;padding-bottom:60px;border-radius:0 0 var(--radius-m) var(--radius-m);background:linear-gradient(180deg, #7D21D9 0%, #1C1C1E 100%)}@media(max-width: 1824px){#infoslegales main{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#infoslegales main{margin-left:0;margin-right:0}}#infoslegales main::before{content:"";position:absolute;z-index:1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}#infoslegales main::before{background:#7d21d9}@media only screen and (max-width: 1024px){#infoslegales main{padding-bottom:40px}}#infoslegales main article{padding-bottom:60px}#erreur404 #hero-title{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:70px;padding-top:160px;padding-bottom:160px}@media only screen and (max-width: 1024px){#erreur404 #hero-title{grid-template-columns:1fr;justify-items:center;gap:0;max-width:670px;margin:0 auto;padding-top:120px}}#erreur404 #hero-title h1{position:relative;z-index:1}#erreur404 #hero-title .video-halo{position:relative}#erreur404 #hero-title .video-halo::after{content:url("assets/img/structure/halo-header.webp");position:absolute;z-index:0;opacity:.4;top:-230px;left:-200px;pointer-events:none}#erreur404 #hero-title video{overflow:hidden;position:relative;z-index:1;width:320px;height:380px;border-radius:50px;transition:filter ease .5s}#erreur404 #hero-title video:hover{filter:saturate(0)}@media only screen and (max-width: 768px){#erreur404 #hero-title video{width:250px;height:auto;margin-bottom:20px;border-radius:30px}}#erreur404 main{max-width:1824px;margin:0 auto;position:relative;padding-top:0px;padding-bottom:100px;border-radius:0 0 var(--radius-m) var(--radius-m);background:linear-gradient(180deg, #7D21D9 0%, #1C1C1E 100%)}@media(max-width: 1824px){#erreur404 main{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#erreur404 main{margin-left:0;margin-right:0}}#erreur404 main::before{content:"";position:absolute;z-index:1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}#erreur404 main::before{background:#7d21d9}@media only screen and (max-width: 1024px){#erreur404 main{padding-bottom:60px}}@media only screen and (max-width: 768px){#erreur404 main ul{margin-bottom:24px}}#erreur404 main ul li{position:relative}#erreur404 main ul li::before{content:"•";position:relative;margin-right:14px;font-size:2rem}#erreur404 main ul li a{text-decoration:underline}#erreur404 main ul li a:hover{text-decoration:none}#montsdulyonnais #hero-title{display:grid;grid-template-columns:60% 40%;align-items:center;justify-items:center;gap:20px;padding-top:160px;padding-bottom:100px}@media only screen and (max-width: 1024px){#montsdulyonnais #hero-title{grid-template-columns:1fr;justify-items:center;gap:60px;max-width:670px;margin:0 auto;padding-top:120px}}#montsdulyonnais #hero-title .textes{position:relative;z-index:1}#montsdulyonnais #hero-title h1{font-size:7rem}@media(max-width: 500px){#montsdulyonnais #hero-title h1{font-size:14vw}}#montsdulyonnais #hero-title .photo-halo{position:relative}#montsdulyonnais #hero-title .photo-halo::after{content:url("assets/img/structure/halo-header.webp");position:absolute;z-index:0;opacity:.4;top:-230px;left:-200px;pointer-events:none}#montsdulyonnais #hero-title .photo-halo figure{overflow:hidden;position:relative;z-index:1;transition:filter ease .5s}#montsdulyonnais #hero-title .photo-halo figure:hover{filter:saturate(0)}@media only screen and (max-width: 768px){#montsdulyonnais #hero-title .photo-halo figure{margin:0 auto;width:80%}}#montsdulyonnais #expertises{position:relative;padding-top:80px;padding-bottom:170px;border-radius:0 0 var(--radius-m) var(--radius-m);background:#7d21d9}#montsdulyonnais #expertises::before{content:"";position:absolute;z-index:-1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e}#montsdulyonnais #expertises::before{background:#7d21d9}@media only screen and (max-width: 768px){#montsdulyonnais #expertises{padding-top:60px;padding-bottom:130px}}#montsdulyonnais #expertises h2{font-size:7rem}@media only screen and (max-width: 1024px){#montsdulyonnais #expertises h2{font-size:5rem}}@media only screen and (min-width: 769px){#montsdulyonnais #expertises .tags-carrousel{position:relative;white-space:nowrap;width:100%}#montsdulyonnais #expertises .tags-carrousel ul{animation:scroll 40s linear infinite}#montsdulyonnais #expertises .tags-carrousel:nth-child(3) ul{animation:scroll 34s linear infinite}}@media only screen and (min-width: 769px){#montsdulyonnais #expertises .tags-carrousel ul{display:inline-block}}@media only screen and (max-width: 768px){#montsdulyonnais #expertises .tags-carrousel ul{margin-top:0;margin-bottom:10px;margin-left:10px;margin-right:10px}#montsdulyonnais #expertises .tags-carrousel ul:nth-child(2n),#montsdulyonnais #expertises .tags-carrousel ul:nth-child(3n),#montsdulyonnais #expertises .tags-carrousel ul:nth-child(4n){display:none}#montsdulyonnais #expertises .tags-carrousel ul li{margin-bottom:10px}}@media only screen and (max-width: 768px){#montsdulyonnais #expertises .tags-carrousel ul li.screen{display:none}}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#montsdulyonnais #liste-expertises{max-width:1824px;margin:0 auto;position:relative;padding-top:20px;padding-bottom:0px;border-radius:0 0 var(--radius-m) var(--radius-m);background:#1c1c1e}@media(max-width: 1824px){#montsdulyonnais #liste-expertises{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#montsdulyonnais #liste-expertises{margin-left:0;margin-right:0}}#montsdulyonnais #liste-expertises::before{content:"";position:absolute;z-index:1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}@media only screen and (max-width: 768px){#montsdulyonnais #liste-expertises{padding-top:2px}}@media only screen and (min-width: 769px){#montsdulyonnais #liste-expertises::after{content:url("assets/img/structure/halo1-container.webp");position:absolute;z-index:1;top:-98px;left:0;width:460px;height:960px;overflow:hidden;border-top-left-radius:var(--radius-m);mix-blend-mode:color-dodge;pointer-events:none}}@media only screen and (max-width: 1024px){#montsdulyonnais #liste-expertises::after{left:auto;right:0;transform:scale(-1, 1)}}@media only screen and (max-width: 768px){#montsdulyonnais #liste-expertises article.mb140{margin-bottom:60px}}#montsdulyonnais #liste-expertises article h2{margin-bottom:40px;font-size:5rem}@media only screen and (max-width: 768px){#montsdulyonnais #liste-expertises article h2{font-size:4rem}}#montsdulyonnais #liste-expertises .col-2{display:grid;grid-template-columns:auto 1fr;gap:60px;align-items:center}#montsdulyonnais #liste-expertises .col-2.col-2-invert{grid-template-columns:1fr auto}@media only screen and (max-width: 1024px){#montsdulyonnais #liste-expertises .col-2{grid-template-columns:1fr;gap:40px}#montsdulyonnais #liste-expertises .col-2.col-2-invert{grid-template-columns:1fr}#montsdulyonnais #liste-expertises .col-2.col-2-invert section{order:1}}#montsdulyonnais #liste-expertises .col-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}#montsdulyonnais #liste-expertises .col-3 figure{margin-bottom:16px;width:46px;height:auto}@media only screen and (max-width: 768px){#montsdulyonnais #liste-expertises .col-3 figure{width:36px}}@media only screen and (max-width: 768px){#montsdulyonnais #liste-expertises .col-3{grid-template-columns:1fr}}#montsdulyonnais #realisations{max-width:1280px;margin:0 auto;margin-top:56px;margin-bottom:100px;text-align:center}@media(max-width: 1280px){#montsdulyonnais #realisations{margin-left:10px;margin-right:10px}}#montsdulyonnais #realisations h3{margin-bottom:48px;font-size:5rem;color:#1c1c1e}#montsdulyonnais #realisations #cards{margin-bottom:48px}#montsdulyonnais #realisations #cards.cards-mdl{gap:40px}#montsdulyonnais #realisations #cards.cards-mdl .card{width:400px;padding:30px}#montsdulyonnais #realisations #cards.cards-mdl .card figure{height:240px;aspect-ratio:0}#montsdulyonnais #realisations #cards.cards-mdl .card .h3{font-size:4rem}@media only screen and (max-width: 1024px){#montsdulyonnais #realisations #cards.cards-mdl .card .h3{font-size:3.6rem}}@media only screen and (max-width: 768px){#montsdulyonnais #realisations #cards.cards-mdl .card .h3{font-size:3.2rem}}#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li{margin-right:10px;font-size:1.6rem}#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li.vert,#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li.outline{background:rgba(0,0,0,0);border:1px solid rgba(255,243,226,.5);color:#fff3e2}#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li:nth-child(4),#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li:nth-child(5),#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li:nth-child(6),#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li:nth-child(7),#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li:nth-child(8),#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li:nth-child(9),#montsdulyonnais #realisations #cards.cards-mdl .card ul.tags li:nth-child(10){display:none}#montsdulyonnais #realisations #cards.cards-mdl .card p{margin-top:20px;margin-bottom:0}#montsdulyonnais #temoignages{position:relative;padding-top:80px;padding-bottom:60px;border-radius:var(--radius-m) var(--radius-m) 0 0;background:#7d21d9}#montsdulyonnais #temoignages::before{content:"";position:absolute;z-index:-1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e}#montsdulyonnais #temoignages::before{top:auto;bottom:-1800px;height:1800px;background:#7d21d9;border-radius:0 0 var(--radius-m) var(--radius-m)}@media only screen and (max-width: 768px){#montsdulyonnais #temoignages{padding-top:60px}}#montsdulyonnais #temoignages article{display:grid;grid-template-columns:1fr;-moz-column-gap:40px;column-gap:40px;row-gap:24px}@media only screen and (min-width: 1025px){#montsdulyonnais #temoignages article{grid-template-columns:1fr 1fr 1fr}}#montsdulyonnais #temoignages h3{margin-bottom:40px}#montsdulyonnais #temoignages .avis-google{display:block;margin-left:0}#montsdulyonnais #temoignages cite{display:block;margin:16px 0;font-weight:200;font-style:normal}#montsdulyonnais #contact{max-width:1824px;margin:0 auto;padding-top:80px;padding-bottom:80px;border-radius:var(--radius-m);background:#fff3e2;color:#1c1c1e}@media(max-width: 1824px){#montsdulyonnais #contact{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#montsdulyonnais #contact{margin-left:0;margin-right:0}}#montsdulyonnais #contact #form{margin-top:40px}#montsdulyonnais #contact #form input,#montsdulyonnais #contact #form textarea{border-color:#1c1c1e;color:#1c1c1e}#montsdulyonnais #contact #form input::-moz-placeholder, #montsdulyonnais #contact #form textarea::-moz-placeholder{color:rgba(28,28,30,.3)}#montsdulyonnais #contact #form input::placeholder,#montsdulyonnais #contact #form textarea::placeholder{color:rgba(28,28,30,.3)}#devis main{max-width:1824px;margin:0 auto;position:relative;padding-top:0px;padding-bottom:100px;border-radius:0 0 var(--radius-m) var(--radius-m);background:linear-gradient(180deg, #7D21D9 0%, #1C1C1E 100%)}@media(max-width: 1824px){#devis main{margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px}}@media(max-width: 1024px){#devis main{margin-left:0;margin-right:0}}#devis main::before{content:"";position:absolute;z-index:1;top:-98px;left:0;right:0;height:100px;background:#1c1c1e;border-radius:var(--radius-m) var(--radius-m) 0 0}#devis main::before{background:#7d21d9}@media only screen and (max-width: 1024px){#devis main{padding-bottom:60px}}html #js-roll-up1{position:fixed;z-index:999;inset:0;background:#7d21d9}html #js-roll-up1::after{content:"";display:block;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;border-radius:50%;border:8px solid #fff3e2;animation:spin1 .8s infinite linear alternate,spin2 1.6s infinite linear}html #js-roll-up1.loaded{animation:rollUpStart .4s ease-out forwards}html #js-roll-up2{position:fixed;z-index:998;inset:0;background:#1c1c1e}html #js-roll-up2.loaded{animation:rollUpStart .2s ease-out .4s forwards}@keyframes rollUpStart{0%{transform:translateY(0)}100%{transform:translateY(-110vh)}}html #js-roll-up1.actived-link{animation:rollUpLink 6s cubic-bezier(1, 0, 1, 1) forwards}@keyframes rollUpLink{0%{transform:translateY(100vh)}10%{transform:translateY(0)}90%{transform:translateY(0)}100%{transform:translateY(-110vh)}}@keyframes spin1{0%{clip-path:polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%)}12.5%{clip-path:polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%)}25%{clip-path:polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%)}50%{clip-path:polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%)}100%{clip-path:polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%)}}@keyframes spin2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}100%{transform:scaleY(-1) rotate(-135deg)}}/*# sourceMappingURL=styles.css.map */