@font-face{font-family:Beausite_Classic_Regular;src:url('../fonts/beausiteclassic-regular-webfont.woff2') format('woff2'),url('..fonts/beausiteclassic-regular-webfont.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Beausite_Classic_Light;src:url('../fonts/beausiteclassic-light-webfont.woff2') format('woff2'),url('..fonts/beausiteclassic-light-webfont.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Beausite_Classic_Semibold;src:url('../fonts/beausiteclassic-semibold-webfont.woff2') format('woff2'),url('../fonts/beausiteclassic-semibold-webfont.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{padding:0;margin:0;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}html{font-size:62.5%}body{color:#000;background-color:#fff;font-family:Beausite_Classic_Regular,serif;position:relative;font-size:1.4rem;overflow-x:hidden;min-height:100vh;display:grid;grid-template-rows:1fr auto}h1,h2,h3,h4,h5,h6{font-family:Beausite_Classic_Light}a{text-decoration:none;color:#000}section{position:relative;overflow:auto}header{position:fixed;display:block;width:100%;z-index:9999}#header-container{background-color:#fff;position:relative;padding:40px 80px;display:flex;justify-content:space-between;align-items:center;transition-duration:.3s}#header-container.transparent{background:0 0;transition-duration:.3s}#home-btn{z-index:9999;animation-duration:.6s}#home-btn svg{width:300px}#home-btn.open svg path,#home-btn.open svg polygon,#home-btn.open svg rect{fill:white}#home-btn.unloaded,#nav-btn.unloaded{opacity:0}#home-btn.loaded:not(.hidden){transition-duration:.6s}#home-btn.loaded.hidden{transform:translateX(-100%);opacity:0;transition-duration:.6s}#nav-btn{width:30px;height:30px;position:relative;display:inline-flex;flex-direction:column;justify-content:space-between;float:right;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);cursor:pointer;z-index:9999}#nav-btn:not(.unloaded){-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}#nav-btn span{display:block;height:10%;width:100%;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;background-color:#000}#nav-btn span:nth-child(1){-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#nav-btn span:nth-child(2){-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#nav-btn span:nth-child(3){-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#nav-btn.open span{background-color:#fff}#nav-btn.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:130%;left:0}#nav-btn.open span:nth-child(2){width:0;opacity:0}#nav-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:130%;left:0}nav{position:absolute;color:#fff;background-color:#333;height:100vh;width:600px;top:0;right:-600px;z-index:9998}nav.open{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}nav.closed{-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(-600px);transform:translateX(-600px);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}}@keyframes slide-in-right{0%{-webkit-transform:translateX(-600px);transform:translateX(-600px);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}100%{-webkit-transform:translateX(-600px);transform:translateX(-600px);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}100%{-webkit-transform:translateX(-600px);transform:translateX(-600px);opacity:1}}#nav-container{height:400px;width:400px}#nav-container li{height:150px;line-height:150px;display:block;margin:0}#nav-container li:not(:last-child){border-bottom:1px solid gray}#nav-container a{font-size:3.2rem;color:#fff;display:inline-block;line-height:60px;opacity:.7}#nav-container a:hover{opacity:1}.no-scroll{overflow:hidden}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.full-h{min-height:100vh}.full-w{width:100%}.bg-cover{background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.bg-center{background-repeat:no-repeat;background-position-x:center;background-position-y:center}.bg-top{background-repeat:no-repeat;background-position-x:center;background-position-y:top}.bg-right{background-repeat:no-repeat;background-position-x:right;background-position-y:top}.bg-fixed{background-attachment:fixed}.fixed{position:fixed}.sticky{position:sticky}.center{text-align:center}.ratio-1-1{position:relative;width:100%;padding-bottom:100%}.ratio-16-9{position:relative;width:100%;padding-bottom:56.25%}.ratio-4-3{position:relative;width:100%;padding-bottom:75%}.ratio-child{position:absolute;top:0;bottom:0;left:0;right:0}.img-responsive{width:100%}.img_contained{object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto}.img-cover{object-fit:cover;width:100%;height:100%}.flex-center{display:flex!important;justify-content:center;align-items:center}.overlay{position:absolute;top:0;bottom:0;right:0;left:0}.bg-points{background-color:rgba(255,255,255,.3);background-image:url('../img/point.gif');background-repeat:repeat}.appear{visibility:hidden}.fade-in-bottom{visibility:visible;-webkit-animation:fade-in-bottom 2s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-bottom 2s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}footer{position:relative;color:#000;background:#fff;display:block;padding:40px 80px}footer #slogan{display:inline-block;margin-bottom:30px;font-family:Beausite_Classic_Semibold,Arial,serif}footer #adress{margin-bottom:20px}footer #social{display:inline-block;margin-right:30px}footer #social a{margin-right:20px}footer #left a:hover,footer #right a:hover{font-weight:700}footer #right{position:absolute;right:80px;bottom:40px}footer #right .scrollTo img{margin-left:10px;height:8px}#mentions .main{padding-top:130px;width:1200px;margin:0 auto}#mentions h1,#mentions h2{font-size:4rem}@media only screen and (max-width:810px){html{font-size:55%}#header-container{padding:25px}#home-btn svg{width:200px}#nav-btn{justify-self:right;width:20px;height:20px}nav{width:100%;right:-100%}#nav-container{width:100%;padding-right:40px}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}}@keyframes slide-in-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}}footer #left{display:none}footer #right .scrollTo{display:none}footer #right{display:block;position:relative;width:100%;right:inherit;bottom:0}footer #right #social{display:flex;justify-content:space-between;margin-right:0}footer #social a{margin-right:0}footer #mobile-mentions{display:block!important}}@media only screen and (max-width:480px){html{font-size:50%}footer{padding:20px}}@media only screen and (max-width:430px){html{font-size:40%}}@media only screen and (max-width:380px){html{font-size:35%}}#projets{padding:130px 80px 80px 80px;height:100vh;width:100%;position:relative;overflow:hidden}#projet_slider{display:block;position:relative;padding-bottom:30px;background:#fff;height:70px}#projet_slider h1{margin:0;font-size:1.6rem;font-family:Beausite_Classic_Light,Arial,serif}#total_projets{display:inline-block;width:300px;height:5px;background:#cbcbcb;position:relative}#actual_projet{position:absolute;height:100%;width:20%;left:0;background:#000;transition-duration:.5s}#barillet_container{height:calc(100% - 70px);width:100%;position:relative}#barillet{width:60%;height:100%;overflow-y:scroll;scrollbar-width:none}#barillet::-webkit-scrollbar{display:none;width:0!important}.item:not(.selected) .group_titre{opacity:.2}.item:not(.selected) .group_titre:hover{opacity:.4}.item .group_titre{display:block;position:relative;padding:40px 0;z-index:2}.item:not(:last-child)::after{content:"";height:1px;display:block;position:relative;z-index:2;background:rgb(0,0,0,.5)}.item:not(:last-child):not(.selected)::after{opacity:.3}.item .sous_titre{position:relative;font-weight:300;font-size:1.8rem;margin:0}.item .titre{position:relative;font-size:5.5rem;line-height:5.5rem;margin:0}.projet_cover{position:absolute;display:block;overflow:hidden;top:0;right:0;bottom:0;max-height:100%;aspect-ratio:1/1;z-index:1}.cover_container{position:relative;width:100%;height:100%}.projet_cover img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100)}.item .projet_cover .overlay{background-color:rgba(255,255,255,.3);background-image:url('../img/point.gif');background-repeat:repeat;transition-duration:.5s;opacity:1}.item.selected .projet_cover:hover .overlay{transition-duration:.5s;opacity:0}.item.selected .projet_cover:hover img{filter:inherit;transition-duration:.5s}.item .projet_cover{opacity:0;transition-duration:.5s;z-index:0}.item.selected .projet_cover{opacity:1;transition-duration:.5s;z-index:1}@media only screen and (max-width:1800px){.group_titre .titre{font-size:4.5rem;line-height:4.5rem}}@media only screen and (max-width:1600px){#barillet{width:50%}.group_titre .titre{font-size:4rem;line-height:4rem}}@media only screen and (max-width:1024px) and (orientation:portrait){#projet_slider{display:none}.projet_cover{width:100%;bottom:inherit}#barillet_container{max-width:650px;margin:0 auto;height:100%;padding-top:100%}#barillet{height:100%;width:100%}.item.selected .projet_cover img{filter:inherit}}@media only screen and (max-width:834px) and (orientation:portrait){.item .group_titre{padding:20px 0}#projets{padding:70px 30px 30px 30px}}#rgpd_popup{background-color:#fff;max-width:400px;min-height:100px;position:sticky;left:10px;bottom:10px;-webkit-box-shadow:0 0 70px -19px rgba(0,0,0,.3);-moz-box-shadow:0 0 70px -19px rgba(0,0,0,.3);box-shadow:0 0 70px -19px rgba(0,0,0,.3);z-index:999}#rgpd_popup #rgpd_body{position:relative;padding:20px}#rgpd_popup #details{padding-top:20px;overflow:hidden}#rgpd_popup #details label{display:block;margin-bottom:15px;cursor:pointer}#rgpd_popup #details input{float:right}#rgpd_popup #buttons{margin-top:30px}#rgpd_popup #buttons a,#rgpd_popup #buttons button{display:inline-block;width:32%;text-decoration:none;font-weight:700;text-align:center;color:#000!important;font-size:16px!important;background-color:rgba(0,0,0,0);border:inherit;padding:0;outline:0;cursor:pointer}#rgpd_popup #buttons a:first-child{text-align:left}#rgpd_popup #buttons button:last-child{text-align:right}#rgpd_close{transform:rotate(45deg);position:absolute;top:10px;right:10px;text-decoration:none;color:#000;font-size:25px}