<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*Fonts*/
@font-face{
font-family:'hurme_geometric_sans_1bold';
src:url('fonts/hurmegeometricsans1_bold-webfont.eot');
src:url('fonts/hurmegeometricsans1_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/hurmegeometricsans1_bold-webfont.woff2') format('woff2'),
url('fonts/hurmegeometricsans1_bold-webfont.woff') format('woff'),
url('fonts/hurmegeometricsans1_bold-webfont.ttf') format('truetype'),
url('fonts/hurmegeometricsans1_bold-webfont.svg#hurme_geometric_sans_1bold') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'hurme_geometric_sans_1SBd';
src:url('fonts/hurmegeometricsans1_semibold-webfont.eot');
src:url('fonts/hurmegeometricsans1_semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/hurmegeometricsans1_semibold-webfont.woff2') format('woff2'),
url('fonts/hurmegeometricsans1_semibold-webfont.woff') format('woff'),
url('fonts/hurmegeometricsans1_semibold-webfont.ttf') format('truetype'),
url('fonts/hurmegeometricsans1_semibold-webfont.svg#hurme_geometric_sans_1SBd') format('svg');
font-weight:normal;
font-style:normal;
}
/*Global*/
*,*:before,*:after{
border:0;
padding:0;
margin:0;
box-sizing:border-box;
}
*:focus{
outline:none;
}
.clean{
clear:both;
font-size:0px;
line-height:0px;
margin:0px;
padding:0px;
border:0px;
height:0px;
}
.no-transition{
transition:none!important;
-webkit-transition:none!important;
}
body,html{
height:100%;
max-height:100%;
width:100%;
overflow:hidden;
}
body{
min-height:100%;
background:#fafafa;
color:#000000;
font:12px "hurme_geometric_sans_1SBd", Helvetica, Arial, sans-serif;
}
img{
width:auto;
max-width:100%;
height:auto;
max-height:100%;
display:block;
}
a{
color:#000000;
text-decoration:none;
}
#wrapper{
position:relative;
height:100%;
max-height:100%;
width:100%;
padding:30px 30px 40px 30px;
overflow:hidden;
}
footer{
clear:both;
}
/*Share*/
.block .share{
display:block;
margin:20px 0;
}
.block .share .titre{
display:block;
font-size:14px;
}
.block .share .links{
display:inline-block;
font-size:16px;
line-height:16px;
min-height:24px;
margin:8px 0;
text-transform:uppercase;
}
.block .share .links a{
display:inline-block;
vertical-align:middle;
margin-right:5px;
margin-bottom:5px;
}
.block .share .links a .fa+span,.block .share .links a img+span{
display:none;
}
/*Home*/
.logoHome,.sliderHome{
position:fixed;
top:20px;
left:20px;
right:20px;
bottom:20px;
opacity:0;
transition:opacity 500ms ease;
-webkit-transition:opacity 500ms ease;
}
.logoHome{
background:rgba(255,255,255,0.1);
text-align:center;
white-space:nowrap;
z-index:19;
}
.logoHome a{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
.logoHome a:before{
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
}
.logoHome a img{
display:inline-block;
vertical-align:middle;
}
.sliderHome{
background:#fafafa;
list-style-type:none;
z-index:18;
}
.sliderHome li{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
opacity:1;
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
transition:opacity 500ms ease;
-webkit-transition:opacity 500ms ease;
}
.sliderHome li.video video{
position:absolute;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-100;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.sliderHome li.texte{
text-align:center;
white-space:nowrap;
}
.sliderHome li.texte:before{
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
}
.sliderHome li.texte span{
font-size:3vw;
text-align:left;
white-space:normal;
}
.sliderHome li.hidden{
opacity:0;
}
/*Aside*/
aside{
float:left;
width:120px;
height:100%;
max-height:100%;
margin-right:20px;
overflow:hidden;
transition:max-height 1s ease;
-webkit-transition:max-height 1s ease;
}
aside.hidden{
height:0px!important;
max-height:0px!important;
padding:0!important;
}
aside.hidden *{
display:none;
}
aside .block .content{
opacity:1;
transition:opacity 500ms ease;
-webkit-transition:opacity 500ms ease;
overflow:hidden;
height:100%;
max-height:100%;
}
aside .block .content h1,aside .block .content h2,aside .block .content p{
font-size:18px;
font-weight:normal;
line-height:24px;
}
aside .block .content p{
display:block;
}
aside .block .content h1+p{
margin-top:24px;
}
aside .home{
display:block;
width:50px;
height:35px;
}
aside .home img{
width:auto;
height:100%;
max-width:none;
max-height:100%;
}
aside nav{
display:inline-block;
border-top:4px solid #000000;
border-bottom:4px solid #000000;
padding:20px 0;
margin:20px 0;
font-size:16px;
}
aside nav ul{
list-style-type:none;
}
aside nav ul li{
line-height:18px;
height:18px;
margin:8px 0;
text-transform:uppercase;
letter-spacing:2px;
}
aside nav ul li.afterMenu,aside nav ul li.social{
margin-top:32px;
}
aside nav ul li a{
display:inline-block;
vertical-align:top;
}
aside nav ul li.menu{
display:none;
line-height:26px;
height:26px;
font-size:26px;
margin-right:5px;
}
aside nav ul li a.contact,aside nav ul li a.switch{
width:18px;
height:18px;
font-size:18px;
}
aside nav ul li a.contact span{
display:none;
}
aside nav ul li a.switch{
position:relative;
background:#000000;
width:14px;
height:14px;
margin-top:4px;
margin-left:16px;
padding-top:1px;
opacity:1;
visibility:visible;
transition:visibility 0s,opacity 500ms ease;
-webkit-transition:visibility 0s,opacity 500ms ease;
}
aside nav ul li a.switch.hidden{
visibility:hidden;
opacity:0;
}
aside nav ul li a.switch:before{
content:"";
position:absolute;
top:7px;
left:6px;
background:#fafafa;
height:0px;
width:2px;
transition:height 500ms ease,top 500ms ease;
-webkit-transition:height 500ms ease,top 500ms ease;
}
aside nav ul li a.switch:after{
content:"";
position:absolute;
top:6px;
left:0;
background:#fafafa;
height:2px;
width:14px;
}
aside nav ul li a.switch.masonry:before{
top:0px;
height:14px;
}
aside nav ul li.social{
min-height:24px;
height:auto;
}
aside nav ul li.social a{
display:inline-block;
margin-right:5px;
margin-bottom:5px;
}
aside nav ul li.social a .fa+span,aside nav ul li.social a img+span{
display:none;
}
/*Container*/
#container{
height:100%;
max-height:100%;
width:auto;
overflow:hidden;
opacity:1;
transition:opacity 500ms ease 250ms;
-webkit-transition:opacity 500ms ease 250ms;
}
#container.hidden{
opacity:0;
}
#container .mCSB_scrollTools{
visibility:hidden;
}
#container .block{
display:none;
}
#container .inner{
overflow:auto;
width:100%;
max-width:100%;
height:100%;
max-height:100%;
}
#container.mCustomScrollbar .inner{
overflow:hidden;
}
#container .inner .content{
font-size:0px;
width:100%;
max-width:1800px;
height:100%;
max-height:100%;
margin:0 auto;
padding-top:22px;
text-align:center;
}
#container .inner .content .croix{
position:fixed;
top:30px;
right:30px;
width:20px;
height:20px;
background:url(images/croix.svg) no-repeat center center / cover;
padding:5px;
}
#container .inner .content .item-sizer{
width:100%;
}
#container.masonry .inner .content .item-sizer,#container .inner .content.double .item-sizer{
width:16.6666%;
}
#container .inner .content .projet,#container .inner .content .image{
display:inline-block;
text-align:center;
width:1920px;
max-width:100%;
font-size:45px;
font-size:5vw;
padding:35px;
}
#container.masonry .inner .content .projet,#container .inner .content.double .image{
display:inline-block;
text-align:center;
width:960px;
max-width:50%;
font-size:36px;
font-size:3vw;
}
#container.masonry .inner .content .projet.portrait,#container .inner .content.double .image.portrait{
display:inline-block;
text-align:center;
width:480px;
max-width:33%;
font-size:24px;
font-size:3vw;
}
#container .inner .content .projet a,#container .inner .content .image span{
display:block;
position:relative;
width:1920px;
max-width:100%;
margin:0 auto;
transition:all 500ms ease;
}
#container .inner .content .projet a:before{
	content:"";
	display:block;
}
#container .inner .content .projet.portrait a,#container .inner .content .image.portrait span,#container .inner .content.double .image.portrait span{
width:960px;
max-width:50%;
}
#container.masonry .inner .content .projet a{
position:relative;
width:auto;
max-width:none;
}
#container .inner .content .projet a img{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
opacity:1;
transition:opacity 200ms ease;
-webkit-transition:opacity 200ms ease;
}
#container .inner .content .projet a img,#container .inner .content .image span img{
margin:0 auto;
}
#container .inner .content .image span.video{
display:block;
margin:0 auto;
max-width:100%;
max-height:100%;
}
#container .inner .content .image span.video .embed-content{
height:0;
}
#container .inner .content .image span.video .embed-content iframe,#container .inner .content .image span.video .embed-content object,#container .inner .content .image span.video .embed-content embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#container .inner .content .projet a span.titre{
display:block;
position:absolute;
margin:0 10%;
top:50%;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
text-align:left;
opacity:0;
transition:opacity 200ms ease;
-webkit-transition:opacity 200ms ease;
}
#container .inner .content .projet a:hover img{
opacity:0.8;
}
#container .inner .content .projet a:hover span.titre{
opacity:1;
}
#container .inner .content .projet.disabled{
opacity:0.2;
}
#container .inner .content .projet.disabled a{
cursor:default;
}
#container .inner .content .projet.disabled a:hover img{
opacity:1;
}
#container .inner .content .projet.disabled a:hover span.titre{
opacity:0;
cursor:default;
}
/*Loaded&amp;Loading*/
#loading{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:20;
}
body.loaded #loading{
display:none;
}
body.loaded .logoHome.visible,body.loaded .sliderHome.visible{
opacity:1;
}
body #loading .content{
text-align:center;
white-space:nowrap;
opacity:0;
font-size:14px;
height:100%;
}
body #loading .content:before{
content:"";
position:relative;
display:inline-block;
height:100%;
vertical-align:middle;
}
body #loading .content .centered{
display:inline-block;
vertical-align:middle;
}
body #loading .content .centered span{
display:block;
margin-top:10px;
font-size:12px;
letter-spacing:1px;
}
body.loading #loading .content{
opacity:1;
}
body.loading #container,body.loading aside .block .content{
opacity:0;
transition-delay:0s;
-webkit-transition-delay:0s;
}
/*Scrollbar*/
.mCustomScrollbar{ -ms-touch-action:pinch-zoom; touch-action:pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action:auto; touch-action:auto; }
.mCustomScrollBox{
position:relative;
overflow:hidden;
height:100%;
max-width:100%;
outline:none;
direction:ltr;
}
.mCSB_container{
overflow:hidden;
width:auto;
height:auto;
}
.mCSB_inside &gt; .mCSB_container{ margin-right:0; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right:0; }
.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_container{
margin-right:0;
margin-left:0;
}
.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left:0; }
.mCSB_scrollTools{
position:absolute;
width:16px;
height:auto;
left:auto;
top:0;
right:0;
bottom:0;
}
.mCSB_outside + .mCSB_scrollTools{ top:5px; right:-20px; }
.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_scrollTools, 
.mCS-dir-rtl &gt; .mCSB_outside + .mCSB_scrollTools{
right:auto;
left:0;
}
.mCS-dir-rtl &gt; .mCSB_outside + .mCSB_scrollTools{ left:-16px; }
.mCSB_scrollTools .mCSB_draggerContainer{
position:absolute;
top:0;
left:0;
bottom:0;
right:0; 
height:auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin:20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width:2px;
height:100%;
margin:0 auto;
/*-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;*/
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px;
z-index:1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
position:relative;
width:4px;
height:100%;
margin:0 auto;
/*-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;*/
text-align:center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width:12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width:8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display:block;
position:absolute;
height:20px;
width:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom:0; }
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background:none; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#000000; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#000000; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#000000; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; }
/*PhotoSwipe*/

