@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;
}
*{
border:0;
padding:0;
margin:0;
}
*,*:before,*:after{
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:#ffffff;
color:#000000;
font:12px "hurme_geometric_sans_1SBd", Helvetica, Arial, sans-serif;
overflow:hidden;
}
img{
width:100%;
height:auto;
display:block;
}
a{
color:#000000;
text-decoration:none;
}
header{
position:absolute;
top:30px;
left:30px;
z-index:10;
}
header .circle{
position:absolute;
z-index:20;
display:block;
width:22px;
height:22px;
border-radius:100%;
border:9px solid #000000;
top:-11px;
left:-11px;
background:#ffffff;
}
header nav{
padding:25px 10px 10px 15px;
overflow:hidden;
background:#ffffff;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:all 500ms ease;
transition:all 500ms ease;
}
header nav.minified{
-webkit-transform:scale(0);
transform:scale(0);
padding:0;
}
header nav h2{
font-size:20px;
letter-spacing:4px;
}
header nav ul{
list-style-type:none;
overflow:visible;
}
header nav ul > li{
position:relative;
display:block;
text-transform:lowercase;
line-height:30px;
min-height:30px;
font-size:20px;
letter-spacing:1px;
}
header nav ul > li.titre{
margin-right:15px;
letter-spacing:4px;
}
header nav ul > li.rubrique{
display:inline-block;
}
header nav ul > li.rubrique+li.rubrique:before{
content:"/";
margin:0px 10px;
}
header nav ul > li.contact{
margin-top:3px;
}
header nav ul > li.contact span{
display:none;
}
header nav a.close{
float:right;
}
header nav a.close .fa-rotate-45{
filter:none;
-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
#container{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
z-index:5;
}
#container h1{
display:none;
}
#container > .inner,#container > .inner > .content{
position:relative;
width:100%;
height:100%;
}
#container > .inner{
overflow:auto;
font-size:0;
}
/* LOADING */

/* HOME */
body.home header{
text-align:center;
white-space:nowrap;
top:0;
left:0;
z-index:10;
height:100%;
width:100%;
}
body.home header:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
}
body.home header nav{
display:inline-block;
vertical-align:middle;
padding:10px;
}
/* SWIPER */
#container > .inner > .content .swiper-container{
width:100%;
height:100%;
}
/* RUBRIQUE */
#container > .inner > .content .image{
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
display:inline-block;
height:100%;
width:100%;
overflow:hidden;
transition:top 500ms ease;
-webkit-transition:top 500ms ease;
}
#container > .inner > .content .image.double{
width:50%;
}
#container > .inner > .content .image img{
width:100%;
height:100%;
}
#container > .inner > .content .image .titre{
position:absolute;
bottom:0;
right:0;
max-width:100%;
padding:20px;
font-size:40px;
color:#ffffff;
text-align:right;
text-transform:uppercase;
letter-spacing:5px;
text-shadow:0 0 10px rgba(0,0,0,0.3);
}
#container > .inner > .prev,#container > .inner .swiper-prev,#container > .inner > .next,#container > .inner .swiper-next,#container > .inner > .swipe{
top:0;
left:0;
position:absolute;
width:50%;
height:100%;
cursor:pointer;
z-index:10;
background:rgba(255,255,255,0);
}
#container > .inner > .next,#container > .inner .swiper-next{
left:50%;
}
#container > .inner > .swipe{
width:100%;
display:none;
}
#container > .inner > .swipe.last:before,#container > .inner > .next.last:before{
position:absolute;
top:50%;
left:50%;
width:50px;
height:50px;
margin-top:-25px;
margin-left:-25px;
content:"\f0e2";
font-family:FontAwesome;
opacity:0;
font-size:50px;
line-height:50px;
text-align:center;
transition:opacity 250ms ease;
-webkit-transition:opacity 250ms ease;
}
#container > .inner > .prev.hidden,#container > .inner > .next.hidden{
display:none;
}
#container > .inner > .swipe.last,#container > .inner > .next.last:hover{
background:rgba(255,255,255,0.5);
transition:background 250ms ease;
-webkit-transition:background 250ms ease;
}
#container > .inner > .swipe.last:before,#container > .inner > .next.last:hover:before{
opacity:1;
animation:fa-spin 1s infinite linear reverse;
-webkit-animation:fa-spin 1s infinite linear reverse;
}
/* PAGE */
body:not(.home):not(.rubrique) #container > .inner > .content{
text-align:center;
white-space:nowrap;
}
body:not(.home):not(.rubrique) #container > .inner > .content:before{
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
}
body:not(.home):not(.rubrique) #container > .inner > .content .block{
font-size:12px;
display:inline-block;
vertical-align:middle;
}
/* PORTRAIT */
#container.portrait > .inner > .content .image.double{
width:100%;
}
#container.portrait > .inner > .prev,#container.portrait > .inner .swiper-prev,#container.portrait > .inner > .next,#container.portrait > .inner .swiper-next{
width:100%;
height:50%;
}
#container.portrait > .inner > .next,#container.portrait > .inner .swiper-next{
left:0;
top:50%;
}
/* MOBILE */
body.mobile #container > .inner > .prev,body.mobile #container > .inner .swiper-prev,body.mobile #container > .inner > .next,body.mobile #container > .inner .swiper-next{
display:none;
}
body.mobile #container > .inner > .swipe{
display:block;
}
body.mobile #container > .inner > .swipe.hidden{
display:none;
display:block;
}