@charset "iso-8859-1";
@import "https://fonts.googleapis.com/css?family=Josefin+Sans";
@import "font-awesome.min.css";
body{background:#313131;color:silver}
body.is-loading *{-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important;-moz-animation:none!important;-webkit-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}
body,input,textarea,select{font-family:'Josefin Sans',sans-serif;font-weight:300;font-size:14pt;line-height:1.4em;color:silver}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#e0e0e0;line-height:1.25em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:600}
h2{font-size:2.85em}
h3{margin:0 0 .5em;font-size:2em}
h4{font-size:1.25em;text-align:center;margin:1em 0}
strong,b{font-weight:600;color:#e0e0e0}
em,i{font-style:italic}
a{color:inherit;font-weight:600;color:#ddaa20;border-bottom:1px dotted rgba(255,197,48,0.15);text-decoration:none;-moz-transition:background-color .35s ease-in-out,color .35s ease-in-out,border-bottom-color .35s ease-in-out;-webkit-transition:background-color .35s ease-in-out,color .35s ease-in-out,border-bottom-color .35s ease-in-out;-o-transition:background-color .35s ease-in-out,color .35s ease-in-out,border-bottom-color .35s ease-in-out;-ms-transition:background-color .35s ease-in-out,color .35s ease-in-out,border-bottom-color .35s ease-in-out;transition:background-color .35s ease-in-out,color .35s ease-in-out,border-bottom-color .35s ease-in-out}
a:hover{color:#ffc530;border-bottom-color:transparent}
sub{position:relative;top:.5em;font-size:.8em}
sup{position:relative;top:-.5em;font-size:.8em}
blockquote{border-left:solid .5em #ddd;padding:1em 0 1em 2em;font-style:italic}
p,ul,ol,dl,table{margin-bottom:1em}
p{text-align:justify}
br.clear{clear:both}
hr{position:relative;display:block;border:0;top:1.5em;margin-bottom:3em;height:6px;border-top:solid 1px rgba(176,176,176,0.2);border-bottom:solid 1px rgba(176,176,176,0.2)}
hr:before,hr:after{content:'';position:absolute;top:-8px;display:block;width:1px;height:21px;background:rgba(128,128,128,0.2)}
hr:before{left:-1px}
hr:after{right:-1px}
.timestamp{color:rgba(176,176,176,0.75);font-size:.8em}
section,article{margin-bottom:3em}
section > :last-child,article > :last-child{margin-bottom:0}
section:last-child,article:last-child{margin-bottom:0}
.row > section,.row > article{margin-bottom:0}
section.special > header,section.special > footer,article.special > header,article.special > footer{text-align:center}
section.special > timestamp{text-align:right}
header{margin:0 0 1em}
header > p{display:block;font-size:1.5em;margin:1em 0 2em;line-height:1.5em;text-align:inherit}
footer{text-align:center;margin:2.5em 0 0}
.image{position:relative;display:inline-block;border:0;outline:0}
.image:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%}
.image img{display:block;width:100%}
.image.fit{display:block;width:100%}
.image.featured{display:block;width:100%;margin:0 0 4em}
.image.left{float:left;margin:0 2em 2em 0}
.image.centered{display:block;margin:0 0 2em}
.image.centered img{margin:0 auto;width:auto}
ul.default{list-style:disc;padding-left:1em}
ul.default li{padding-left:.5em}
ul.actions{margin:3em 0 0}
form ul.actions{margin-top:0}
ul.actions li{display:inline-block;margin:0 .75em}
ul.actions li:first-child{margin-left:0}
ul.actions li:last-child{margin-right:0}
ul.divided li{border-top:solid 1px rgba(128,128,128,0.2);padding-top:1.5em;margin-top:1.5em}
ul.divided li:first-child{border-top:0;padding-top:0;margin-top:0}
ul.menu{height:1em;line-height:1em}
ul.menu li{display:inline-block;border-left:solid 1px rgba(128,128,128,0.2);padding-left:1.25em;margin-left:1.25em}
ul.menu li:first-child{border-left:0;padding-left:0;margin-left:0}
ul.icons{position:relative;background:rgba(128,128,128,0.05);border-radius:4em;display:inline-block;padding:1.35em .75em .35em;font-size:1.25em;cursor:default}
ul.icons li{display:inline-block}
ul.icons li a{display:inline-block;background:none;width:2.5em;height:2.5em;line-height:2.5em;text-align:center;border-radius:100%;border:0;color:inherit}
ul.icons li a:hover{color:#ffc530}
ol.default{list-style:decimal;padding-left:1.25em}
ol.default li{padding-left:.25em}
form label{display:block;font-weight:400;color:#483949;margin:0 0 1em}
form input[type="text"],form input[type="email"],form input[type="password"],form select,form textarea{-webkit-appearance:none;display:block;border:0;background:#fafafa;width:100%;border-radius:.5em;border:solid 1px #E5E5E5;padding:1em;-moz-transition:background-color .35s ease-in-out,border-color .35s ease-in-out;-webkit-transition:background-color .35s ease-in-out,border-color .35s ease-in-out;-o-transition:background-color .35s ease-in-out,border-color .35s ease-in-out;-ms-transition:background-color .35s ease-in-out,border-color .35s ease-in-out;transition:background-color .35s ease-in-out,border-color .35s ease-in-out}
form input[type="text"],form input[type="email"],form input[type="password"],form select{line-height:1em}
form textarea{min-height:9em}
form input[type="text"]:focus,form input[type="email"]:focus,form input[type="password"]:focus,form select:focus,form textarea:focus{background:#fff;border-color:#df7366}
form .formerize-placeholder{color:#555!important}
form ::-webkit-input-placeholder{color:#555!important}
form :-moz-placeholder{color:#555!important}
form ::-moz-placeholder{color:#555!important}
form :-ms-input-placeholder{color:#555!important}
form ::-moz-focus-inner{border:0}
table{width:100%}
table.default{width:100%}
table.default tbody tr:nth-child(2n+2){background:#f4f4f4}
table.default td{padding:.5em 1em}
table.default th{text-align:left;font-weight:900;padding:.5em 1em}
table.default thead{background:#444;color:#fff}
table.default tfoot{background:#eee}
input[type="button"],input[type="submit"],input[type="reset"],.button{background-color:#ddaa20;border:0;border-radius:3.5em;color:#fff;cursor:pointer;display:inline-block;height:3.5em;line-height:3.5em;outline:0;padding:0 2em;position:relative;text-align:center;text-decoration:none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.button.down{width:5em;height:5em;line-height:4.5em;padding:0;background-image:url(images/dark-arrow.svg);background-position:center center;background-repeat:no-repeat;text-indent:-10em;overflow:hidden}
.button.down.anchored{bottom:0;border-bottom:0;border-radius:3em 3em 0 0;height:4.5em;margin-left:-2.5em}
.button.anchored{position:absolute;left:50%}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover{background-color:#ffc530}
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active,.button:active{background-color:#ffc530}
input[type="button"].style2,input[type="submit"].style2,input[type="reset"].style2,.button.style2{background-color:transparent;border:solid 2px #e5e6e7;color:inherit}
input[type="button"].style2:hover,input[type="submit"].style2:hover,input[type="reset"].style2:hover,.button.style2:hover{background-color:rgba(145,146,147,0.035)}
.button.style2.down{background-image:url(images/arrow.svg)}
span.boutonretourtop{position:fixed;right:10px;bottom:10px;font-size:14px}
span.boutonretourtop a{color:#aaa;text-transform:none;text-decoration:none;text-shadow:1px 1px 1px #000;margin-right:0}
span.boutonretourtop a:hover{color:#ddd}
.box{background:#333;opacity:.4;color:#FFF;padding:2em}
.box.style2{padding:3.5em 2.5em}
.main{position:relative;margin:0;overflow-x:hidden}
.main.style1{text-align:center;padding:10em 0}
.main.style1 h2{font-size:4.25em;line-height:1em;letter-spacing:-4px}
.main.style1 .content{opacity:1;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.main.style1.inactive .content{opacity:0}
.main.style2{padding:10em 0;overflow:hidden}
.main.style2 .content{position:relative;width:35%;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.main.style2.left .content{left:0}
.main.style2.right .content{left:65%}
.main.style2.inactive.left .content{left:-35%}
.main.style2.inactive.right .content{left:100%}
.main.style3{text-align:center;padding:6em 0}
.main.style3 .content > header{margin-bottom:2em}
.main.style3.primary{background:url(../../images/bg.png) repeat top left}
.main.style3.secondary{background:#555}
.dark{color:#fff}
.dark a{color:#fff}
.dark .button.style2{border-color:inherit;background-color:transparent}
.dark .button.style2:hover{background-color:rgba(255,197,48,0.5)}
.dark .button.style2.down{background-image:url(images/dark-arrow.svg)}
.post{background:#3B353C}
.post.stub{text-align:center}
.post.stub header{margin:0}
.icon{text-decoration:none}
.icon:before{display:inline-block;font-family:FontAwesome;font-size:1.25em;text-decoration:none;font-style:normal;font-weight:400;line-height:1;position:relative;top:-.25em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon > .label{display:none}
.icon.circled{position:relative;display:inline-block;background:#2b252c;color:#fff;border-radius:100%;width:3em;height:3em;line-height:3.25em;text-align:center;font-size:1.25em}
header .icon.circled{margin:0 0 2em}
.wrapper{margin:2em 0;padding:1em 0 3em}
.wrapper.style2{padding-top:0}
.banner{background:#191919;text-align:center;padding:1.5em 0;margin-bottom:0}
.jqvmap-label{position:absolute;display:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#292929;color:#fff;padding:3px}
.jqvmap-zoomin,.jqvmap-zoomout{position:absolute;left:10px;font-size:2.5em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:20px;background:#292929;padding:10px;color:#fff;width:50px;height:50px;cursor:pointer;line-height:20px;text-align:center}
.jqvmap-zoomin{top:10px}
.jqvmap-zoomout{top:70px}
.jqvmap-region{cursor:pointer}
.jqvmap-ajax_response{width:100%;height:500px}
.map{display:block;max-width:100%;margin-left:auto;margin-right:auto;background:#000 url(../../../ressources/images/map-bg.jpg);background-attachment:relative;background-position:top left;background-repeat:repeat}
#headermenu{position:relative;background:#0a0a0a;color:#fff;text-align:center;padding:.5em 0 1em;cursor:default}
.homepage #headermenu{padding:4em 0}
.homepage #headermenu .overlay{content:'';background:#1C0920;display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;-moz-transition:opacity 2s ease-in-out;-webkit-transition:opacity 2s ease-in-out;-o-transition:opacity 2s ease-in-out;-ms-transition:opacity 2s ease-in-out;transition:opacity 2s ease-in-out}
.homepage #headermenu.ready .overlay{opacity:0}
#headermenu .inner{position:relative;z-index:1;margin:0;text-align:center;padding:2em 0 0}
#headermenu h1{color:#fff;font-size:3em;line-height:1em}
.homepage #headermenu h1{font-size:4em}
#headermenu h1 a{color:inherit}
#headermenu header > p{font-size:1.25em;margin:0}
#headermenu .button{display:inline-block;border-radius:100%;width:4.5em;height:4.5em;line-height:4.5em;text-align:center;font-size:1.25em;padding:0}
#headermenu header{display:inline-block}
#headermenu footer{margin:1em 0 0}
#headermenu hr{top:1.5em;margin-bottom:3em;border-bottom-color:rgba(192,192,192,0.35);box-shadow:inset 0 1px 0 0 rgba(192,192,192,0.35)}
#headermenu hr:before,#headermenu hr:after{background:rgba(192,192,192,0.35)}
#intro{background:#000 url(../../../ressources/images/intro.jpg);background-size:cover;background-position:top left;background-repeat:no-repeat}
#one{background:#000 url(../../../ressources/images/one.jpg);background-size:contain;background-position:top left;background-repeat:no-repeat}
#two{background:#000 url(../../../ressources/images/two.jpg);background-size:contain;background-position:top center;background-repeat:no-repeat}
#work{background:#1F1F1F url(../../images/bg.png) repeat top left}
#work .row.images .image{position:relative;top:0;left:0;opacity:1;border:solid 1px #333;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
#work .row.images.inactive .image{opacity:0}
#work .row.images.inactive .image.from-left{left:-14em}
#work .row.images.inactive .image.from-right{left:14em}
#work .row.images.inactive .image.from-top{top:-7em}
#work .row.images.inactive .image.from-bottom{top:7em}
#nav{position:absolute;top:0;left:0;width:100%;text-align:center;padding:1.5em 0;z-index:1;overflow:hidden}
#nav > ul{line-height:0;position:relative;display:inline-block;margin:0;height:21px;border-left:solid 1px rgba(192,192,192,0.35);border-right:solid 1px rgba(192,192,192,0.35)}
#nav > ul:before,#nav > ul:after{content:'';display:block;width:300%;position:absolute;top:50%;margin-top:-2px;height:5px;border-top:solid 1px rgba(192,192,192,0.35);border-bottom:solid 1px rgba(192,192,192,0.35)}
#nav > ul:before{left:100%;margin-left:1px}
#nav > ul:after{right:100%;margin-right:1px}
#nav > ul > li{display:inline-block;margin:-9px .5em 0;border-radius:.5em;padding:.85em;border:solid 1px transparent;-moz-transition:color .35s ease-in-out,border-color .35s ease-in-out;-webkit-transition:color .35s ease-in-out,border-color .35s ease-in-out;-o-transition:color .35s ease-in-out,border-color .35s ease-in-out;-ms-transition:color .35s ease-in-out,border-color .35s ease-in-out;transition:color .35s ease-in-out,border-color .35s ease-in-out}
#nav > ul > li.active{border-color:rgba(192,192,192,0.35)}
#nav > ul > li > a,#nav > ul > li > span{display:block;color:inherit;text-decoration:none;border:0;outline:0}
#nav > ul > li > ul{display:none}
.dropotron{background:rgba(75,75,75,0.9);padding:1em 1.25em;line-height:1em;height:auto;text-align:left;border-radius:.5em;box-shadow:0 .15em .25em 0 rgba(0,0,0,0.25);min-width:12em;margin-top:-1em}
.dropotron li{border-top:solid 1px rgba(128,128,128,0.2);color:#5b5b5b}
.dropotron li:first-child{border-top:0}
.dropotron li:hover{color:#ef8376}
.dropotron li a,.dropotron li span{display:block;border:0;padding:.5em 0;-moz-transition:color .35s ease-in-out;-webkit-transition:color .35s ease-in-out;-o-transition:color .35s ease-in-out;-ms-transition:color .35s ease-in-out;transition:color .35s ease-in-out}
.dropotron.level-0{margin-top:2em;font-size:.9em}
.dropotron.level-0:before{content:'';position:absolute;left:50%;top:-.7em;margin-left:-.75em;border-bottom:solid .75em rgba(255,255,255,0.975);border-left:solid .75em rgba(64,64,64,0);border-right:solid .75em rgba(64,64,64,0)}
#content > hr{top:3em;margin-bottom:6em}
#content > section{margin-bottom:0}
#sidebar{background:#2D2D2D}
#sidebar > hr.first{display:none}
#sidebar > hr{top:3em;margin-bottom:3em}
#sidebar > section{margin-bottom:0}
#footer{position:relative;overflow:hidden;padding:6em 0;background:#2b252c;color:#fff}
#footer .icon.circled{background:#fff;color:#2b252c}
#footer header{text-align:center;cursor:default}
#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{color:#fff}
#footer .contact{text-align:center}
#footer .contact p{text-align:center;margin:0 0 3em}
#footer .copyright{text-align:center;color:rgba(135,128,128,0.75);font-size:.8em;cursor:default}
#footer .copyright a{color:rgba(128,128,128,0.75)}
#footer .copyright a:hover{color:rgba(212,212,212,0.85)}
.carousel{position:relative;overflow:hidden;padding:1em 0;margin-bottom:0}
.carousel .forward,.carousel .backward{position:absolute;top:50%;width:6em;height:12em;margin-top:-6em;cursor:pointer}
.carousel .forward{right:0}
.carousel .backward{left:0}
.carousel .forward:before,.carousel .backward:before{content:'';display:block;width:6em;height:6em;border-radius:100%;background-color:rgba(107,77,00,0.5);position:absolute;top:50%;margin-top:-3em;-moz-transition:background-color .35s ease-in-out;-webkit-transition:background-color .35s ease-in-out;-o-transition:background-color .35s ease-in-out;-ms-transition:background-color .35s ease-in-out;transition:background-color .35s ease-in-out;-webkit-backface-visibility:hidden}
.carousel .forward:after,.carousel .backward:after{content:'';width:3em;height:3em;position:absolute;top:50%;margin:-1.5em 0 0;background:url(images/arrow-carrousel.svg) no-repeat center center}
.carousel .forward:after{right:-.25em}
.carousel .backward:after{left:-.25em;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}
.carousel .forward:before{right:-3em}
.carousel .backward:before{left:-3em}
.carousel .forward:hover:before,.carousel .backward:hover:before{background-color:rgba(255,197,48,0.75)}
.carousel .reel{white-space:nowrap;position:relative;-webkit-overflow-scrolling:touch;padding:0 2em}
.carousel article{display:inline-block;width:18em;background:url(../../images/box-bg.png) repeat top left;text-align:center;padding:0 1em 1em;margin:0 1em 0 0;white-space:normal;opacity:1;-moz-transition:opacity .75s ease-in-out;-webkit-transition:opacity .75s ease-in-out;-o-transition:opacity .75s ease-in-out;-ms-transition:opacity .75s ease-in-out;transition:opacity .75s ease-in-out}
.carousel article.loading{opacity:0}
.carousel article .image{position:relative;left:-1em;top:0;width:auto;margin-right:-2em;margin-bottom:1em}
.carousel article p{text-align:left;text-shadow:none}
.poptrox-popup{background:#1C0920;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;padding-bottom:3em;box-shadow:0 .1em .15em 0 rgba(0,0,0,0.15)}
.poptrox-popup .loader{width:48px;height:48px;background:url(images/loader.gif);position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}
.poptrox-popup .caption{position:absolute;bottom:0;left:0;background:#0a0a0a;width:100%;height:3em;line-height:2.8em;text-align:center;cursor:default;z-index:1;font-size:1em}
.poptrox-popup .nav-next,.poptrox-popup .nav-previous{position:absolute;top:0;width:50%;height:100%;opacity:0;cursor:pointer;background:rgba(0,0,0,0.01);-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.poptrox-popup .nav-next:before,.poptrox-popup .nav-previous:before{content:'';position:absolute;width:96px;height:64px;background:url(images/poptrox-nav.svg);top:-moz-calc(50% - 1.5em);top:-webkit-calc(50% - 1.5em);top:-o-calc(50% - 1.5em);top:-ms-calc(50% - 1.5em);top:calc(50% - 1.5em);margin:-32px 0 0}
.poptrox-popup:hover .nav-next,.poptrox-popup:hover .nav-previous{opacity:.5}
.poptrox-popup:hover .nav-next:hover,.poptrox-popup:hover .nav-previous:hover{opacity:1}
.poptrox-popup .nav-previous:before{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);-ms-filter:FlipH;filter:FlipH}
.poptrox-popup .nav-next{right:0}
.poptrox-popup .nav-next:before{right:0}
.poptrox-popup .nav-previous{left:0}
.poptrox-popup .nav-previous:before{left:0}
.poptrox-popup .closer{position:absolute;top:0;right:0;width:64px;height:64px;text-indent:-9999px;z-index:2;opacity:0;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.poptrox-popup .closer:before{content:'';display:block;position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:100%;box-shadow:inset 0 0 0 2px #fff;background:url(images/poptrox-closer.svg) center center;color:#fff!important}
.poptrox-popup:hover .closer{opacity:.5}
.poptrox-popup:hover .closer:hover{opacity:1}
body.touch .main{background-attachment:scroll!important}
body.touch .poptrox-popup .nav-next,body.touch .poptrox-popup .nav-previous,body.touch .poptrox-popup .closer{opacity:1!important}