@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300;1,900&display=swap);article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{background:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"“" "”" "‘" "’"}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}button{border:none;background:none}a{color:inherit;text-decoration:none}a:hover{color:#606060}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}@media(min-width:900px){html{font-size:20px}}body{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{flex-direction:column}#app,header{display:flex}header{padding:.5rem 1rem 1rem 1rem}@media(min-width:900px){header.sticky+main{padding-top:119px}}#header_container{position:relative;width:100%;padding-top:.25rem;display:flex;margin:0 auto}@media(min-width:600px){#header_container{max-width:720px}}@media(min-width:900px){#header_container{max-width:920px}}@media(min-width:1200px){#header_container{max-width:1100px}}@media(min-width:1800px){#header_container{max-width:1320px}}@media(min-width:900px){#header_container.sticky{position:fixed;left:50%;transform:translateX(-50%);z-index:1000;top:0}#header_container.sticky #logo{background:linear-gradient(0deg,rgba(204,51,51,.8981793401) 40%,rgba(204,51,51,.7021009087)),#fff}#header_container.sticky nav{background:linear-gradient(0deg,rgba(204,51,51,.8981793401),rgba(204,51,51,.7021009087)),#fff}#header_container.sticky #inner_radius{opacity:1}#header_container.sticky nav a button{color:#fff}#header_container.sticky #contact_button{background:#fff}#header_container.sticky #contact_button button{color:#de2222}}#inner_radius{opacity:0;position:absolute;background:radial-gradient(circle at bottom right,transparent 10px,#d14848 0);height:3em;width:3rem;left:153px;top:16px;display:none;z-index:-1}@media(min-width:900px){#inner_radius{display:block}}@media(min-width:1200px){#inner_radius{background:radial-gradient(circle at bottom right,transparent 15px,#d14848 0);height:4em;width:3rem;left:166px;top:6px}}#logo{background:#fff;border-radius:1rem 0 1rem 1rem;width:13rem;text-align:center}#logo img{max-width:80%;padding:.5rem}#nav_container{width:100%}nav{display:none;padding:.5rem;border-radius:0 1rem 1rem 0;background:#fff;font-size:.8rem}@media(min-width:900px){nav{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}}@media(min-width:1200px){nav{font-size:1rem}}nav>a:not(#contact_button){padding:.25rem .5rem;border-bottom:2px solid transparent}nav>a:not(#contact_button).active{border-bottom:2px solid #de2222}nav>a:not(#contact_button):not(.active):hover{border-bottom:2px solid #eb7b7b}nav button{transition:color .3s ease-in-out}#contact_button{padding:.5rem 1rem;border-radius:2rem;transition:background .5s ease-in-out;background-color:#de2222}@media(min-width:900px){#contact_button{align-self:flex-end}}#contact_button:hover button{text-decoration:underline}#contact_button button{color:#fff}main{margin-top:0}@media(min-width:900px){main{margin-top:2rem}}main h1{opacity:0;font-size:0}section .container{display:flex;flex-direction:column;align-items:center;max-width:840px;margin:0 auto}@media(min-width:600px){section .container{max-width:calc(720px + 10%)}}@media(min-width:900px){section .container{max-width:calc(920px + 10%);flex-direction:row;align-items:center}}@media(min-width:1200px){section .container{max-width:calc(1100px + 10%)}}@media(min-width:1800px){section .container{max-width:calc(1320px + 10%)}}section .container h2{font-size:1.5rem}@media(min-width:900px){section .container h2{font-size:2rem}}section .container h2 div{color:#464646;font-size:1.3rem}@media(min-width:900px){section .container h2 div{font-size:1.3rem}}section .container h2 div.small{font-size:1rem}section .container .svg-container{color:#de2222;width:50%;height:15rem;position:relative}@media(min-width:900px){section .container .svg-container{flex:1;width:unset;height:20em}}@media(min-width:1200px){section .container .svg-container{height:30em}}section .container .svg-container svg{position:absolute;top:0;left:0;width:100%;height:100%;transition:top .1s ease}section .container .text{width:85%}@media(min-width:900px){section .container .text{flex:1}}section .container ul:not(.projects){list-style:none;padding:.5rem}section .container ul:not(.projects) li+li{margin-top:1rem}section+section{margin:2rem 0}@media(min-width:1800px){section+section{margin:6rem}}@media(min-width:900px){section:nth-child(3) .container{flex-direction:row-reverse}}@media(min-width:900px){section:nth-child(3) .container .svg-container{transform:scaleX(-1)}}#accueil .description-me summary{cursor:pointer}#accueil .description-me summary:before{content:"► ";margin-right:.5rem;color:#de2222}#accueil h2{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:1rem}@media(min-width:1200px){#accueil h2{flex-direction:row}}#accueil h2 .hello-icon{width:4rem;border-radius:50%}@media(min-width:1200px){#accueil h2 .hello-icon{width:6rem;margin-left:-3rem}}#presentation ul li:before{content:"► ";margin-right:.5rem;color:#de2222}#presentation h3{display:inline-block;font-weight:400;font-size:1rem}#presentation p{margin-top:0}.VueCarousel-dot,.VueCarousel-dot-container{margin-top:0!important}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.5rem;padding:1rem;list-style:none}#portfolio .project{padding:.5rem}#portfolio .project .carousel-img{width:100%;height:9rem;text-align:center;border:1px solid #dfdfdf;border-radius:.5rem;overflow:hidden}#portfolio .project .carousel-img a{display:block;height:100%;width:100%}#portfolio .project .carousel-img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden}#portfolio .project h3{margin-bottom:0}#portfolio .project .sous-titre{font-size:.8rem;color:#acacac;margin:0}#portfolio .project .description a{display:block;margin-top:.5rem;color:#de2222;cursor:pointer}#portfolio .project .description a:hover{color:#eb7b7b}#contact .fa,#contact .fab{width:2rem;text-align:center}.no-break{white-space:nowrap}#services ul{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:1fr}@media(min-width:600px){#services ul{gap:2rem}}#services li{grid-column:span 12;margin:0 0 1rem 0}@media(min-width:600px){#services li{grid-column:span 6}}@media(min-width:900px){#services li{grid-column:span 3}}@media(min-width:600px){#services li{margin:0}}#services li div{margin:0 auto;height:100%;display:flex;flex-direction:column;border:1px solid #dfdfdf;border-radius:.5rem;padding:1rem;align-items:center;justify-content:center}@media(min-width:900px){#services li div{max-width:20rem}}#services li div h3{font-size:1rem;margin:0;text-align:center;margin:.5rem 0}#services li div p{margin:0;text-align:center}#legals{padding:2rem}footer{font-size:.8rem;padding:1rem}footer p{max-width:85%;margin:0 auto;text-align:center}@keyframes fade-in{to{opacity:1}}.fade{opacity:0}.fade.active{animation:fade-in .5s forwards}.fade.active:first-child{animation-delay:.5s}.fade.active:nth-child(2){animation-delay:1s}.fade.active:nth-child(3){animation-delay:1.5s}.fade.active:nth-child(4){animation-delay:2s}