body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.rwdslider-image img {
    width: 100%;
    display: block;
    height: auto;
}

.rwdslider-image {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
}

.first.rwdslider-image {
    opacity: 1;
    position: relative;
}

#rwdslider-container {
    position: relative;
    overflow: visible;
    display: block;
}
@media only screen and (max-width:600px) {
}
@media only screen and (max-width:350px) {
}
@font-face {
  font-family: 'Lato';
  src: url('/files/brunopoinsard/fonts/lato-light-webfont.woff2') format('woff2'),
       url('/files/brunopoinsard/fonts/lato-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/files/brunopoinsard/fonts/lato-regular-webfont.woff2') format('woff2'),
       url('/files/brunopoinsard/fonts/lato-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{height:100%}
body{font:300 1.2em/1.46 Lato,sans-serif;letter-spacing:.035em;color:#666;overflow-y:scroll;overflow-x:hidden}
a{text-decoration:none;color:#666}
strong,b{font-weight:400}
#wrapper{min-height:100%;margin-bottom:-75px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#wrapper:after{display:block;content:""}
#wrapper:after,#footer{height:75px}
#header,#container,#footer,.galerie #container .wrapped{max-width:1640px;margin:0 auto;padding:0 20px}
.galerie #container{max-width:100%;padding:0}
#header{padding:2em 20px 4.5em}
#header .head{float:left}
#footer{width:100%;padding-top:1em;padding-bottom:1em;background-color:#fff;z-index:999}
.mentions{text-align:right;margin-top:1em;font-size:.85em;text-transform:lowercase}
#logo{text-transform:uppercase}
#logo .bruno{font-size:1.5em;color:#4c4c4c}
#logo .poinsard{color:#000;font-weight:400;word-spacing:.3em}
.ce_hyperlink{position:relative;float:left;margin:0 0 2.1875% 2.1875%;width:31.875%}
.ce_hyperlink:nth-child(3n+1){margin-left:0}
.ce_hyperlink a:before{content:"";background-color:rgba(255,255,255,0.6);position:absolute;top:0;bottom:0;width:100%;opacity:0;transition:all .3s}
.ce_hyperlink a:after{content:attr(title);position:absolute;top:0;left:0;bottom:0;width:100%;margin:auto;text-align:center;height:1.5em;font-weight:400;color:#000;font-size:1.5em;opacity:0;transition:all .3s;text-shadow:0 0 2px rgba(255,255,255,0.4)}
.ce_hyperlink a:hover:after,.ce_hyperlink a:hover:before,.ce_hyperlink a.hover:after,.ce_hyperlink a.hover:before{opacity:1}
.mod_navigation{float:right;padding-top:0}
.mod_navigation.subnav-1,.mod_navigation.subnav-2{float:none;padding-bottom:2em}
.galerie .mod_navigation.subnav-1,.galerie .mod_navigation.subnav-2{max-width:1640px;margin:0 auto;padding:0 20px 2em;position:relative}
.mod_navigation ul{margin:0;display:table}
.mod_navigation li{display:inline;padding-left:30px;letter-spacing:.035em}
.mod_navigation.subnav-1 li,.mod_navigation.subnav-2 li{padding:0 30px 0 0}
.mod_navigation li span,.mod_navigation li a{text-transform:lowercase;white-space:nowrap}
.mod_navigation li a:hover{color:#000}
.mod_navigation li span.active,.mod_navigation li .trail{color:#000;font-weight:400!important}
.submenu ul,.burger{display:none}
.flickity-navigation{position:absolute;top:.2rem;right:0}
.inside > .flickity-navigation{position:relative;max-width:1640px;margin:0 auto}
.flickity-navigation > div{position:absolute;top:2rem;right:.75rem;display:block;background-color:rgba(255,255,255,0.8);transition:opacity .3s;opacity:0}
.gallery:hover .flickity-navigation > div{opacity:.6}
.gallery .flickity-navigation > div:hover{opacity:1}
.flickity-prev-next-button{position:relative;border-radius:0;right:auto!important;top:auto;transform:translateY(0);width:2rem;height:2rem;left:auto!important;display:inline-block;float:left;background-color:transparent;font-size:1.6rem;line-height:1}
.flickity-prev-next-button:focus{box-shadow:none}
.flickity-page-dots{bottom:auto;padding:0 20px;text-align:right;position:relative}
.flickity-page-dots .dot{border:1px solid #333;margin:0 6px;background:#333;filter:alpha(opacity=35);opacity:.25;padding:0!important}
.flickity-page-dots .dot:last-child{margin-right:0}
.flickity-page-dots .dot.plan{background:#fff;border-color:#000}
.flickity-page-dots .dot.plan.is-selected{border-color:#333}
.gallery{transition:opacity .4s;max-width:100%;overflow:visible;padding-bottom:2rem}
.gallery.is-hidden{display:none}
.gallery.flickity-enabled{opacity:1}
.flickity-viewport{width:100%}
.flickity-slider{margin-left:.75rem}
.gallery .ce_image{margin-right:35px;overflow:visible}
.gallery figure,.test-container figure{box-sizing:border-box;position:relative}
.gallery .ce_image img,.test-container img,#map{min-height:300px;height:40vh;width:auto;max-width:none;border:1px solid transparent;display:block;pointer-events:none}
.gallery.expanded .ce_image img,.test-container.expanded img{min-height:450px;height:calc(100vh - 11.5em)}
.gallery .flickity-viewport{transform-origin:12px top;transition:box-shadow .4s;box-shadow:0 0 0 2px #ddd inset}
.gallery .flickity-viewport::after{content:"0/10";content:attr(data-content);content:attr(data-count);color:#ddd;font-size:1.35rem;letter-spacing:.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.gallery .flickity-viewport::before{content:"";position:absolute;left:50%;top:50%;height:3px;width:75px;background-image:repeating-linear-gradient(90deg,transparent,transparent 5px,#ddd 5px,#ddd 15px);background-position-x:0;transform:translate(-50%,1rem);animation-duration:1s;animation-name:moveBG;animation-iteration-count:infinite;animation-timing-function:linear}
.gallery.is-loaded .flickity-viewport::after,.gallery.is-loaded .flickity-viewport::before{display:none}
@keyframes moveBG {
from{background-position-x:0}
to{background-position-x:15px}
}
.gallery.is-loaded .flickity-viewport{box-shadow:0 0 0 2px transparent inset}
.gallery .flickity-slider{opacity:0;transition:opacity .4s}
.gallery.is-loaded .flickity-slider{opacity:1}
.gallery .flickity-silder{background-color:#ddd;transition:background-color .4s}
.gallery.is-loaded .flickity-silder{background-color:transparent}
.gallery .flickity-slider > div{opacity:0;transition:opacity .4s}
.gallery.is-loaded .flickity-slider > div{opacity:1}
.gallery .ce_image .caption{transform-origin:left top}
.gallery .ce_image.plan img{border-color:#E9E8E9}
.gallery .ce_image .caption,#projects figcaption.caption a,#projects figcaption.caption,.test-container .caption{color:#918C8C;transition:color 0.3s,border .3s;display:table;font-size:1.15rem;text-transform:uppercase;border-bottom:2px solid transparent;line-height:1.25}
.gallery .ce_image:hover a.caption,#footer a:hover,#projects .caption a.hover{color:#2b2929;border-color:#2b2929}
@media only screen and (orientation: landscape) {
.gallery .ce_image img,.test-container img,#map{min-height:350px}
}
@media only screen and (max-height: 375px) {
.gallery .ce_image img{min-height:initial;height:93vh}
}
.col-1-6{width:14.84375%}
.col-2-6{width:31.875%}
.col-3-6{width:48.90625%}
.col-4-6{width:65.9375%}
.margin-left{margin-left:2.1875%}
.margin-right{margin-right:2.1875%}
.padding-left-1-3 p{padding-left:34.82428%}
.padding-left-3-6 p{padding-left:51.09375%}
.left{float:left}
.right{float:right}
.bottom-1{padding-bottom:3em}
.bottom-3{padding-bottom:3em}
.padding-right p{padding-left:51.09375%}
h2{text-transform:uppercase;color:#000;font-size:1.2em;margin:0 0 1.2em;position:relative;overflow:hidden;width:100%}
h2:after{content:"";background-color:gray;width:100%;height:1px;position:absolute;bottom:.4em;margin-left:.5em}
h3{font-size:1em;font-weight:300;margin-bottom:2em;margin-top:0}
.more-open,.more-close{cursor:pointer;display:block;position:relative;font-size:1em;font-weight:400;transition:all .3s}
.more-open:hover,.more-close:hover{color:#000}
.more.show .more-open,.more-close{opacity:0;max-height:0}
.more-open,.more.show .more-close{opacity:1;max-height:1em}
.more p{opacity:0;max-height:0;transition:all .5s;margin-bottom:0}
.more p:after{content:"";display:block;height:12px}
.more.show p{opacity:1;max-height:2700px}
#book > div{display:inline-block;float:left;margin-right:2.1875%;padding-bottom:1em}
#book > div.last{margin:0}
#book .cover{width:15.5%}
#book .inside{width:31.1%}
@media only screen and (max-width:1010px) {
.mod_navigation li{padding-left:15px}
}
@media only screen and (max-width: 1200px) {
.flickity-navigation{top:0.25rem;font-size:1.33rem}
.flickity-page-dots .dot{opacity:1;background:transparent;border:0 none;width:0;margin:0}
.flickity-page-dots .dot.is-selected:before,.flickity-page-dots .dot:last-child:after{content:attr(data-index);width:auto;display:inline-block}
.flickity-page-dots .dot:last-child:after{content:"/"attr(data-index)}
.flickity-page-dots .dot.is-selected,.flickity-page-dots .dot:last-child{width:auto}
}
@media only screen and (max-width: 925px) {
aside .mod_navigation{display:none}
.mod_navigation{position:absolute;z-index:10;background-color:#fff;background-color:rgba(255,255,255,0.95);display:block;min-height:2em;right:-20px;top:-3px;padding:.4em 20px}
.galerie .mod_navigation.subnav-2{right:auto}
#main .mod_navigation.subnav-2{z-index:1}
#main .mod_navigation.subnav-1{display:none}
.title{position:absolute;z-index:11}
.mod_navigation:after{content:" ";display:table;float:none}
.mod_navigation li{display:block;text-align:left;position:relative;border-bottom:1px solid #ddd}
.mod_navigation.subnav-2 li{display:inline-block;margin:0;border:0 none}
.mod_navigation li.last{border:0 none}
.submenu li.first{border-top:1px solid #ddd}
.submenu li{margin-left:calc(50vw - 17.5em);padding-left:1em}
.mod_navigation a,.mod_navigation span{font-weight:300!important;letter-spacing:inherit;display:block;padding:.2em 0;font-size:1.1em}
.mod_navigation.subnav-2 span{display:initial}
.mod_navigation.subnav-2 a{display:initial}
.mod_navigation .trail{color:#000}
.burger{padding:0;display:initial;position:absolute;right:20px;top:.7em;margin:0;z-index:10;background:transparent;border:0 none;outline:0 none;cursor:pointer}
.burger,.burger:hover{font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}
.burger:before{content:"\2261";font-family:Verdana,Arial,sans;padding-right:.25em}
.burger.active:before{content:"\00D7"}
.submenu .burger{display:block;right:0;top:0;height:1.5em;text-indent:110%;overflow:hidden;position:absolute;width:3em!important}
.submenu .burger:before{content:"\25BC";font-family:Verdana,Arial,sans;position:absolute;top:.25em;left:0}
.submenu .burger.active:before{content:"\25B2"}
nav:after{content:"";clear:both;display:table}
.mod_navigation ul,.submenu ul{max-height:0;-webkit-transition:max-height .6s;transition:max-height .6s;overflow:hidden;padding:0;display:block;margin:0}
.mod_navigation.subnav-2 ul{display:table}
.mod_navigation .level_2 a{padding:.12em 0;width:100%}
.burger.active + ul{max-height:60em}
}
@media only screen and (max-width: 770px) {
.flickity-page-dots{display:none}
}
@media only screen and (max-width:650px) {
#logo .bruno{display:block;line-height:1}
.mod_navigation{margin-top:3em;overflow:visible;min-height:0}
.burger{top:-3em}
.submenu li{margin-left:3em}
.mod_navigation li.first{border-top:1px solid #ddd}
.mod_navigation > ul li.first{margin-top:.8em}
#main .mod_navigation li.first{border:0 none}
.ce_hyperlink{width:48.90625%}
.ce_hyperlink:nth-child(3n+1){margin-left:2.1875%}
.ce_hyperlink:nth-child(2n+1){margin-left:0}
.right{float:none}
.col-1-6,.col-2-6{width:48.90625%}
.col-3-6,.col-4-6{width:100%}
.padding-left-3-6 p{padding-left:34.0625%}
}
@media only screen and (max-width:450px) {
.title{font-size:1.5em}
#header,#wrapper:after,#footer{height:65px}
#wrapper{margin-bottom:-65px}
.mod_navigation > .burger{display:block;top:-3.5em;height:2em;text-indent:100%;overflow:hidden;position:absolute;width:3em!important}
.mod_navigation > .burger:before{position:absolute;top:0;right:.5em;font-size:1.7em}
#header .head{font-size:.9em}
.submenu .burger:before{font-size:1.1em}
.ce_hyperlink{width:100%;margin:0 0 2.1857%}
.col-1-6,.col-2-6{width:100%}
.padding-left-3-6 p,.padding-left-1-3 p{padding-left:0}
#book > div{margin-right:5.1875%}
#book .cover{width:31.5%}
#book .inside{width:63.1%}
#book > div:nth-child(2){margin-right:0}
}
@media only screen and (max-width:350px) {
.title{font-size:1.2em}
#header,#wrapper:after,#footer{height:60px}
#wrapper{margin-bottom:-60px}
.mod_navigation > .burger{top:-3.6em}
#header .head{font-size:.8em}
}
@media only screen and (orientation: landscape) {
.gallery .ce_image img{min-height:350px}
}
@media only screen and (max-height:375px) {
.gallery .ce_image img{min-height:initial;height:93vh}
}