*,*:before,*:after{box-sizing:border-box;transition-duration:.3s}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html,body{line-height:1;scroll-behavior:smooth}a{text-decoration:none;color:inherit}a:hover,button:hover{cursor:pointer}li{list-style:none}video{max-width:100%;max-height:100%}body{scroll-behavior:smooth;overflow-x:hidden}.container{padding-left:1rem;padding-right:1rem}section,main{margin:2.5rem 0}picture{opacity:0;transition:opacity .3s}picture.active{opacity:1}video{border-radius:5px}@media screen and (min-width: 1024px){.container{padding-left:7rem;padding-right:7rem}section,main{margin-top:6rem;margin-bottom:6rem}}button{background:none;appearance:none}.btn{border-radius:5px;appearance:none;box-shadow:none;background:none;padding:.375rem .75rem;color:#151515;font-size:0.9rem;position:relative;overflow:hidden;border:1px solid #151515;z-index:2}.btn:before{content:'';display:block;border:none;position:absolute;left:-2px;top:0;bottom:0;right:100%;z-index:-1;border-radius:5px;transition:right .3s ease-out}.btn:hover{color:#fff}.btn:hover::before{background-color:#151515;color:#fff;right:-1px}header .btn{border:1px solid #fff;color:#fff}header .btn:hover{color:#151515}header .btn:hover::before{background-color:#fff;color:#151515;right:-1px}.form-group{margin:1rem 0}label{display:block;margin-left:1rem;margin-bottom:.5rem}input,textarea{border-radius:5px;padding:1rem;width:100%;border:1px solid #151515;min-width:100%}textarea{min-height:10rem}::placeholder,::-moz-placeholder,::-webkit-input-placeholder,::-ms-input-placeholder{color:#151515;font-weight:300}body{font-size:15px;font-family:"Open Sans",sans-serif;line-height:1.5}h1,h2,h3{font-family:"JetBrains Mono",monospace;font-weight:400;line-height:1}h1.light,h2.light,h3.light{font-weight:100}h1{font-size:1.728rem}h2{font-size:1.44rem;position:relative}h3{font-size:1.2rem}p{max-width:45rem}p.light{font-weight:300}h2:after{content:'';display:block;height:2px;width:30%;background-color:#00C9FF;margin:0 auto;position:absolute;left:0;right:0;margin-top:.3rem}main h2{margin:1em 0}main p{margin:1em 0}@media screen and (min-width: 1024px){body{font-size:16px}h2:after{width:10%}h1{font-size:3.375rem}h2{font-size:2.25rem;position:relative}h3{font-size:1.5rem}}@media screen and (min-width: 1440px){body{font-size:20px}}.grid{gap:1rem;display:grid;grid-template-columns:repeat(4, 1fr)}.grid a{grid-column:span 4}.grid>a figcaption>p:not(.light){display:none}.grid figure,.grid figure{position:relative}.grid figure>figcaption,.grid figure>figcaption{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;background:radial-gradient(closest-side at 50% 50%, rgba(21,21,21,0.94902) 0%, rgba(0,0,0,0.968627) 100%);color:#fff;display:flex;padding:1rem;flex-direction:column;align-items:center;justify-content:center}.grid picture,.grid picture,.grid img,.grid img{width:100%}.grid figcaption p{margin:1em;font-family:"JetBrains Mono",monospace;font-weight:100}.grid a figure.middle{aspect-ratio:16/9;overflow:hidden}.grid a figure.figure16_18{aspect-ratio:16 /18;overflow:hidden}@media screen and (min-width: 768px){.grid>a:not(:nth-of-type(3n +1)){grid-column:span 2}.grid>a:nth-of-type(3n +1) figcaption>p:not(.light){display:block}}@media screen and (min-width: 1024px){.grid{grid-template-columns:repeat(12, 1fr);grid-template-rows:auto}.grid a{grid-column:span 6;grid-row:span 2}.grid>a:not(:nth-of-type(3n +1)){grid-column:span 3;grid-row:span 1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:rgba(21,21,21,0.8);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00C9FF}.a-la-une h2,.avis h2,.contact h2{text-transform:uppercase;text-align:center;margin-bottom:2rem}.skills{display:flex;align-items:center;flex-direction:column}.skills a{position:relative;margin:2rem 0;display:block;width:100%}.skills figure{display:grid;grid-template-columns:repeat(4, 1fr)}.skills picture{grid-column:span 3;width:100%;height:100%;box-shadow:2px 0 10px rgba(0,0,0,0.3)}.skills img{max-width:100%;max-height:100%;width:100%}.skills figcaption{grid-column:2 / 5;background-color:#fff;box-shadow:2px 0 10px rgba(0,0,0,0.3);border-radius:5px;padding:0.7rem;transform:translate(0, -50%)}.skills figcaption h2{margin-bottom:.5rem}.skills a:first-of-type{margin-top:0}.skills a:last-of-type{margin-bottom:0}.skills a:last-of-type figure{margin-bottom:0}.skills a:nth-of-type(2n) picture{grid-column:2 / 5}.skills a:nth-of-type(2n) figcaption{grid-column:span 3}.skills h2:after{display:none}@media screen and (min-width: 1024px){.skills.container{padding:0}.skills a:first-child figure{margin-top:8rem}.skills figure{grid-template-columns:repeat(14, 1fr);gap:1rem;grid-template-rows:auto;margin:10rem 0}.skills picture{grid-column:span 8;position:relative;grid-row:span 2;box-shadow:none;left:-10rem;transition:left .4s ease-out, right .5s ease-out, opacity .1s ease-out;transition-delay:.1s}.skills figcaption{grid-column:10 / 14;transform:translate(0, 0);box-shadow:none;padding:2.5rem;margin-top:-2.5rem;background-color:#fff;position:relative;left:-10rem;opacity:0;transition:left .4s ease-out, right .5s, ease-out, opacity .1s ease-out;transition-delay:.1s}.skills a:nth-of-type(2n) picture{grid-column:7 / 15;right:-10rem;left:10rem}.skills a:nth-of-type(2n) figcaption{grid-column:span 4;grid-row:1/2;right:-10rem;left:10rem}.skills picture:before{content:'';display:block;position:absolute;top:-2.5rem;left:0;right:-2.5rem;background-color:#fff;z-index:-1;bottom:0}.skills picture:after{content:'';display:none;position:absolute;left:50%;bottom:50%;top:-30%;right:-40%;z-index:-2;border:2px solid #151515;border-radius:5px;transition:border .3s .5s ease-out, border-image .3s .5s ease-out}.skills a:nth-of-type(2n) picture:before{content:'';display:block;position:absolute;left:-2.5rem;right:0}.skills a:nth-of-type(2n) picture:after{right:50%;left:-40%}.skills figcaption h2{margin-bottom:2.5rem}.skills figure.active picture{left:0;right:0}.skills figure.active figcaption{left:0;right:0;opacity:1}.skills picture .box,.skills picture .top,.skills picture .bottom,.skills picture .left,.skills picture .right{display:block;position:absolute}.skills picture .box{left:50%;bottom:50%;top:-30%;right:-40%;width:100%;height:100%;z-index:-2;border-radius:5px;overflow:hidden}.skills a:nth-of-type(2n) .box{right:50%;left:-40%}.skills picture .top,.skills picture .bottom,.skills picture .left,.skills picture .right{display:block;position:absolute;animation:.5s linear both;background-color:#151515}.skills figure.active .top{top:0;left:-3px;height:2px;animation-name:top}@-webkit-keyframes top{25%{width:0}100%{width:103%}}.skills figure.active .bottom{bottom:0;right:-3px;height:2px;animation-name:bottom;animation-delay:1s}@-webkit-keyframes bottom{0%{width:0}100%{width:103%}}.skills figure.active .left{bottom:-3px;left:0;width:2px;animation-name:left;animation-duration:1.5s}@-webkit-keyframes left{0%{height:0}100%{height:103%}}.skills figure.active .right{top:-3px;right:0;width:2px;animation-name:right;animation-delay:.5s}@-webkit-keyframes right{0%{height:0}100%{height:103%}}}.a-la-une a{position:relative}.a-la-une figure,.a-la-une picture,.a-la-une img,.a-la-une{height:100%;width:100%}.a-la-une figcaption{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(closest-side at 50% 50%, rgba(21,21,21,0.8) 0%, rgba(21,21,21,0.8) 100%) 50%;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.a-la-une figcaption p{font-weight:100}@media screen and (min-width: 1024px){.a-la-une figcaption{opacity:0;transition:opacity .3s}.a-la-une figure:hover figcaption{opacity:1}}.avis-content{display:flex;align-items:center}.avis-item{display:flex;flex-basis:100%;box-shadow:2px 0 10px rgba(0,0,0,0.3);border-radius:5px;padding:0.7rem}.avis-item picture{border-radius:50%;height:5rem;width:5rem;overflow:hidden;margin-right:0.5rem}.avis-item picture>*{height:100%;width:100%}.avis-item .content{width:100%}.avis-item h3,.avis-item p{padding:0.1rem 0}.avis-item .link-site{font-weight:100}.contact form{margin-top:2rem}@media screen and (min-width: 1024px){.contact form{display:grid;grid-column:3 / 11;grid-template-columns:repeat(2, 1fr);gap:1rem}.contact .form-group{margin:0}.contact .btn{margin-right:auto;font-size:1rem;padding:0.75rem 1.25rem}.contact .email,.contact .subject{grid-column:span 1}.contact .message{grid-column:span 2}}@media screen and (min-width: 1440px){.contact{display:flex;align-items:flex-start;justify-content:space-between;text-align:left}.contact>*{flex-basis:48%}.contact form{margin-top:0}.contact h2{text-align:left}.contact h2:after{margin-left:0}}.project-categories h2,.projects-a-l-une h2{text-align:center;text-transform:uppercase;margin-bottom:2rem}.project-categories h2:after,.projects-a-l-une h2:after{width:20%}@media screen and (min-width: 1024px){.projects-a-l-une figcaption{opacity:0;transition:opacity .3s}.projects-a-l-une figure:hover figcaption{opacity:1}}.page-category figcaption>p{font-family:"JetBrains Mono",monospace;font-weight:100}@media screen and (min-width: 1024px){.projects-a-l-une figcaption{opacity:0;transition:opacity .3s}.projects-a-l-une figure:hover figcaption{opacity:1}}.projets-associes h2{margin-bottom:2rem;text-align:center}body>header{background:url(/images/wave.svg) bottom no-repeat,radial-gradient(closest-side at 50% 50%, rgba(21,21,21,0.94902) 0%, rgba(0,0,0,0.968627) 100%) 50%,url(/images/header-fond.jpg) center/cover;color:#fff}.navigation{padding-top:1rem;display:flex;align-items:center;justify-content:space-between}.navigation .link-mobile,.navigation .logo{height:48px;width:48px;display:block;padding:8px}.navigation ul{position:fixed;top:0;left:0;bottom:0;width:60%;background:radial-gradient(closest-side at 50% 50%, rgba(21,21,21,0.988235) 0%, rgba(0,0,0,0.988235) 100%);color:#fff;padding-top:5rem;box-shadow:2px 0 10px rgba(0,0,0,0.3);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;transform:translate3d(-100%, 0, 0);transition:transform .3s;z-index:2}.navigation ul.active{transform:translate3d(0, 0, 0)}.navigation .overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(21,21,21,0.5)}.navigation ul li,.navigation ul a{width:100%}.navigation ul a{text-align:center;width:100%;display:block;padding:1rem 0}header .a-propos{padding-top:1.5rem;padding-bottom:5rem}.a-propos .light{margin-bottom:0.5rem;font-size:.7em;font-weight:100;display:block}.a-propos p{margin:2rem 0}@media screen and (min-width: 1024px){.navigation ul{position:relative;padding-top:0;flex-direction:row;align-items:center;background:none;transform:none}.navigation .link-mobile{display:none}.a-propos h1:first-of-type{margin:1rem 0}.a-propos h1:nth-of-type(2){margin-bottom:4rem}.a-propos button{margin-top:4rem}.a-propos .light{font-size:0.5em}}footer{background:radial-gradient(closest-side at 50% 50%, rgba(21,21,21,0.988235) 0%, rgba(0,0,0,0.988235) 100%);text-align:center;color:#fff;padding:1rem 0;margin-top:5rem}footer .socials{display:flex;align-items:center;justify-content:center;margin-bottom:0.3rem}footer a{display:block;margin:0 0.5rem;height:1.5rem;width:1.5rem}footer .socials img{width:100%;height:100%}footer p{margin:0 auto}.projects-tools li{color:#00C9FF;font-weight:100}.animation .video{margin-left:auto;margin-right:auto}.animation{display:flex;flex-direction:column;justify-content:center;margin:2rem 0;text-align:center}@media screen and (min-width: 1024px){.animation{flex-direction:row;align-items:flex-start;text-align:left;margin:6rem 0}.animation h2{margin-top:0}.animation>*{flex-basis:47%}.animation>.video{max-width:48%}}.rcdansepourtous main header{background:none;color:#151515}

/*# sourceMappingURL=main.css.map */