@charset "utf-8";
/* CSS Document */

@font-face {

     font-family: 'CenturyStd-BookCondensed';
  src: url('../fonts/CenturyStd-BookCondensed.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyStd-BookCondensed.otf')  format('opentype'),
	     url('../fonts/CenturyStd-BookCondensed.woff') format('woff'), url('../fonts/CenturyStd-BookCondensed.ttf')  format('truetype'), url('../fonts/CenturyStd-BookCondensed.svg#CenturyStd-BookCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'CenturyStd-BookCondensed';
  src: url('../fonts/CenturyStd-BookCondensedIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyStd-BookCondensedIt.otf')  format('opentype'),
	     url('../fonts/CenturyStd-BookCondensedIt.woff') format('woff'), url('../fonts/CenturyStd-BookCondensedIt.ttf')  format('truetype'), url('../fonts/CenturyStd-BookCondensedIt.svg#CenturyStd-BookCondensedIt') format('svg');
  font-weight: normal;
  font-style: italic;
}


@font-face {
  font-family: 'CenturyStd-BookCondensed';
  src: url('../fonts/CenturyStd-LightCondensed.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyStd-LightCondensed.otf')  format('opentype'),
	     url('../fonts/CenturyStd-LightCondensed.woff') format('woff'), url('../fonts/CenturyStd-LightCondensed.ttf')  format('truetype'), url('../fonts/CenturyStd-LightCondensed.svg#CenturyStd-LightCondensed') format('svg');
  font-weight: 100;
  font-style: normal;
}


.no-large { display:none;}
body { margin:0; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif; font-weight:300; background:#F1F3F2; font-size:15px; color:#414244; line-height:150%;}
a { cursor:pointer; color:#db1601; text-decoration:underline;}
a.anchor { position:absolute; margin-top:-30px;}
a:hover { color:#db1601; text-decoration:none;}
strong { font-weight:600;}

.clear { clear:both;}
section.block { margin:0; padding:0; position:relative; overflow:hidden;}
div.center { padding:40px; margin:0 auto; max-width:1180px;}
div.center.medium { max-width:940px;}
div.center.small { max-width:780px;}


p.nextSection { margin:30px 0 30px 0; text-align:center;}
p.nextSection a { display:inline-block; transition:color 0.2s; color:#999; color:rgba(0,0,0,0.5); text-decoration:none; text-transform:uppercase; font-size:14px; font-weight:100; line-height:120%; padding-bottom:35px; background:no-repeat center bottom url(../images/arrow.png);  }
p.nextSection a:hover { color:#000;}

#menu { height:60px;line-height:60px; position:absolute; width:100%; left:0; bottom:0; background:#db1601; z-index:20;}
#menu a { float:left;}
#menu a#accueil { background:url(../images/logo-menu.png) no-repeat center center; background-size:contain; text-indent:-500px; overflow:hidden; width:120px;}
#menu.fixed { position:fixed; top:0; bottom:auto;}
#menu .center { padding-top:0; padding-bottom:0; }

#menu ul { float:right; list-style:none; margin:0; padding:0;}
#menu li { float:left;}
#menu.toBottom  li .list a  { bottom:auto; top:100%;}
#menu li a , #menu li .list { display:block; font-weight:100; color:#FFF; text-transform:uppercase; font-size:13px; text-decoration:none; padding:0 15px; transition:background-color 0.2s, color 0.2s;}
#menu li .list { cursor:default; position:relative; padding-right:30px; background-image:url(../images/arrow-lang.png); background-repeat:no-repeat; background-position:right center;}
#menu li .list a { display:none; background:#FFF; color:#db1601; position:absolute; width:100%; bottom:100%; padding:0; text-indent:15px; left:0; box-shadow:0 0 3px rgba(0,0,0,0.15); }
#menu li .list:hover a { display:block;}
#menu li .list a:hover { background:#F5F5F5;}
#menu li a:hover , #menu li a.actif , #menu li .list:hover { background-color:#FFF; color:#db1601;}

.century {  font-family:"CenturyStd-BookCondensed", Georgia, "Times New Roman", Times, serif; letter-spacing:0.025em; font-weight:normal; }

h2 { font-size:50px; margin:0 0 30px 0; text-align:center; text-transform:uppercase; line-height:110%; color:#000;}
h3 { font-size:16px; margin:30px auto 50px auto; text-align:center; max-width:740px; line-height:130%;}
.quote { font-size:20px; line-height:130%; color:#db1601;}


#home { display:block; background:url(../images/bg-home.png) no-repeat center -30px; background-size:contain; position:relative;  }
#home .pannel { position:absolute; width:100%; top:50%; transform:translate(0,-50%); margin-top:-50px; }
#home h1 { background:url(../images/logo-home.png) no-repeat 0 0; overflow:hidden; text-indent:-5000px; width:170px; height:85px; background-size:contain; margin:0 0 30px 0;}

#home .follow { height:30px; line-height:30px; text-align:right; margin:20px 0 0 0; color:rgba(0,0,0,0.6);}

#home .col { float:left; position:relative; }
#home .col-40 { width:39%;}
#home .col-20 { width:22%;}
#home .col .marge { display:block; padding:1%; clear:both;}
#home .col.col-20 .marge  { padding:2%;}
#home .col .col .marge { padding:2%;}
#home .col .col { width:50%;}
#home .col .marge.big .block { padding:31.5% 0;}
#home .col .col .marge.big .block { padding:64% 0;}
#home .col .block { background:#FFF; display:block;  position:relative; padding:23% 0; transition:box-shadow 0.1s, transform 0.1s; overflow:hidden; 
/*transform:scale(1.008,1.008) perspective(600px) rotateY(-.1deg);*/ backface-visibility:hidden; text-decoration:none;}
#home .col .block.square { padding:49% 0;}

#home .col .block:hover {box-shadow:0 0 15px 3px rgba(0,0,0,0.2);z-index:5;}
#home .col.col-40 .block:hover {  transform:scale(1.12,1.12) perspective(550px) rotateY(3deg);   }
#home .col.col-40.right .block:hover {  transform:scale(1.12,1.12) perspective(550px) rotateY(-3deg);   }
#home .col.col-20 .block:hover {  transform:scale(1.12,1.12) perspective(550px) rotateY(-.05deg) ;  }

#home .col .block .text em { font-style:normal;}
#home .col .block .text span.bg { display:block; padding:17% 0; margin:10px 0; background:no-repeat 0 center; background-size:contain;}
#home .col .block .text { left:25px; bottom:25px; padding-right:25px; width:calc(100% - 50px); position:absolute; font-size:16px; line-height:110%; text-shadow:0 0 2px rgba(0,0,0,0.1);}
#home .col .block .text strong { display:block; font-size:230%; line-height:90%; margin-bottom:7px; font-weight:400;}
#home .col .block .text strong span.small { font-size:75% !important; line-height:90%;}
#home .col .block .text strong span { display:block;}

#home .col .block#home-video { background:#BBB url(../images/bg-video.jpg) no-repeat center center; background-size:cover; }
#home .col .block#home-video .text { color:#FFF;  text-shadow:0 0 1px rgba(0,0,0,0.4);}

#home .col .block#home-vision { background:#db1601; background: linear-gradient(155.5deg, #db1601 0%,#ff503d 50%,#db1601 50%,#db1601 100%);  }
#home .col .block#home-vision .text {  color:#FFF;}

#home .col .block#home-expertise { background:#212121; background-size:cover; }
#home .col .block#home-expertise .text {  color:#DDD;}
#home .col .block#home-expertise .text strong span {  color:#FFF;}
#home .col .block#home-expertise .text span.bg { background-image:url(../images/expertise.png); }

#home .col .block#home-inkubateur { background:#db1601;
background: linear-gradient(128deg, #db1601 0%,#ff503d 50%,#db1601 50%,#db1601 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#home .col .block#home-inkubateur .text {  color:#FFF; }
#home .col .block#home-inkubateur .text strong span { font-size:90%;}
#home .col .block#home-inkubateur .text span.bg { background-image:url(../images/inkubateur.png); }

#home .col .block#home-equipe { background:#FFF no-repeat center center; background-size:cover; color:#000; }
#home .col .block#home-equipe .text strong span {  color:#db1601;}

#home .col .block#home-go .text strong span {  color:#db1601;}
#home .col .block#home-go .text span.bg { background-image:url(../images/trombonnes.png);}

#home .col .block#home-blog { background:#212121 url(../images/bg-blog.jpg) no-repeat center center; background-size:cover;}
#home .col .block#home-blog .text {  color:#FFF; }
#home .col .block#home-blog .text strong span {  color:#cc1632;}

#vision { background:#FFF no-repeat center 0 url(../images/bg-vision.png); background-size:contain;}
#vision .center { padding-top:8%; margin-top:10px;}
#vision h2 { color:#db1601;}


#expertise { background:no-repeat right 0 url(../images/bg-expertise.png); background-size:contain; }
#expertise .center { padding-top:5%; margin-top:10px;}

#expertise h4 { font-size:43px; color:#bcbec0; margin:0 0 -3px 0;}
#expertise .cols { text-align:center;}
#expertise .cols .col-33 { margin:0.6% 0; padding:5px 0;}
#expertise .cols p strong { font-size:18px; color:#000; display:block;}
#expertise .cols p a { font-weight:100;}

#expertise .cols .col-33:nth-child(3n+1) { clear:left;}
#go .cols .col-33:nth-child(3n+1) { clear:left;}

#contact { background:no-repeat right 0 url(../images/bg-contact.png); background-size:contain; }
#contact .center { padding-top:5%; margin-top:10px;}

#contact p .logo { background:url(../images/logo-footer.png) no-repeat center 0; height:105px; display:block;}
#contact p { text-align:center; color:#888;}
#contact p strong { font-weight:normal; color:#000;}

#map { border:5px solid #FFF; box-shadow:0 0 15px rgba(0,0,0,0.15); padding:6.5% 0; height:150px; margin:40px 0; background:#F1F2F3; }


.pin {
	height: 54px;
	width: 43px;
	background: url(../images/pin.png) no-repeat center center;
	position: relative;
}

#map.zoomed { position:fixed !important; left:2% !important; width:96% !important; top:2% !important; height:96% !important; z-index:500; padding:0; box-shadow:0 0 0 100px rgba(0,0,0,0.8); margin:-5px;}
#map .expend { position:absolute; right:10px; top:10px; width:36px; height:36px; background:#FFF no-repeat center center url(../images/zoom.png); z-index:10;box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 2px;}
#map .expend:hover {background-color: #f4f4f4; }

#equipe { background:#FFF no-repeat 0 0 url(../images/bg-equipe.png); background-size:contain;}
#equipe .center { padding-top:5.5%; margin-top:10px;}
#equipe h2 { color:#db1601;}

#expertise .col-33 em { display:block; line-height:20px; margin:2px 0; height:40px; overflow:hidden; font-style:normal;}

#inkubateur { background:no-repeat right 0 url(../images/bg-inkubateur.png); background-size:contain; }
#inkubateur .center { padding-top:7%; margin-top:10px;}

#team-detail { background:#FFF no-repeat right 5px url(../images/bg-popup.png); background-size:contain;}
#team-detail .center { padding-top:8%; margin-top:10px;}
#team-detail h2 { color:#db1601; margin-bottom:0;}
#team-detail h3 { color:#000; margin:5px auto; color:#000; font-size:16px; text-transform:uppercase; text-align:center;}

#go { background:#FFF no-repeat 0 0 url(../images/bg-go.png);}
#go .center { padding-top:8%; margin-top:10px;}
#go h2 { color:#db1601;}

#expertise-detail { background:#F1F2F3 no-repeat right 25px url(../images/bg-expertise.png); background-size:contain;}
#expertise-detail .center { padding-top:8%; margin-top:10px;}
#expertise-detail h2 { color:#000; margin-bottom:0;}
#expertise-detail h3 { margin:5px auto; color:#444; font-size:16px; text-transform:uppercase; text-align:center;}


.cols { margin:0 -25px; position:relative; z-index:1; clear:both; }

.cols .col-33 { float:left; width:33.333333%;}
.cols .col-33 p { margin:15px 25px;}

.cols .col-33.file p { margin:25px 25px 10px 25px; background:url(../images/trombonne.png) no-repeat 0 0; padding:2px 0 2px 40px}
.cols .col-33.file { line-height:130%;}
.cols .col-33.file strong { font-weight:700; color:#000; font-size:16px;}
.cols .col-33.file a { font-weight:300;}


.cols .col-25 { float:left; width:25%; text-align:center;}
.cols .col-25 img { max-height:180px; max-width:100%; width:auto; height:auto;}
.cols .col-25 h3 { margin:10px 10px 0 10px; color:#000;}
.cols .col-25 p { margin:0;}
.cols .col-25 p.specialite { margin:0 10px 10px 15px; min-height:40px; font-size:14px; line-height:20px;}

.cols ul { margin:15px 25px 15px 25px; padding:0;}
.cols li { margin:0 0 30px 20px; }
.slide { position:relative;}
.slide .cols { transform:scale(0.9,0.9) perspective(700px) rotateX(-15deg); transition:transform 0.6s, opacity 0.8s; opacity:0; }
.slide .cols.actif { z-index:5;transform:scale(1,1) perspective(700px) rotateX(0deg); opacity:1;}

.slideNav { margin:50px 0; height:10px; line-height:10px; text-align:center;}
.slideNav a { display:inline-block; height:10px; width:10px; margin:0 10px; background:#E2E2E2; border-radius:5px;  transition:background-color 0.2s;}
.slideNav a:hover { background:#666;}
.slideNav a.actif { background:#db1601; cursor:default;}


#popup { position:absolute; left:0; top:0; width:100%; background:#FFF no-repeat center center; min-height:100%; z-index:50;}
#popup.expertise { background-color:#F1F2F3;}
#popup.load { background-image:url(../images/load.gif)}





#popup h4 { color:#000;}
#popup .col-left { float:left; width:62%; margin-top:50px; margin-bottom:30px;}
#popup .col-right { float:right; width:38%; margin-top:50px; text-align:center; margin-bottom:30px;}
#popup .col-left .wrap { margin-right:50px;}
#popup .col-right .wrap { padding:10px 20px 20px 20px; }
#popup .col-right h4 { color:#000; text-align:left; text-transform:uppercase;  margin:10px 0; font-size:14px; margin-left:3px;}
#popup .col-right a { float:left; width:33.333333333%;}
#popup .col-right a .wrap { display:block; margin:3px; padding:52% 0; border:5px solid #FFF; position:relative; box-shadow:0 0 3px rgba(0,0,0,0.2); background:no-repeat center center; background-size:cover !important; }
#popup .col-right a strong { position:absolute; bottom:0; width:100%; left:0; background:rgba(0,0,0,0.3); color:#FFF;}
#popup .col-right a strong span { display:block; padding:8px 5px; transition:padding 0.1s, background 0.1s; line-height:110%; font-size:13px; font-weight:600;}
#popup .col-right a:hover strong span { padding:25px 5px; background:rgba(0,0,0,0.6);}

#popUpBar { background:#db1601; height:60px; width:100%; left:0; top:0; position:fixed; line-height:60px; z-index:50;}
#popUpBar .center { padding-top:0; padding-bottom:0;}
#popUpBar a { float:right; color:#FFF; opacity:0.8; text-decoration:none; height:60px; padding-right:50px; background:no-repeat center right url(../images/close.png); transition:opacity 0.15s; text-transform:uppercase; font-size:13px;}
#popUpBar a:hover { opacity:1;}

#biographie { position:relative; padding-left:350px; text-align:left; color:#000; margin-top:90px;}
#biographie h3 { text-align:left; margin:0; font-size:18px;  text-transform:none;}
#biographie h4 , #biographie h5 { font-size:16px; margin:0;}
#biographie h4 {color:#db1601; }
#biographie  p { font-size:14px;}
#biographie img { position:absolute; left:0;}

#team-nav { text-align:center; margin:60px 0 70px 0;}
#team-nav a { font-size:14px; text-transform:uppercase; color:#AAA; display:inline-block; margin:0 20px; text-decoration:none; font-weight:300;}
#team-nav a.actif { font-weight:normal; text-decoration:underline; color:#db1601;}
#team-nav a:hover { text-decoration:underline;}

p.follow { line-height:30px;}
a.social { display:inline-block; height:30px; width:34px; line-height:30px; background:no-repeat center 40%; opacity:0.45; text-decoration:none;  text-indent:-5000px; transition:opacity 0.25s;}
a.social:hover { opacity:1;}

a.social.twitter { background-image:url(../images/social-twitter.png)}
a.social.facebook { background-image:url(../images/social-fb.png)}
a.social.linkedin { background-image:url(../images/social-linkedin.png)}


#overAllVideo { width:100%; position:fixed; z-index:500; background:#000; height:100%; left:0; top:0;}
#videoBox { position:fixed; top:50%; left:0; width:100%; z-index:501;}
#videoBox iframe { background:#000; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:0 0 20px rgba(0,0,0,0.3);}
#videoBox div { margin:0 auto; max-width:1000px; padding:0 50px; position:relative;}
#videoBox  div div.wrap { padding:28% 0; position:relative; background:#000; width:100%;}
#videoBox a { height:20px; line-height:20px; right:2px; top:-30px; color:#FFF; text-decoration:none; padding-right:25px; background:url(../images/close-small.png) no-repeat right center;  position:absolute;}

#menuToogle { margin-top:0; margin-bottom:0; position:relative; padding-top:0; padding-bottom:0;}

a.navSlide { position:absolute; height:100%; width:60px; background:no-repeat center center; top:0; margin:0 30px;}
a.navSlide.prevSlide { right:100%; background-image:url(../images/prev.png)}
a.navSlide.nextSlide { left:100%; background-image:url(../images/next.png)}

a.navSlide.prevSlide:hover { background-image:url(../images/prev-hover.png)}
a.navSlide.nextSlide:hover { background-image:url(../images/next-hover.png)}

#footer { background:#FFF; text-align:center; font-size:13px; color:#666;}
#footer .center { margin:0 auto !important; padding:30px 25px !important; font-weight:300;}
#footer .center a { color:#666;}

#topButton { text-transform:uppercase; background:#db1601 url(../images/arrow-top.png) no-repeat center 12px; position:fixed; bottom:25px; right:25px; padding:55px 12px 12px 12px; color:#FFF; text-decoration:none; font-size:11px; z-index:20; text-align:center; line-height:14px; font-weight:300; display:none;}