#searchbar{position:fixed;top:76px;left:0;right:0;background-color:#34495e;color:#fff;padding:12px 20px;z-index:4}#searchbar .svg-inline--fa{font-size:1em;margin-right:5px}#searchbar .big-type{display:inline-block;font-weight:700;background-color:#2c3e50;padding:10px 15px;border-radius:50px;cursor:pointer;margin:5px 10px;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;transition:all .15s ease}#searchbar .big-type.selected{background-color:#fff;color:#2c3e50}#searchbar .big-type:hover{background-color:#fff;color:#bc3838;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 15px rgba(0,0,0,.5);box-shadow:0 0 15px rgba(0,0,0,.5)}.padding-searchbar{padding-bottom:102px}.all-height-remain{min-height:calc(100vh - 178px)}img.realisation-element,video.realisation-element{width:100%;margin:15px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}.list-realisations{display:flex;flex-wrap:wrap;width:100%;-webkit-transition:-webkit-transform .6s cubic-bezier(.7,0,.3,1) 0ms;-moz-transition:-moz-transform .6s cubic-bezier(.7,0,.3,1) 0ms;transition:transform .6s cubic-bezier(.7,0,.3,1) 0ms}.list-realisations>.one-realisation{cursor:pointer;width:25%;-webkit-transition:width .25s linear .25s,opacity .25s linear .5s,filter .25s linear .75s;-moz-transition:width .25s linear .25s,opacity .25s linear .5s,filter .25s linear .75s;transition:width .25s linear .25s,opacity .25s linear .5s,filter .25s linear .75s}.list-realisations>.one-realisation.not-use{display:none}.list-realisations>.one-realisation.hide{filter:grayscale(75%);opacity:0;width:0;-webkit-transition:filter .25s linear .25s,opacity .25s linear .5s,width .25s linear .75s;-moz-transition:filter .25s linear .25s,opacity .25s linear .5s,width .25s linear .75s;transition:filter .25s linear .25s,opacity .25s linear .5s,width .25s linear .75s}.list-realisations>.one-realisation>span{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden}.list-realisations>.one-realisation>span:hover>.inner.white>.realisation-intro,.list-realisations>.one-realisation>span:hover>.inner.white>.realisation-name,.list-realisations>.one-realisation>span:hover>.inner.white>.realisation-type{color:#fff!important}.list-realisations>.one-realisation>span:hover>.inner.black>.realisation-intro,.list-realisations>.one-realisation>span:hover>.inner.black>.realisation-name,.list-realisations>.one-realisation>span:hover>.inner.black>.realisation-type{color:#000!important}.list-realisations>.one-realisation>span:before{content:"";display:block;padding-bottom:75%}.list-realisations>.one-realisation>span>.inner{position:absolute;bottom:40px;left:0;right:0;padding:0 40px;z-index:3;transform:matrix(1,0,0,1,0,0);-webkit-transition:-webkit-transform .6s cubic-bezier(.7,0,.3,1) 0ms;-moz-transition:-moz-transform .6s cubic-bezier(.7,0,.3,1) 0ms;transition:transform .6s cubic-bezier(.7,0,.3,1) 0ms}.list-realisations>.one-realisation:hover>span>.inner{transform:matrix(1,0,0,1,0,-60)}.list-realisations .one-realisation>span>.inner>.realisation-type{display:block;font-size:100%;margin-bottom:10px;-webkit-transition:color .4s cubic-bezier(.7,0,.3,1) 0ms;-moz-transition:color .4s cubic-bezier(.7,0,.3,1) 0ms;transition:color .4s cubic-bezier(.7,0,.3,1) 0ms}.list-realisations .one-realisation>span>.inner>.realisation-intro,.list-realisations .one-realisation>span>.inner>.realisation-name{font-weight:700;line-height:1;font-family:Gilroy,sans-serif;margin:0;max-width:80%;-webkit-transition:color .4s cubic-bezier(.7,0,.3,1) 0ms;-moz-transition:color .4s cubic-bezier(.7,0,.3,1) 0ms;transition:color .4s cubic-bezier(.7,0,.3,1) 0ms}.list-realisations .one-realisation>span>.inner>.realisation-name{font-size:200%}.list-realisations .one-realisation>span>.inner>.realisation-intro{position:absolute;left:40px;top:calc(100% + 10px);opacity:0;-webkit-transform:translateY(30%);-moz-transform:translateY(30%);-ms-transform:translateY(30%);-o-transform:translateY(30%);transform:translateY(30%);-webkit-transition:color .4s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1) 0ms,opacity .3s cubic-bezier(.7,0,.3,1) 0ms;-moz-transition:color .4s cubic-bezier(.7,0,.3,1),-moz-transform .4s cubic-bezier(.7,0,.3,1) 0ms,opacity .3s cubic-bezier(.7,0,.3,1) 0ms;transition:color .4s cubic-bezier(.7,0,.3,1),transform .4s cubic-bezier(.7,0,.3,1) 0ms,opacity .3s cubic-bezier(.7,0,.3,1) 0ms}.list-realisations .one-realisation>span:hover>.inner>.realisation-intro{opacity:.8;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .5s cubic-bezier(.7,0,.3,1) 0ms,opacity .3s cubic-bezier(.7,0,.3,1) .1s;-moz-transition:-moz-transform .5s cubic-bezier(.7,0,.3,1) 0ms,opacity .3s cubic-bezier(.7,0,.3,1) .1s;transition:transform .5s cubic-bezier(.7,0,.3,1) 0ms,opacity .3s cubic-bezier(.7,0,.3,1) .1s}.list-realisations>.one-realisation>span>.realisation-color{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;-webkit-transform:translateY(135%) skewY(25deg);-moz-transform:translateY(135%) skewY(25deg);-ms-transform:translateY(135%) skewY(25deg);-o-transform:translateY(135%) skewY(25deg);transform:translateY(135%) skewY(25deg);-webkit-transition:-webkit-transform .4s cubic-bezier(.7,0,.3,1) .1s;-moz-transition:-moz-transform .4s cubic-bezier(.7,0,.3,1) .1s;transition:transform .4s cubic-bezier(.7,0,.3,1) .1s}.list-realisations>.one-realisation>span:hover>.realisation-color{-webkit-transform:translateY(0) skewY(0deg);-moz-transform:translateY(0) skewY(0deg);-ms-transform:translateY(0) skewY(0deg);-o-transform:translateY(0) skewY(0deg);transform:translateY(0) skewY(0deg);-webkit-transition:-webkit-transform .5s cubic-bezier(.7,0,.3,1) 0ms;-moz-transition:-moz-transform .5s cubic-bezier(.7,0,.3,1) 0ms;transition:transform .5s cubic-bezier(.7,0,.3,1) 0ms}.list-realisations>.one-realisation>span>.realisation-visuel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important;-webkit-transition:-webkit-transform .4s cubic-bezier(.7,0,.3,1) 0ms,opacity .8s cubic-bezier(.7,0,.3,1);-moz-transition:-moz-transform .4s cubic-bezier(.7,0,.3,1) 0ms,opacity .8s cubic-bezier(.7,0,.3,1);transition:transform .4s cubic-bezier(.7,0,.3,1) 0ms,opacity .8s cubic-bezier(.7,0,.3,1)}.list-realisations>.one-realisation>span>.indicator{display:block;z-index:3;position:absolute;bottom:0;left:50%;margin-left:-44px;width:79px;height:15px;background:url(/build/images/menu-indicator.7853ef6f.png) 50%/79px 15px;opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px);transition:opacity .3s,transform .3s,visibility 0s .3s}.list-realisations>.one-realisation.active>span>.indicator{opacity:1;visibility:visible;transition-delay:0s;-webkit-transform:none;transform:none}.list-realisations>.one-realisation-description{display:none;width:100%;background:linear-gradient(#fff,#ecf0f1)}@media (max-width:1199.98px){.list-realisations>.one-realisation{width:33.3333%}}@media (max-width:767.98px){.list-realisations>.one-realisation{width:50%}}@media (max-width:575.98px){.list-realisations>.one-realisation{width:100%}}