/*Mobile*/
body.mobile .block .share .links a{
margin:0 10px 5px 0;
}
body.mobile aside .block .content,body.mobile #container .inner{
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
}
body.mobile #container .inner .content .projet a img,body.mobile #container .inner .content .projet a:hover img{
opacity:1;
}
body.mobile #container .inner .content .projet a span.titre,body.mobile #container .inner .content .projet a:hover span.titre{
opacity:0;
}
body.mobile #container .inner .content .projet a.hover img{
opacity:0.8;
}
body.mobile #container .inner .content .projet a.hover span.titre{
opacity:1;
}
body.mobile #container.projets .inner .content .projet .disabled a img,body.mobile #container.projets .inner .content .projet .disabled a:hover img{
opacity:1;
}
body.mobile #container.projets .inner .content .projet .disabled a span.titre,body.mobile #container.projets .inner .content .projet .disabled a:hover span.titre{
opacity:0;
}
/*Responsive*/
@media screen and (max-width:1024px){
#wrapper{
padding:10px;
}
body.mobile,html.mobile{
height:auto;
max-height:none;
overflow-x:hidden;
overflow-y:auto;
}
body:not(.mobile) aside{
position:absolute;
z-index:1;
float:none;
background:#fafafa;
height:auto;
max-height:100%;
width:auto;
top:10px;
right:10px;
left:10px;
margin:0;
}
body.mobile aside{
position:relative;
float:none;
height:auto;
max-height:100%;
width:auto;
padding:10px;
margin:0;
}
aside nav{
border-bottom:none;
padding:0 0 5px 0;
margin:10px 0 5px 0;
}
aside nav ul{
width:auto;
max-height:42px;
overflow:hidden;
transition:max-height 500ms ease;
-webkit-transition:max-height 500ms ease;
}
aside nav ul.open{
max-height:500px;
}
aside nav ul li{
vertical-align:top;
}
aside nav ul li.menu{
display:block;
}
aside nav ul li.afterMenu,aside nav ul li.social{
position:absolute;
display:block;
top:49px;
right:0;
margin:8px 0;
}
aside nav ul li.social{
top:0;
}
aside nav ul li.social a{
display:inline-block;
margin:0 0 5px 15px;
}
aside nav ul li a.switch{
display:none!important;
}
aside .block{
display:none;
}
#container .inner .content .croix{
top:120px;
right:10px;
z-index:2;
}
body:not(.mobile) #container{
width:100%;
padding-top:100px;
}
body.mobile #container{
width:100%;
}
body.mobile #container .inner{
overflow-y:hidden;
}
#container .block{
display:block;
text-align:left;
padding:10px;
opacity:1;
transition:opacity 500ms ease;
-webkit-transition:opacity 500ms ease;
overflow:hidden;
}
#container .block h1,#container .block h2,#container .block p{
font-size:18px;
font-weight:normal;
line-height:24px;
}
/* #container .block h1{
font-size:18px;
}
#container .block h2{
font-size:14px;
} */
#container .block p{
display:block;
}
#container .block h1+p{
margin-top:24px;
}
#container .block .share .links a{
margin:0 10px 5px 0;
}
#container .inner .content .item-sizer,#container.masonry .inner .content .item-sizer,#container .inner .content.double .item-sizer{
width:50%;
}
#container .inner .content .projet,#container .inner .content .projet.portrait,#container.masonry .inner .content .projet,#container.masonry .inner .content .projet.portrait,#container .inner .content.double .image,#container .inner .content.double .image.portrait{
width:480px;
max-width:50%;
padding:10px;
font-size:24px;
font-size:4vw;
}
#container .inner .content .projet.portrait a,#container.masonry .inner .content .projet.portrait a,#container .inner .content.double .image.portrait span{
width:auto;
max-width:none;
}
#container .inner .content .image{
padding:10px;
}
}
@media screen and (max-width:640px){
body,html{
height:auto;
max-height:none;
overflow-x:hidden;
overflow-y:auto;
}
body aside{
position:relative;
float:none;
height:auto;
max-height:100%;
width:auto;
padding:10px;
margin:0;
}
body #container{
width:100%;
}
body #container .inner{
overflow-y:hidden;
}
#container .inner .content .projet,#container .inner .content .projet.portrait,#container.masonry .inner .content .projet,#container.masonry .inner .content .projet.portrait,#container .inner .content.double .image,#container .inner .content.double .image.portrait{
width:100%;
max-width:100%;
padding:10px 0;
font-size:30px;
font-size:6vw;
}
#container .inner .content .projet.portrait a,#container.masonry .inner .content .projet.portrait a,#container .inner .content.double .image.portrait span{
width:480px;
max-width:50%;
}
}</pre></body></html>