@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{height:100%}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#000;font-family:Suisse Intl,sans-serif;font-size:14.5pt;font-weight:400;letter-spacing:.4pt;line-height:1.35em}@media screen and (max-width:320px){body{font-size:12.5pt}}@media screen and (min-width:1100px){body{font-size:14.5pt;overflow:hidden}}h2{font-size:8.5pt}@media screen and (max-width:320px){h2{font-size:7pt}}@media screen and (min-width:1500px){h2{font-size:8.5pt}}a{color:#000;text-decoration:none}a.current,a:hover,div.block{border-bottom:1px solid #000}div.block{padding:20px}@media screen and (min-width:1370px){div.block{padding:40px}}div.date{font-size:8.5pt}@media screen and (max-width:320px){div.date{font-size:7pt}}@media screen and (min-width:1500px){div.date{font-size:8.5pt}}div.image{padding-top:20px}div.image img{width:100%}@media screen and (min-width:1370px){div.image{padding-top:40px}}header.header-intro{height:60px}@media screen and (min-width:840px){header{height:auto}}main{height:100%}@media screen and (min-width:840px){main{display:grid;grid-template-areas:"header header" "left right";grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;padding-top:0}main header{grid-area:header}main .pane-left{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border-right:1px solid #000;grid-area:left;overflow-x:hidden;overflow-y:scroll;padding:0}}main .pane-right{-ms-overflow-style:-ms-autohiding-scrollbar;background-color:#fff;height:100%;left:100vw;overflow-x:hidden;overflow-y:scroll;position:fixed;top:0;transition:left .2s ease-in-out;width:100vw}@media screen and (min-width:840px){main .pane-right{grid-area:right;height:auto;padding:0;position:static;width:100%}}main.processus .pane-right{padding-top:120px}@media screen and (min-width:840px){main.processus .pane-right{padding-top:0}}main.news .pane-right{left:0}.intro{cursor:url(/images/1x/bottom.png),auto;position:relative}.home-header{border-bottom:1px solid #000;padding:20px}@media screen and (min-width:1370px){.home-header{padding:40px}}@media screen and (min-width:840px){.home-header .atelier-png{display:grid;grid-template-columns:1fr 1fr 1fr}.home-header .atelier-png div{justify-self:center}.home-header .atelier-png div:first-child{justify-self:flex-start}.home-header .atelier-png div:last-child{justify-self:end}}.home-header .atelier-png div{margin-bottom:20px}@media screen and (min-width:840px){.home-header .atelier-png div{margin-bottom:0}.home-header .arrow-scrolldown{display:none}}.home-logo{align-items:flex-start;bottom:0;display:flex;justify-content:space-evenly;left:0;position:sticky;width:100vw;z-index:-1}.home-logo.stage1{position:absolute}@media screen and (min-width:840px){.home-logo{height:100vh;left:0;position:fixed;top:120px;width:100%;z-index:-1}}@media screen and (min-width:1370px){.home-logo{top:140px}}.home-logo.shrinking{z-index:11}.home-logo div{margin:20px;width:100%}@media screen and (min-width:840px){.home-logo div{margin:20px;width:33.3%}}@media screen and (min-width:1370px){.home-logo div{margin:40px}.home-logo #png-p{margin:40px 50px}}.home-logo #png-n{margin:20px 0}@media screen and (min-width:1370px){.home-logo #png-g,.home-logo #png-n{margin:40px 50px}}.home-logo-bg{height:35vh}@media screen and (min-width:840px){.home-logo-bg{height:100vh;min-height:100vh}}.home-logo-bg2{display:none}@media screen and (min-width:840px){.home-logo-bg2{display:block;height:50vh;min-height:50vh}}.home-projects .home-project-image{padding:20px;text-align:center}.home-projects .home-project-image img{margin:0 auto;width:55%}@media screen and (min-width:1370px){.home-projects .home-project-image{padding:40px}}nav{align-items:center;background-color:#fff;border-bottom:1px solid #000;display:flex;flex-direction:row;flex-wrap:nowrap;height:60px;justify-content:space-evenly;position:fixed;top:0;width:100%;z-index:100}@media screen and (min-width:840px){nav{position:static}}@media screen and (min-width:1370px){nav{height:100px}}nav.nav-intro{position:static;width:auto}@media screen and (min-width:840px){nav.nav-intro>div a{opacity:0}}nav>div{text-align:center}@media screen and (min-width:840px){nav>div{width:10%}nav>div:first-child,nav>div:last-child{width:100%}}nav>div a{opacity:1;position:relative;transition:opacity .5s}@media screen and (min-width:1100px){nav>div a span{left:-50%;opacity:0;position:absolute;transition:visibility 0s,opacity .15s ease-in-out;visibility:hidden}nav>div a:hover>span{left:auto;opacity:1;position:static;visibility:visible}}.pane-news{padding:60px 0}@media screen and (min-width:840px){.pane-news{padding:0}}.pane-news .news-images{overflow:hidden;padding-top:20px;position:relative}.pane-news .news-images img{height:100%;max-width:200px;-o-object-fit:fill;object-fit:fill;width:100%}@media screen and (min-width:840px){.pane-news .news-images img{max-width:220px}}@media screen and (min-width:1100px){.pane-news .news-images img{max-width:250px}}@media screen and (min-width:1370px){.pane-news .news-images img{max-width:300px}.pane-news .news-images{padding-top:40px}}.pane-news .news-images .news-image-caption{font-size:8.5pt;line-height:1.5;margin-top:5px}@media screen and (max-width:320px){.pane-news .news-images .news-image-caption{font-size:7pt}}@media screen and (min-width:1500px){.pane-news .news-images .news-image-caption{font-size:8.5pt}}.pane-news .news-images .news-image-control{bottom:0;display:flex;font-size:8.5pt;justify-content:space-between;position:absolute;right:0}.pane-news .news-images .news-image-control a{border-bottom:none;cursor:pointer;outline:none;text-decoration:none}.pane-news .news-images .news-image-control a:hover{border-bottom:none;text-decoration:none}@media screen and (max-width:320px){.pane-news .news-images .news-image-control{font-size:7pt}}@media screen and (min-width:1500px){.pane-news .news-images .news-image-control{font-size:8.5pt}}.pane-news .news-images .news-image-control div{flex-grow:1;text-align:center}.pane-news .news-images .news-image-control div:first-child{text-align:left}.pane-news .news-images .news-image-control div:last-child{text-align:right}.pane-news .news-images .news-image-control .news-pager,.pane-news .news-images .news-image-control .news-pager-total{width:1.5em}.pane-news .project-link{font-size:8.5pt;line-height:1.2em;margin:9px 0 0;text-transform:uppercase}@media screen and (max-width:320px){.pane-news .project-link{font-size:7pt}}@media screen and (min-width:1500px){.pane-news .project-link{font-size:8.5pt}}.pane-news .date{text-transform:uppercase}.pane-news .show-more{font-size:8.5pt}.nav-news{background-color:#fff;border-bottom:none;border-top:1px solid #000;bottom:0;height:60px;left:0;padding:15px 0 20px 20px;position:fixed;transition:bottom .3s;width:100vw;z-index:100}@media screen and (min-width:840px){.nav-news{display:none}}.nav-news.nav-intro{position:static}.nav-news:before{content:"→ ";display:inline-block;transition:transform .4s}.nav-news.show:before{transform:rotate(-180deg)}.processus-header{background-color:#fff;border-bottom:1px solid #000;height:120px;position:fixed;text-align:center;top:0;width:100%;z-index:2}@media screen and (min-width:840px){.processus-header{align-content:center;align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 20px;position:static}}@media screen and (min-width:1370px){.processus-header{padding:0 40px}}.processus-header div.processus-name{margin:0 auto;padding-top:20px;width:75vw}@media screen and (min-width:840px){.processus-header div.processus-name{margin:0;padding:0;text-align:center;width:auto}}.processus-header div.processus-close{position:fixed;right:20px;top:20px}@media screen and (min-width:840px){.processus-header div.processus-close{position:static;right:auto;text-align:right;top:auto}}@media screen and (min-width:1370px){.processus-header div.processus-close{right:40px;top:40px}}.processus-header div.processus-close a:hover{text-decoration:none}.processus-header div.processus-close a span{display:none}@media screen and (max-width:320px){.processus-header div.processus-close a span{font-size:7pt}}@media screen and (min-width:840px){.processus-header div.processus-close a span{display:inline;font-size:8.5pt}}@media screen and (min-width:1500px){.processus-header div.processus-close a span{font-size:8.5pt}}.processus-header div.processus-close a img{width:12px}@media screen and (min-width:840px){.processus-header div.processus-close a img{display:inline-block;margin-left:8px;margin-top:2px;vertical-align:middle}}@media screen and (min-width:1370px){.processus-header div.processus-close a img{margin-top:4px;width:14px}}.processus-header ul{bottom:20px;margin:0 auto;position:absolute;width:100%}@media screen and (min-width:840px){.processus-header ul{bottom:auto;margin:0;padding:0;position:static;text-align:left}}.processus-header ul li{display:inline-block;font-size:8.5pt;padding:20px 20px 0}@media screen and (max-width:320px){.processus-header ul li{font-size:7pt}}@media screen and (min-width:840px){.processus-header ul li{padding:0 20px 0 0}}@media screen and (min-width:1370px){.processus-header ul li{padding:0 40px 0 0}}@media screen and (min-width:1500px){.processus-header ul li{font-size:8.5pt}}.processus-categories{display:none}@media screen and (max-width:320px){.processus-categories{font-size:7pt}}@media screen and (min-width:840px){.processus-categories{align-items:center;border-bottom:1px solid #000;display:flex;flex-direction:row;flex-wrap:wrap;font-size:8.5pt;height:60px;justify-content:space-evenly;padding-bottom:0;padding-top:5px}}@media screen and (min-width:1500px){.processus-categories{font-size:8.5pt}}.processus-categories>div{padding:0 20px 0 0;text-align:center}.processus-categories>div:first-child{padding-left:20px}@media screen and (min-width:1100px){.processus-categories>div:first-child{padding-left:0}}@media screen and (min-width:840px){.processus-categories>div{padding:0}}.processus-index{padding-top:60px}@media screen and (min-width:840px){.processus-index{z-index:12}}.processus-index .processus-item-wrapper{border-bottom:1px solid #000;padding:20px;position:relative}@media screen and (min-width:840px){.processus-index .processus-item-wrapper{padding:0 40px}.processus-index .processus-item-wrapper .processus-item-link:hover .processus-item:before{content:"→  "}.processus-index .processus-item-wrapper .processus-item-link:hover+.processus-item-tooltip{opacity:1;z-index:9}}@media screen and (min-width:840px) and (min-width:840px){.processus-index .processus-item-wrapper .processus-item-link.reverse+.processus-item-tooltip{bottom:100%}}@media screen and (min-width:840px){.processus-index .processus-item-wrapper .processus-item-link .processus-item{align-items:center;display:flex;line-height:1.4em;padding-bottom:14px;padding-top:18px}}.processus-index .processus-item-wrapper .processus-item-tooltip{display:block;padding-top:20px}@media screen and (min-width:840px){.processus-index .processus-item-wrapper .processus-item-tooltip{height:240px;opacity:0;padding-top:0;position:absolute;transition:opacity .2s ease-in-out;width:35vw;z-index:-2}}.processus-index .processus-item-wrapper .processus-item-tooltip a{display:block}.processus-index .processus-item-wrapper .processus-item-tooltip img{display:block;height:auto;max-height:100%;-o-object-fit:scale-down;object-fit:scale-down;width:100%}@media screen and (min-width:840px){.processus-index .processus-item-wrapper .processus-item-tooltip img{max-width:60%}}@media screen and (min-width:1370px){.processus-index .processus-item-wrapper .processus-item-tooltip img{max-width:50%}}@media screen and (min-width:840px){main.processus{height:calc(100vh - 100px)}}@media screen and (min-width:1370px){main.processus{height:calc(100vh - 100px)}}main.processus .processus-texte{padding-top:120px;position:relative}@media screen and (min-width:840px){main.processus .processus-texte{height:inherit;padding-top:0}main.processus .processus-texte .pane-left{padding:0}}main.processus .processus-texte .processus-description{border-bottom:1px solid #000;padding:20px}@media screen and (min-width:1370px){main.processus .processus-texte .processus-description{padding:40px}}main.processus .processus-texte .processus-details{padding:20px}@media screen and (min-width:1370px){main.processus .processus-texte .processus-details{padding:40px}}main.processus .processus-texte .processus-details p{margin-bottom:20px}main.processus .processus-texte .processus-details p:first-line{font-size:8.5pt;text-transform:uppercase}@media screen and (max-width:320px){main.processus .processus-texte .processus-details p:first-line{font-size:7pt}}@media screen and (min-width:1500px){main.processus .processus-texte .processus-details p:first-line{font-size:8.5pt}}@media screen and (min-width:1370px){main.processus .processus-texte .processus-details p{margin-bottom:20px}}main.processus-image{padding-top:120px}@media screen and (min-width:840px){main.processus-image{padding-top:0}}main.processus-image .pane-right{padding-top:120px}@media screen and (min-width:840px){main.processus-image .pane-right{padding-top:0}}main.processus-image .processus-image__left{text-align:center}@media screen and (min-width:840px){main.processus-image .processus-image__left{border-right:1px solid #000;overflow:auto}}main.processus-image .processus-image__right{text-align:center}@media screen and (min-width:840px){main.processus-image .processus-image__right{overflow:auto}}main.processus-image .processus-image__container{margin:0 auto;padding:25px}@media screen and (min-width:1370px){main.processus-image .processus-image__container{width:80%}}main.processus-image .processus-image__caption{font-size:8.5pt;line-height:1.5;margin-top:5px}@media screen and (max-width:320px){main.processus-image .processus-image__caption{font-size:7pt}}@media screen and (min-width:1500px){main.processus-image .processus-image__caption{font-size:8.5pt}}main.processus-image img{display:block;height:auto;width:100%}body.nous{background-color:#ccc6c3}body.nous,body.nous a{color:#000}body.nous a.current,body.nous a:hover,body.nous nav{border-bottom:1px solid #000}body.nous nav{background-color:#ccc6c3;color:#000}body.nous main .pane-left{padding-top:60px}@media screen and (min-width:840px){body.nous main .pane-left{border-right:1px solid #000;padding-top:0}}body.nous main .pane-right{background-color:#ccc6c3;color:#000}body.nous div.block{border-bottom:1px solid #000}body.nous div:last-child.block{border-bottom:0}body.nous .nav-news{background-color:#ccc6c3;border-top:1px solid #000}.nous-images{margin-bottom:20px;position:relative}@media screen and (min-width:1370px){.nous-images{margin-bottom:40px}}.nous-images img{display:block;height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.nous-images .nous-image-caption{font-size:8.5pt;line-height:1.5;margin-top:5px}@media screen and (max-width:320px){.nous-images .nous-image-caption{font-size:7pt}}@media screen and (min-width:1500px){.nous-images .nous-image-caption{font-size:8.5pt}}.nous-images .nous-image-control{display:flex;flex-direction:row;font-size:8.5pt;justify-content:flex-end}.nous-images .nous-image-control>div{min-width:1.3em;text-align:center}.nous-images .nous-image-control>div:first-child{text-align:left}.nous-images .nous-image-control>div:last-child{text-align:right}.nous-images .nous-image-control>div.divider{min-width:.8em}.nous-images .nous-image-control a{cursor:pointer;outline:none}.nous-images .nous-image-control a,.nous-images .nous-image-control a:hover{border-bottom:none;text-decoration:none}@media screen and (max-width:320px){.nous-images .nous-image-control{font-size:7pt}}@media screen and (min-width:1500px){.nous-images .nous-image-control{font-size:8.5pt}}body.grammaire{background-color:#000;color:#fff}body.grammaire a{color:#fff}body.grammaire a.current,body.grammaire a:hover,body.grammaire nav{border-bottom:1px solid #fff}body.grammaire nav{background-color:#000;color:#fff;z-index:100}body.grammaire main .pane-left{padding-top:60px}@media screen and (min-width:840px){body.grammaire main .pane-left{border-right:1px solid #fff;padding-top:0}}body.grammaire main .pane-right{background-color:#000;color:#fff}body.grammaire div.block{border-bottom:1px solid #fff}body.grammaire .nav-news{background-color:#000;border-top:1px solid #fff}div.block-grammaire{cursor:pointer}div.block-grammaire h2{display:inline-block;font-size:14.5pt}@media screen and (max-width:320px){div.block-grammaire h2{font-size:12.5pt}}@media screen and (min-width:1500px){div.block-grammaire h2{font-size:14.5pt}}div.block-grammaire .grammaire-image{padding-top:20px}div.block-grammaire .grammaire-image img{width:100%}@media screen and (min-width:840px){div.block-grammaire .grammaire-image{bottom:0;padding-top:0;position:fixed;right:0;top:60px;z-index:-2}div.block-grammaire .grammaire-image img{height:auto;max-height:80vh;max-width:40vw;opacity:0;transition:opacity .2s linear;width:auto}}@media screen and (min-width:840px) and (min-width:1370px){div.block-grammaire .grammaire-image{top:100px}}@media screen and (min-width:1370px){div.block-grammaire .grammaire-image{padding-top:40px}}@media screen and (min-width:840px){div.block-grammaire.active h2{text-decoration:underline}div.block-grammaire.active .grammaire-image{align-items:center;background-color:#000;display:flex;justify-content:center;pointer-events:none;position:fixed;width:50vw;z-index:11}div.block-grammaire.active .grammaire-image img{opacity:1}.grammaire-image-mobile{display:none}}footer{padding:20px}@media screen and (min-width:1370px){footer{padding:40px}}footer .credits,footer>div{margin-bottom:20px}footer .credits{font-size:8.5pt;line-height:1.45em}@media screen and (max-width:320px){footer .credits{font-size:7pt}}@media screen and (min-width:1370px){footer .credits{margin-bottom:0}}
