*{margin:0; padding:0; line-height:1; }
:focus{outline:0; }
ol, ul{	list-style: none;}
div{ box-sizing:border-box; }
.clear{ clear:both;}
.cfix:after{ clear: both; content: "."; display: block; height: 0; line-height: 0;  visibility: hidden; }
img a{ border:none; }

ul.listing 	{ list-style:none; position:relative;  }
ul.listing li{ background:url(../images/icn-check.svg) left 4px no-repeat; list-style:none; padding-left:30px; margin:18px 0; font-size:18px; font-weight:300; line-height:1.4; position:relative; }

body{ background:#fff; font-family:'Roboto', sans-serif; color:#484848; font-size:14px; font-weight:400; }
h1,h2,h3,h4{ font-weight:700; }
.underline{ text-decoration:underline; }
a{ color:inherit; text-decoration:none; transition:all 0.3s ease; }
a:hover{ opacity:0.7; }
::selection	{ background:#ed2325; color:#fff; }
::-moz-selection { background:#ed2325; color:#fff; }
.inner{ margin:0 auto; position:relative; width:1200px; }
.inner-home{ width:1180px; }
.inner:after, .row:after{ clear: both; content: "."; display: block; height: 0; line-height: 0;  visibility: hidden; }
.strong{ font-weight:700; }
.em{ font-style:italic; }
@media only screen and (max-width:1239px) {
	.inner{ width:auto; padding:0 20px; }
	.inner.inner-home{ width:auto; padding:0 20px 20px 20px; }
}

#home{ background:url(../images/intro-bg-home.jpg) center top no-repeat; background-size:cover; min-height:100%; padding:40px 0; position:relative; text-align:center; box-sizing:border-box;}
#home .lang{ font-weight:900; color:#fff; }
#home .lang a{ font-weight:300; }
#home .home-logo{ padding:60px 0; }
#home .logo{ display:block; margin:0 auto; width:80%; max-width:320px; }
#home .block-intro{ width:570px; height:425px; padding:60px; }
#home .block-intro h2{ color:#fff; font-size:46px; line-height:1.2; text-transform:uppercase; padding:50px 0; }
#home .block-intro a{ display:block; background:#fff; font-size:18px; font-weight:700; text-transform:uppercase; padding:14px; margin:0 auto; max-width:232px; box-sizing:border-box; color:#262626; } 
#home #b-ent{ background:url(../images/bg-intro-01.jpg) center top no-repeat; background-size:cover; float:right; }
#home #b-ing{ background:url(../images/bg-intro-02.jpg) center top no-repeat; background-size:cover; float:left; }
@media only screen and (max-width:1239px) {
	#home .block-intro{ width:48%; height:auto; }
}
@media only screen and (max-width:1019px) {
	#home .block-intro h2{ font-size:30px; padding:30px 0; }
}
@media only screen and (max-width:779px) {
	#home .home-logo{ padding:20px 0; }
	#home .block-intro{ padding:40px 20px; margin:20px 0; width:100%; }
	#home #b-ent{ float:none; }
	#home #b-ing{ float:none; }
	#home .block-intro h2{ font-size:24px; padding:30px 0; }
	#home .block-intro a{ font-size:15px; }
}

#top-bar{ background:url(../images/bg-top-bar.png) center center repeat-y #f7f7f7;  position:fixed; top:0; width:100%; z-index:99; }
#email{ background:url(../images/icn-mail.svg) left center no-repeat; float:left; font-size:13px; display:inline-block; padding:12px 0 12px 24px; }
#top-nav{ color:#fff; float:right; background:url(../images/top-div.png) left center no-repeat #f12122; padding:12px 0 12px 210px; text-transform:uppercase; }
#top-nav>span{padding:0 18px; display:inline-block; }
#top-nav .lang { float:right; margin-left:48px; font-weight:900}
#top-nav .lang a { font-weight:300}
#header{ background:url(../images/intro-bg-entrepreneur.jpg) center top no-repeat; background-size:cover; height:690px; text-align:center; }
#header.ing{ background:url(../images/intro-bg-ingenierie.jpg) center top no-repeat; }
#header .logo{ margin:160px 0 80px; display:inline-block; }
#header.ing .logo{ margin:200px 0 80px; display:inline-block; }
#header .slogan{ display:inline-block; background:#f5f5f5; color:#f12122; font-size:36px; font-weight:900; padding:20px 40px; text-transform:uppercase; }
#header .slogan>span{ font-weight:300; }

#objectif .left{ background:url(../images/bg-objectif.png) right bottom no-repeat #f5f5f5; float:left; min-height:622px; min-width:400px; width:36%; padding-right:100px; padding-top:34px; }
#objectif .left h2{ color:#f12122; font-size:30px; display:inline-block; float:right; padding:34px 14px; border:4px solid #f12122; text-align:right; text-transform:uppercase; } 
#objectif .left h2>span{ font-size:40px; font-weight:900; }
#objectif .right{ background:#fff; float:right; width:64%; }
#objectif .inner-left{ background:#fff; float:left; width:474px; height:311px; }
#objectif .inner-left.sf{ background:url(../images/sf.jpg) center center no-repeat; position:relative; }
#objectif .inner-left.sf:after{ background:url(../images/arrow-left.png) center center no-repeat; content:" "; display:block; width:14px; height:28px; position:absolute; top:50%; right:0; margin-top:-12px; }
#objectif .inner-right{ float:right; width:calc(100% - 474px); }
#objectif .inner-right.img{ background:url(../images/img-01.jpg) left center no-repeat; height:311px; position:relative; }
#objectif .inner-right.img:after{ background:url(../images/arrow-right.png) center center no-repeat; content:" "; display:block; width:14px; height:28px; position:absolute; top:50%; left:0; margin-top:-12px; }
#objectif .txt{ padding:100px 40px 40px 40px; }
#objectif .txt>p{ font-size:15px; font-weight:300; line-height:1.6; text-transform:uppercase; position:relative; max-width:390px; }
#objectif .txt>p:before{ background:#f12122; content:" "; display:block; width:80px; height:4px; position:absolute; top:-22px; }

#mission{ background:#f5f5f5; }
#mission .left{ background:url(../images/bg-mission.png) right bottom no-repeat #484848; float:left; min-height:480px; min-width:400px; width:36%; padding-right:100px; padding-top:34px; }
#mission .left h2{ color:#fff; font-size:30px; display:inline-block; float:right; padding:34px 14px; border:4px solid #fff; text-align:right; text-transform:uppercase; } 
#mission .left h2>span{ font-size:40px; font-weight:900; }
#mission .right{ background:#f5f5f5; float:right; width:64%; padding:90px; }
#mission .txt{ font-size:24px; font-weight:300; line-height:1.4; max-width:780px; padding:14px 0; }
#mission .txt+.txt{ border-top:1px solid #f12122; }

#banner-entrepreneur{ background:url(../images/bottom-01.jpg) center center no-repeat; background-size:cover; height:498px; }


#services .left{ background:url(../images/bg-services.png) right top no-repeat #f5f5f5; float:left; min-height:751px; min-width:400px; width:36%; padding-right:100px; padding-top:34px; }
#services .left h2{ color:#f12122; font-size:30px; display:inline-block; float:right; padding:34px 14px; border:4px solid #f12122; text-align:right; text-transform:uppercase; } 
#services .left h2>span{ font-size:40px; font-weight:900; }
#services .right{ background:#fff; float:right; width:64%; }
#services .inner-left{ background:#fff; float:left; width:474px; height:440px; }
#services .inner-left.sf{ background:url(../images/sf2.jpg) center center no-repeat; position:relative; height:311px; }
#services .inner-left.sf:after{ background:url(../images/arrow-left.png) center center no-repeat; content:" "; display:block; width:14px; height:28px; position:absolute; top:50%; right:0; margin-top:-12px; }
#services .inner-right{ float:right; width:calc(100% - 474px); }
#services .inner-right.img{ background:url(../images/img-03.jpg) center center no-repeat; height:440px; position:relative; }
#services .inner-right.img:after{ background:url(../images/arrow-right.png) center center no-repeat; content:" "; display:block; width:14px; height:28px; position:absolute; top:50%; left:0; margin-top:-12px; }
#services .txt{ padding:25px 40px 40px 40px; }
#services .txt>h3{ color:#262626; font-size:20px; margin-bottom:40px; text-transform:uppercase; }
#services .txt>ul{ list-style:none; position:relative; max-width:390px; }
#services .txt>ul>li{ background:url(../images/icn-check.svg) left 4px no-repeat; list-style:none; padding-left:30px; margin:18px 0; font-size:18px; font-weight:300; line-height:1.4; position:relative; max-width:390px; }
#services .txt>ul>li>ul{ list-style:none; position:relative; max-width:370px; }
#services .txt>ul>li>ul>li{ background:url(../images/icn-check.svg) left 7px no-repeat; background-size:12px; list-style:none; padding-left:20px; margin:8px 0; font-size:16px; font-weight:300; line-height:1.4; position:relative; max-width:370px; }
#services .txt>ul:before{ background:#f12122; content:" "; display:block; width:80px; height:4px; position:absolute; top:-22px; }

#banner-ingenierie{ background:url(../images/bottom-02.jpg) center center no-repeat; background-size:cover; height:498px; }

#footer{ padding:70px 0; text-align:center; }
#footer .logo{ display:inline-block; margin-bottom:20px; }
#footer a{ color:#f12122; display:inline-block; font-size:18px; text-decoration:underline; }
#footer p{ font-size:12px; margin-top:10px; }

#mobile-link{display:none;}



@media only screen and (max-width:1399px) {
	#objectif .txt{ padding:60px 40px 20px 40px; }
	#services .txt{ padding:50px 40px 20px 40px; }
}
@media only screen and (max-width:1299px) {
	#objectif .inner-left{ width:360px; }
	#objectif .inner-right{ width:calc(100% - 360px); }
	#services .inner-left{ width:360px; }
	#services .inner-right{ width:calc(100% - 360px); }
	#services .txt>ul>li{ font-size:15px; }
}
@media only screen and (max-width:1129px) {
	#objectif .left{ background:url(../images/bg-objectif.png) right 30px no-repeat #f5f5f5; float:none; min-height:0; min-width:0; width:auto; padding:40px; }
	#objectif .left h2{ float:none; } 
	#objectif .right{ float:none; width:100%; }
	#objectif .inner-left{ width:50%; }
	#objectif .inner-right{ width:50%; }
	#objectif .inner-left.sf{ background-size:cover; }
	#services .left{ background:url(../images/bg-services.png) right center no-repeat #f5f5f5; float:none; min-height:0; min-width:0; width:auto; padding:40px; }
	#services .left h2{ float:none; } 
	#services .right{ float:none; width:100%; }
	#services .inner-left{ width:50%; }
	#services .inner-right{ width:50%; }
	#services .inner-left.sf{ background-size:cover; }
	#services .txt>ul>li{ font-size:17px; }
	#mission .left{ background:url(../images/bg-mission.png) right bottom no-repeat #484848; float:none; min-height:0; min-width:0; width:auto; padding:40px; }
	#mission .left h2{ float:none; } 
	#mission .right{ float:none; width:100%; padding:40px; }
	#mission .txt{ font-size:20px; max-width:none; }
	#banner-entrepreneur{ height:300px; }
}
@media only screen and (max-width:769px) {
	#services .left{ padding:30px; }
	#services .inner-left{ width:100%; float:none; height:auto; }
	#services .inner-right{ width:100%; float:none; height:auto; }
	#services .inner-left.sf{ height:311px; }
	#services .txt{ padding:30px; padding-top:60px; }
	#services .inner-right.img{ height:311px; }
	#services .inner-right.img:after{ display:none; }
	#services .inner-left.sf:after{ display:none; }
	#banner-ingenierie{ height:140px; }
}
@media only screen and (max-width:959px) {
	.inner{ width:auto; padding:0; }
	#top-bar{ text-align:center; background:#f7f7f7; border-bottom:1px solid #ddd; }
	#email{  float:none; }
	#top-nav{ color:#fff; float:none; background:#f12122; padding:20px; text-align:center; }
	#top-nav>span{ display:none; }
	#top-nav > a { display:block;}
	#top-nav > a:not(:first-child) {margin-top:12px; border-top:1px solid #f56566; padding-top:12px; }
	#top-nav > a.current { font-weight:bold;}
	#top-nav .lang { float:none; margin-left:0px; margin-top:12px; border-top:1px solid #f56566; padding-top:12px;}
}
@media only screen and (max-width:699px) {
	#top-nav { font-size:0.8em; padding:10px;}
	#header{ background-attachment:scroll; height:auto; }
	#header .logo, #header.ing .logo{ max-width:80%; margin-top:160px; }
	#header .slogan{ display:none; }
	#objectif .left{ padding:30px; }
	#objectif .inner-left{ width:100%; float:none; height:auto; }
	#objectif .inner-right{ width:100%; float:none; height:auto; }
	#objectif .inner-left.sf{ height:311px; }
	#objectif .txt{ padding:30px; padding-top:60px; }
	#objectif .inner-right.img:after{ display:none; }
	#objectif .inner-left.sf:after{ display:none; }
	#mission .left{ padding:30px; }
	#mission .right{ padding:30px; }
	#mission .txt{ font-size:16px; max-width:none; }
	#banner-entrepreneur{ height:140px; }
	#objectif .left h2, #mission .left h2, #services .left h2{ font-size:24px; display:block; } 
	#objectif .left h2>span, #mission .left h2>span, #services .left h2>span{ font-size:30px; }
	#mobile-link{display:block;color:#fff; float:none; background:#f12122; padding:20px; text-align:center; text-transform:uppercase; }
	#mobile-link .current{ display:none; }
}