/*Reset Meyer*/
html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:87%;font:inherit;vertical-align:baseline;}
/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
@font-face {font-family: 'proxima_novalight';src: url('proximanova-light-webfont.eot');src: url('proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),url('proximanova-light-webfont.woff2') format('woff2'),url('proximanova-light-webfont.woff') format('woff'),url('proximanova-light-webfont.ttf') format('truetype'),url('proximanova-light-webfont.svg#proxima_novalight') format('svg');font-weight: normal;font-style: normal;}
@font-face {
font-family: 'proxima_nova_rgregular';src: url('proximanova-regular-webfont.eot');src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('proximanova-regular-webfont.woff2') format('woff2'),url('proximanova-regular-webfont.woff') format('woff'),url('proximanova-regular-webfont.ttf') format('truetype'),url('proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('proximanova-bold-webfont.eot');
    src: url('proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-bold-webfont.woff2') format('woff2'),
         url('proximanova-bold-webfont.woff') format('woff'),
         url('proximanova-bold-webfont.ttf') format('truetype'),
         url('proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'code_lightregular';
    src: url('code_light-webfont.eot');
    src: url('code_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('code_light-webfont.woff2') format('woff2'),
         url('code_light-webfont.woff') format('woff'),
         url('code_light-webfont.ttf') format('truetype'),
         url('code_light-webfont.svg#code_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'code_boldregular';
    src: url('code_bold-webfont.eot');
    src: url('code_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('code_bold-webfont.woff2') format('woff2'),
         url('code_bold-webfont.woff') format('woff'),
         url('code_bold-webfont.ttf') format('truetype'),
         url('code_bold-webfont.svg#code_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p{padding:10px 0;text-align:justify;}
a{text-decoration:none;color:#000;}
img{width:100%;height:auto;max-width:100%;}
*{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin:0;}
.clear{width:100%;clear:both;}
h1, .news-block h2{font-family: 'code_boldregular';font-size:2em;text-transform:uppercase;}
h1{width:100%;text-align:center;margin:0 0 6% 0;}
h2{font-family: 'code_boldregular';font-size:1.5em;text-transform:uppercase;}
h3{font-family: 'code_boldregular';font-size:1em;}
body{background:#efefed;font-family: 'proxima_novalight';}
body.front{background:#000;}
.submitted{display:none;}
.error{width:50%;margin:0 auto!important;}

#header{background:url(../images/bg-black-80.png);padding:1% 2%;position:fixed;top:0;z-index:99;width:98%;}
#header #logo{float:left;position:relative;}
#header #logo img{display:table;}
/*#header .responsive-menu{float:right;width:auto;}*/
/*#header li{list-style-type:none;display:inline;}*/
#header li a{color:#fff;text-transform:uppercase;padding:2%;font-family: 'code_boldregular';letter-spacing:1px;}
#header li a:hover{border-bottom:1px solid #efefed;}
#main-menu, #menu-main-menu-not-front{top:40%;}
@media screen and (min-width: 1152px) and (min-device-width: 1152px) {
#header #logo{z-index:99;}
#main-menu, #menu-main-menu-not-front{position:absolute;text-align:right;top:20%;right:5%;}
#main-menu li, #menu-main-menu-not-front li{display:inline-block;margin:0 10px 0 10px;}
#header li a{border-bottom:1px solid #222;}

}
/*Front*/
.node-type-home-push #main{position:relative;}
.node-type-home-push #main .field-type-link-field{color:#efefed;background:#eb232e/*url(../images/bg-black-80.png)*/;padding:1%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align:center;-webkit-box-shadow: 0px 0px 44px -5px rgba(0,0,0,0.75);margin:0 auto;-moz-box-shadow: 0px 0px 44px -5px rgba(0,0,0,0.75);box-shadow: 0px 0px 44px -5px rgba(0,0,0,0.75);}
.node-type-home-push #main .field-type-link-field:hover{background:#d2222b;}
.node-type-home-push #main .field-type-link-field a{color:#efefed;font-size:1.2em;text-align:center;}
.node-type-home-push #main .field-name-field-titre-1{position:absolute;top:32%;left:40%;}
.node-type-home-push #main .field-name-field-titre-2{position:absolute;top:32%;left:10%;}
.node-type-home-push #main .field-name-body{position:absolute;top:5%;width:50%;left:25%;text-align:center;}
.node-type-home-push #main .field-name-body iframe{background:#000;display:block;-webkit-box-shadow: 0px 0px 44px -5px rgba(0,0,0,0.75);margin:0 auto;-moz-box-shadow: 0px 0px 44px -5px rgba(0,0,0,0.75);box-shadow: 0px 0px 44px -5px rgba(0,0,0,0.75);}




/*Social Block*/
.front .social-block{width:96%;padding:2%;background:#000;color:#efefed;text-align:center;}
.node-type-webform .social-block{width:100%;text-align:center;margin:2% auto 0 auto;}
.social-block img{vertical-align:middle;}
.social-block a{display:inline-block;padding:0 0 0 1%;}

/*News Block*/
.news-block{position:relative;overflow:hidden;padding:5% 0 0 5%;}
.news-block .news-image{position:absolute;top:0;left:0;z-index:-1;}
.news-block iframe{margin:5% auto 0 auto;width:500px;display:block;background:#fff;border:none;overflow:hidden;height:600px;}



/*Not Front*/
.not-front #main-wrapper{margin:9.5% 0 0 0;}

/*Team*/
/*.node-type-page-statique h1, .page-prestations h1, .node-type-membre-team h1, .node-type-prestation h1, .page-references h1, .page-experiment h1{width:100%;text-align:center;margin:0 0 6% 0;}*/
.view-histoire h2{text-transform:none;color:#efefed;width:100%;text-align:center;}
.view-histoire .view-content{margin:5% 0 5% 0;color:#efefed;}
.view-histoire .view-footer img{position:fixed;top:0;z-index:-1;}

.team-member-block{width:100%;background:#efefed;padding-top:5%;}
.team-member-block .views-row{background:#fff;}
.team-member-block .views-row h2{margin:0 0 5% 0;}
.team-member-block .views-row .team-image img{display:table;}
.team-member-block .views-row-odd .team-image{width:50%;float:left;position:relative;}
.team-member-block .views-row-odd .team-accroche{width:46%;float:left;padding:2%;text-align:justify;line-height:1.5em;}
.team-member-block .views-row-even .team-image{width:50%;float:right;position:relative;}
.team-member-block .views-row-even .team-accroche{width:46%;float:left;padding:2%;text-align:justify;line-height:1.5em;}

ul.flippy{list-style-type:none;position:absolute;top:13%;right:1%;}
ul.flippy .empty{opacity:0;}
ul.flippy img, .close img{max-width:35px;}
.close{list-style-type:none;position:absolute;top:22%;right:1%;}

.node-type-membre-team img{display:table;}
.node-type-membre-team #block-system-main{width:100%;clear:both;}
.node-type-membre-team .field-name-field-image-2{width:50%;float:left;}
.node-type-membre-team .field-name-body{width:46%;padding:2%;float:left;background:#fff;}
.node-type-membre-team iframe{width:100%;margin:2% 0;}


/*Prestations*/
.page-prestations h1{margin:0 0 3% 0;}
.view-id-prestations .views-row{width:50%;float:left;position:relative;background:rgba(0,0,0,1);}
.view-id-prestations .views-row .team-image img, .view-id-prestations .views-row .team-image h2,  .view-id-prestations .views-row .team-image section{opacity:0.5;}
.view-id-prestations .views-row:hover .team-image img{opacity:1;}
.view-id-prestations .views-row:hover .team-image h2{opacity:1;}
.view-id-prestations .views-row:hover .team-image section{opacity:1;}
.view-id-prestations .views-row h2{color:#fff;text-transform:none;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;height:15%;width:90%;text-align:center;font-size:2em;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.view-id-prestations .views-row section{color:#fff;text-transform:none;margin: auto;position: absolute;top:20%; left: 0; bottom: 0; right: 0;height:5%;width:75%;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);text-align:center;}
.view-id-prestations .views-row img{display:table;}
.views-exposed-form{width:90%;margin:0 5%;}
.bef-checkboxes{text-align:center;margin:0 0 5% 0;}
.views-exposed-form .form-type-bef-checkbox{cursor:pointer;display:inline-block;margin:1%;background:#222;color:#efefed;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:1% 2%;}
.views-exposed-form .form-type-bef-checkbox:hover{background:#fff;color:#222;}
.views-exposed-form .form-type-bef-checkbox label, .views-exposed-form .form-type-bef-checkbox input{cursor:pointer;}
.views-exposed-form .views-exposed-widget{width:100%;float:none;padding:0;}

.view-id-prestations .view-header{margin:0 auto 3% auto;width:60%;}
.view-id-prestations  .view-header p{text-align:justify;}

.node-type-prestation img{display:table;}
.node-type-prestation #block-system-main{width:100%;clear:both;}
.node-type-prestation .field-name-field-image-2{width:50%;float:left;}
.node-type-prestation .field-name-body{width:46%;padding:2%;float:left;background:#fff;}
.node-type-prestation iframe{width:100%;margin:2% 0;}

/*References*/
.page-references{}
.view-references{position:relative;}
.view-references .view-content{width:90%;margin:5% auto 0 auto;text-align:center;}
.view-references .view-content .views-row{display:inline-block;margin:1%;width:15%;}
.view-references .view-footer{position:fixed;width:100%;top:0;z-index:-1;}

/*Experiment*/
.view-id-experiment .views-row{width:50%;float:left;position:relative;background:rgba(0,0,0,1);}
.view-id-experiment .views-row .team-image img, .view-id-experiment .views-row .team-image h2, .view-id-experiment .views-row section{opacity:0.5;}
.view-id-experiment .views-row:hover .team-image img{opacity:1;}
.view-id-experiment .views-row:hover .team-image h2{opacity:1;}
.view-id-experiment .views-row h2{color:#fff;text-transform:none;margin: auto;text-align:center;font-size:2em;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.view-id-experiment .views-row img{display:table;}
.view-id-experiment .views-row section{color:#fff;text-transform:none;margin: auto;position: absolute;top:10%; left: 0; bottom: 0; right: 0;height:20%;width:85%;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);text-align:center;}
.view-id-experiment .views-row:hover .team-image section{opacity:1;}
.view-id-experiment  .view-header{margin:0 auto 3% auto;width:60%;}

.node-type-experiment img{display:table;}
.node-type-experiment #block-system-main{width:100%;clear:both;}
.node-type-experiment .field-name-field-image-2{width:50%;float:left;}
.node-type-experiment .field-name-body{width:46%;padding:2%;float:left;background:#fff;}
.node-type-experiment iframe{width:100%;margin:2% 0;}

/*Webform*/
.node-type-webform .field-name-body img{position:fixed;top:0;z-index:-1;}
.node-type-webform .webform-client-form{width:50%;margin:10% auto 10% auto;}
.node-type-webform label{padding:2%;}
.node-type-webform input[type='email'], .node-type-webform input[type='text']{width:96%;}
.node-type-webform input, .node-type-webform textarea{-webkit-appearance: none;font-size:1em;font-family: 'proxima_novalight';-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:0;padding:2%;}
.node-type-webform input[type="submit"]{background:#eb232e;color:#efefed;float:right;cursor:pointer;}
.node-type-webform .webform-confirmation{color:#efefed;background:#eb232e;padding:2%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:50%;margin:10% auto 0 auto;}
.node-type-webform #main-wrapper .links{display:none;}

/*Mentions légales*/
.page-node-39 #block-system-main, .page-node-45 #block-system-main{width:50%;margin:0 auto;}

/*Footer*/
#footer{background:#000;width:100%;color:#efefed;font-size:0.9em;}
*{margin: 0;}
html, body{height: 100%;}
#page-wrapper{min-height: 100%;margin-bottom: -60px;}
#page-wrapper:after{content: "";display: block;}
#footer, #page-wrapper:after{height:60px;}
#footer .region-footer{padding:20px;}
#footer p{margin:0;padding:0;}
#footer a{color:#fff;}
#footer .column1{width:50%;float:left;}
#footer .column1 ul li{list-style-type:none;}
#footer .column2{width:50%;float:right;}
#footer .column2 ul{float:right;}
#footer .column2 ul > li:first-of-type{padding:0 50px 0 0;}
#footer .column2 ul li{float:left;list-style-type:none;}

/*Block Language*/
#block-locale-language{position:fixed;top:100px;left:0;z-index:98;}
#block-locale-language ul li{list-style-type:none;text-transform:uppercase;min-width:2Opx;display:block;margin:10px 0 0 0;}
#block-locale-language ul li:hover a{min-width:50px;}
#block-locale-language ul li a{font-family: 'code_boldregular';letter-spacing:1px;color:#efefed;background:url(../images/bg-black-80.png);text-align:right;width:100%;display:block;padding:5px;}

@media all and (max-width: 1152px) and (max-device-width: 1152px) and (orientation : landscape), (min-device-width: 1152px) and (max-width: 1152px) and (orientation : landscape) {
	
.node-type-home-push #main .field-name-body{top:7%;}
.not-front #main-wrapper{margin:15% 0 0 0;}	

/*Team*/
.view-histoire .view-footer img{top:30%;}

/*Prestations*/
.view-id-prestations .views-row .team-image h2,  .view-id-prestations .views-row .team-image section{opacity:1;}
.view-id-prestations .view-header{margin:0 auto 3% auto;width:80%;}
.view-id-experiment .views-row, .view-id-prestations .views-row{width:100%;float:left;position:relative;background:rgba(0,0,0,1);}


/*Block Language*/
#block-locale-language{position:absolute;top:6.5%;left:0;z-index:98;}

/*Webform*/
.node-webform{margin:0 0 15% 0;}

}

@media all and (max-width: 1152px) and (max-device-width: 1152px) and (orientation : portrait), (min-device-width: 1152px) and (max-width: 1152px) and (orientation : portrait) {
	
.node-type-home-push #main .field-name-body{top:7%;}
.not-front #main-wrapper{margin:15% 0 0 0;}	

/*Team*/
.view-histoire .view-footer img{top:20%;}

/*Prestations*/
.view-id-prestations .views-row .team-image h2,  .view-id-prestations .views-row .team-image section{opacity:1;}
.view-id-prestations .view-header{margin:0 auto 3% auto;width:80%;}
.view-id-experiment .views-row, .view-id-prestations .views-row{width:100%;float:left;position:relative;background:rgba(0,0,0,1);}


/*Block Language*/
#block-locale-language{position:absolute;top:10%;left:0;z-index:98;}

/*Close button*/
.close{list-style-type:none;position:absolute;top:16%;right:1%;}
}


/*Maintenance page*/
body.maintenance-page{background:#000;}
.mtn-wrapper{width:960px;margin:5% auto 0 auto;}
.soon{color:#efefed;text-align:center;margin: 5% auto 0 auto;}
.mtn-fb{width:auto;}
.mtn-fb iframe{margin: 5% auto 0 auto;
width: 500px;
display: block;
background: #fff;
border: none;
overflow: hidden;
width: 700px;
height: 600px;}

ul.flippy{top:9%;}
.view-references .view-footer{width:200%;left: -100px;}


/*ToDelete
#admin-menu-wrapper, .tabs, #messages{display:none!important;}*/
.page-node-4 h1, .page-node-47 h1{margin-bottom:0;}
#node-4, #node-47{margin-bottom:6%;}
#node-4 span, #node-47 p{text-transform:uppercase;}
.page-node-4 #main-wrapper , .page-node-47 #main-wrapper {margin-top:10%;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-node-191 #block-webform-client-block-37 h2{margin:5% auto auto auto;text-align:center;}
.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
a.question{cursor:help;}

/*Double Home*/
#node-1, #block-block-9, #node-184, #block-block-9, #block-block-10{position:relative;}
#block-block-9, #block-block-10{margin-top:-5%;}
.embed2{position: absolute;
    top: 5%;
    width: 50%;
    left: 25%;
    text-align: center;padding-top:15%;}
.node-type-home-push #main .field-name-body{padding-top:10%;}
.node-type-home-push #main .field-type-link-field a{width:100%;display:block;}