@font-face {
	font-family: 'Benguiat Book';
	src: url('font/Benguiat-Book.otf');
	}
@font-face {
	font-family: 'Benguiat Medium';
	src: url('font/Benguiat-Med.otf');
	}	
	
	
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0; }body{line-height:1; }article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block; }nav ul{list-style:none; }ol{list-style:decimal; }ul{list-style:disc; }ul ul{list-style:circle; }blockquote,q{quotes:none; }blockquote:before,blockquote:after,q:before,q:after{content:none; }ins{text-decoration:underline; }del{text-decoration:line-through; }mark{background:none; }abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help; }table{border-collapse:collapse;border-spacing:0; }hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0; }input[type=submit],input[type=button],button{margin:0!important;padding:0!important; }input,select,a img{vertical-align:middle;}select{outline: none;}

* { font-family:'Open Sans', 'Helvetica', Arial, sans-serif; font-weight:normal; }

html{ overflow-x: hidden; }
html, body { height: 100%;  }
html { font-size:62.5%; } 
body { background-color: #fcfcfc; font-size:13px; font-size:1.3rem; line-height: 18px; line-height: 1.8rem; position: relative; min-width: 1000px; }

.wrap { width:960px; height: auto;	position:relative; padding: 0;  left: -480px; margin-left: 50%;}
.presentation-line .wrap { width:910px; position:relative; padding: 0; padding: 0 20px; left: -475px; margin-left: 50%;}

::selection { background-color:#30d26d; color:white; position:relative; }
.fl-l { display:block; position:relative; float:left; } 
.fl-r { display:block; position:relative; float:right; }
.cb { clear:both; float: none; height: 0; width: 0; display: block; }

.header { color: #fff; background: #0e0430 url(img/bg.png) no-repeat top center; position: relative;}
.home .header { height: 636px; max-height: 90%; }
.page .header { height: auto;}

.header .wrap {height: 100%; height: 100%;}
.home .top { height: 102px; position: relative; }
.page .top { height: 120px; padding-bottom: 118px;	position: relative; }

.logo { background: transparent url(img/logo.png) no-repeat center center; display: block; height: 55px; width: 205px; float: left; margin-top: 30px; text-align: center; line-height: 55px; overflow: hidden; text-indent: -3000px;}
.logo-img { display: block; color: #fff; text-decoration: none; }


.title-center {
	color: #525252; font-size: 30px; display: block; text-align: center; line-height: 30px;
	font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.title-center strong {
	font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif; display: block;
}

.menus { list-style: none; float: right; }
.menu { display: inline-block; padding: 30px 10px 0;  }
.menu-link { text-decoration: none; color: #fff;  display: block; padding: 17px 0; text-transform: uppercase; font-size: 10px; font-size: 1.0rem; letter-spacing: 0.1rem; font-weight: bold; box-shadow: inset 0 -0px 0 white; 
	-webkit-transition: box-shadow 100ms ease-in-out;
	-moz-transition: 	box-shadow 100ms ease-in-out;
	-ms-transition: 	box-shadow 100ms ease-in-out;
	-o-transition:		box-shadow 100ms ease-in-out;
	transition: 		box-shadow 100ms ease-in-out; }
.menu-link:hover, .menu-link.on { box-shadow: inset 0 -2px 0 white; }
.menu:last-child {padding-right: 0;}
.btn-white { padding: 15px 35px; border: 2px solid #fff; color: #fff; -webkit-border-radius: 88px; -moz-border-radius: 88px; border-radius: 88px; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 11px; font-size: 1.1rem; display: inline-block; letter-spacing: 0.1rem; 
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;}

.btn-white:hover { background: #fff; color: #0e0430; }

.bandeau-devis .btn-white:hover { background: #fff; color: #44b725; }

.btn-purple { padding: 15px 35px; border: 2px solid #3d2070; -webkit-border-radius: 88px; -moz-border-radius: 88px; border-radius: 88px; color: #3d2070; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 11px; font-size: 1.1rem; display: inline-block; letter-spacing: 0.1rem;
			-webkit-transition: all 200ms ease-in-out;
			-moz-transition: 	all 200ms ease-in-out;
			-ms-transition: 	all 200ms ease-in-out;
			-o-transition:		all 200ms ease-in-out;
			transition: 		all 200ms ease-in-out; }

.btn-purple:hover { color: #fff; background-color: #3d2070 ; }
.menu .btn-white { font-size: 10px; font-size: 1.0rem; }
.intro { position: absolute; height: 266px; left: 20px; right: auto; top: 0; bottom: 0; margin: auto; }
.intro .btn-white {	margin-top: 30px; }

.bienvenue * { font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif; }
.bienvenue-txt {  font-size: 80px; font-size: 8rem; display: block; line-height: 80px;  }
.bienvenue em, .bienvenue strong { font-size: 30px;margin-right: 5px; line-height: 30px; }
.bienvenue em { font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-weight: normal; font-style: normal;}
.bienvenue strong { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ; }
.intro-txt { font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-size: 20px; width: 420px; line-height: 26px; margin-top: 30px; }
.intro-txt strong { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ;  }






.table-economie {position: relative;  width: 100%; margin-top: 50px; border: 2px solid #ebebeb; padding: 0; -webkit-border-radius: 8px 0 0 8px;-moz-border-radius: 8px;border-radius: 0 0 8px 8px ; 
background: #f5f5f5 url(img/gradient.png) repeat-y center top; background: rgb(26,188,156);
background: -moz-linear-gradient(left,  rgba(26,188,156,1) 0%, rgba(255,180,0,1) 33%, rgba(244,132,0,1) 66%, rgba(219,0,0,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(26,188,156,1)), color-stop(33%,rgba(255,180,0,1)), color-stop(66%,rgba(244,132,0,1)), color-stop(100%,rgba(219,0,0,1)));
background: -webkit-linear-gradient(left,  rgba(26,188,156,1) 0%,rgba(255,180,0,1) 33%,rgba(244,132,0,1) 66%,rgba(219,0,0,1) 100%);
background: -o-linear-gradient(left,  rgba(26,188,156,1) 0%,rgba(255,180,0,1) 33%,rgba(244,132,0,1) 66%,rgba(219,0,0,1) 100%);
background: -ms-linear-gradient(left,  rgba(26,188,156,1) 0%,rgba(255,180,0,1) 33%,rgba(244,132,0,1) 66%,rgba(219,0,0,1) 100%);
background: linear-gradient(to right,  rgba(26,188,156,1) 0%,rgba(255,180,0,1) 33%,rgba(244,132,0,1) 66%,rgba(219,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abc9c', endColorstr='#db0000',GradientType=1 );
}


.table-economie table {	width: 100%; table-layout: fixed; text-align: center;  }
.table-economie table * { font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; }
.table-economie table * strong { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ;  display: block;
}
.table-economie table .table-sep {
	display: block; 
}
.table-economie thead {	background: white; color: #646464; font-size: 15px; }

.table-economie tbody {	color: #fff;  }

.table-economie thead th {	border-left: 2px solid #ebebeb;  }
.table-economie thead th:first-child {	border-left: none;  }

.table-economie tbody td {	border-left: 2px solid rgba(0, 0, 0, .03);  }
.table-economie tbody td:first-child {	border-left: none;  }

.table-economie tr { height: 130px; width: 10%; }

.table-economie tr *{ vertical-align: middle; }

.table-sep {  }
.table-economie tbody td .present-percentxt { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ; font-size: 14px; line-height: 31px; font-size: 1.4rem; line-height: 3.1rem; display: block; }

.present-percentxt.percentxt-indent { text-indent: -20px; }
.table-economie tbody td .present-percent { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ; font-size: 5.6rem; line-height: 4.4rem; letter-spacing: -0.5rem; }
.table-economie tbody td .present-percentage { font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-size: 2.0rem; position: relative; top: 6px; left: 1px;}
.table-economie tbody td .present-percentdouble { display: block; margin-top: 11px; }

.table-economie tbody td .present-percentdouble .present-percentage { left: 3px; }
.table-economie .table-source {	position: absolute; top: -35px; right: -2px; display: block; height: 35px; line-height: 35px; background-color: #ebebeb;  padding:0 16px; font-size: 11px; color: #aaa; }

.table-economie .table-source a {color: #aaa; font-weight: 600;}
.table-economie .table-source a:hover {color: #333; font-weight: 600;} 

.ico {  }
.ico-arrowndown {  }
.ico-bandeau {  }
.ico-address {  }








.bandeau { background-color: #44b725; color: #fff; padding: 50px 0; position: relative; z-index: 100;}
.bandeau-head { background-color: rgba(0, 0, 0,.8);  position: absolute;left: 0; right: 0; bottom: 0; text-align: center;}
.bandeau-devis  .bandeau-title { font-size: 30px;line-height: 30px; color: #fff; font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-weight: normal; }
.bandeau-devis  .bandeau-title strong { display: block; font-size: 16px; line-height: 16px; font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ;font-weight: normal;  letter-spacing: 0;
}

.bandeau-more  .bandeau-title { font-size: 20px; color: #403f43; font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; line-height: 50px; }

.bandeau-title > strong { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ; }
.bandeau-more {  background: #fbfbfb url(img/bandeau-gradient.png) repeat-x bottom center; color: #333; margin-top: 100px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.03), 0px 0px 0px 1px rgba(0,0,0,.03), 0px 0px 50px rgba(0,0,0,0.05); }
.home .bandeau-more {margin-top: 20px;}

.content {  }
.presentation-line { padding: 70px 0; }
.presentation-line:nth-child(2n) { background-color: #f9f7ff; }
.presentation-illu { float: left; margin-right: 70px; padding: 16px 0; }
.presentation-line:first-child {padding-top: 80px; padding-bottom: 50px;}
.presentation-line:first-child .presentation-illu { margin-top: -40px;}
.presentation-line:nth-child(2n) .presentation-illu { float: right; margin-right: 0px; margin-left: 70px; }
.presentation-txt h4 { font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ;	font-size: 40px; font-size: 4rem; line-height: 40px; font-weight: 400; letter-spacing: -0.1rem; }
.presentation-txt h4 strong { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ;  display: block; }
.presentation-line:nth-child(2n) h4 strong {display: inline;}

.presentation-txt p { font-size: 13px; font-size: 1.3rem; line-height: 20px; margin-top: 20px; color: #545454; font-weight: 200; }
.presentation-txt p strong { font-weight: 600; }

.presentation-line:nth-child(1) .presentation-txt h4 { color: #835013; }
.presentation-line:nth-child(2) .presentation-txt h4 { color: #005295; }
.presentation-line:nth-child(3) .presentation-txt h4 { color: #561b91; }
.presentation-line:nth-child(4) .presentation-txt h4 { color: #4c8e4b; }




.footer {  }
.foot { padding: 10px 0; text-align: center; }

.pin {  }
.pin > img {  }


.map { background: #ddd url(img/map.png) no-repeat center -50px; padding: 0px 0; height: 430px; position: relative; }

.map > img {  }
.map-overlay { background-color: rgba(35, 9, 82, .9); position: absolute; top: 0; right: 50%; left: 0; bottom: 0; }

.map-overlay-content { position: absolute; top: 0; right: 0; left: auto; bottom: 0; width: 480px; padding: 70px ; padding-left: 0;
}

.map-overlay-content > div { margin-left: 0px; }

.map-overlay-content > div:first-child { margin-left: 50px; }

.map-ariane { list-style: none; }
.map-ariane > li {  }
.map-ariane > li > a { background: transparent url(img/ico-arrow.png) no-repeat left center;
	display: block; padding: 17px; font-size: 12px; text-decoration: none; color: #fff; padding-left: 10px; opacity: .5; -webkit-transition: opacity 100ms ease-in-out;
-moz-transition: 	opacity 100ms ease-in-out;
-ms-transition: 	opacity 100ms ease-in-out;
-o-transition:		opacity 100ms ease-in-out;
transition: 		opacity 100ms ease-in-out;}

.map-contact { }
.contact-title { font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-size: 30px; font-size: 3rem; line-height: 30px; line-height: 3rem; margin-bottom: 35px; color: #fff; }
.contact-ul { list-style: none; }
.contact-li { margin-bottom: 15px; }

.contact-li .btn { background-repeat: no-repeat; background-position: 11px center; display: block; padding: 10px; padding-left: 40px; border: 1px solid #fff; color: #fff;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px; text-decoration: none; font-weight: normal; opacity: .5;
	-webkit-transition: opacity 100ms ease-in-out;
	-moz-transition: 	opacity 100ms ease-in-out;
	-ms-transition: 	opacity 100ms ease-in-out;
	-o-transition:		opacity 100ms ease-in-out;
	transition: 		opacity 100ms ease-in-out;
}

.map-ariane > li > a:hover , .contact-li .btn:hover { opacity: 1;}

.contact-li .btn strong { font-weight: bold; }

.btn-contact {  }
.btn-facebook {  }
.btn-linkedin {  }

.map-address { list-style: none; color: #fff; position: absolute; background: transparent url(img/pin.png) no-repeat right top; top: 110px; right: -490px; bottom: auto; left: auto; padding: 20px 72px 40px 95px; height: 44px; width: 199px;  }

.address-title {font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-size: 20px; line-height: 20px;
}
.address-title > strong { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ; }
.address-address { font-size: 11px; line-height:11px; }
.address-address > strong { display: block; margin-bottom: 3px; }

.foot {  }
.legals {  }
.legals > li {  }
.legals > li > a {  }

.copyrights {  }
.copy-year {  }
.copy-name {  }
.copy-siren {  }
.cb {  }



.address-title {  }
.address-title > strong {  }
.address-address {  }
.address-address > strong {  }


.contact-title {  }
.contact-ul {  }
.contact-li {  }


.btn {  }
.btn-contact { background-image: url(img/ico-mail.png); }
.btn-phone { background-image: url(img/ico-phone.png); }
.btn-linkedin { background-image: url(img/ico-fb.png); }
.btn-facebook { background-image: url(img/ico-linkedin.png); }


.copyrights { width: 300px; }
.copyrights span { display: block; }
.copy-year {  }
.copy-name {  display: block; }
.copy-siren {  display: block; }

.gncti { float: right; background: ; display: block; padding: 3px 10px; margin-left: 10px; }

.page-title { font-size: 30px;line-height: 30px; font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-weight: normal; }
.projet-intro { padding: 40px 30px; margin: 0 110px 80px; line-height: 31px; text-align: center; font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-size: 24px; font-size: 2.4rem; color: #cacaca; border-bottom: 1px solid #eee;  }
.projet-line { margin-bottom: 110px; position: relative; }
.projet-img { height: 300px; width: 300px; position: absolute; left: 110px; top: 0; bottom: 0; right: auto; margin: auto; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px;  }
.projet-line:nth-child(2n) .projet-img { left: auto; right: 110px; }
.projet-img > img { position: absolute; height: 300px; width: 300px; margin: auto; top: 0; left: 0; right: 0; bottom: 0;  }
.projet-img .projet-img-round { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }

.projet-img .projet-img-3 { height: 325px; top: 12px; position: relative; }

.projet-txt { color: #474747; width: 380px; left:5px; position: relative; margin-left: 50%; line-height: 24px; font-size: 13px; margin-bottom: 30px; }

.projet-txt:nth-child(2n)  { left:5px; margin-left: 50%; }

.projet-txt strong { font-weight: bold; }

.projet-line:nth-child(2n) .projet-txt  { left: -375px; text-align: left; }

.ico-tipi {	display: block; height: 46px; width: 88px; background: transparent url(img/tipi-black.png) no-repeat left top; position: absolute; top: 50px; left: -44px; margin-left: 50%; opacity: .1; }
.equipe-intros { margin: 90px 0 100px; }
.equipe-intro { float: right; width: 200px; text-align: right; padding: 0 250px 0 0 ; position: relative; }
.equipe-intro.intro-tim { float: left; text-align: left; padding: 0 0 0 250px ; }
.equipe-photo { position: absolute; width: 235px; height: 275px; z-index: 100; box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 5px 0 0px rgba(0,0,0,.03); border: 9px solid white; }
.intro-tim .equipe-photo { left: -30px; top: -30px; transform:rotate(-8deg); -ms-transform:rotate(-8deg); -webkit-transform:rotate(-8deg);}
.intro-pierre .equipe-photo { right: -30px; top: -30px; transform:rotate(8deg); -ms-transform:rotate(8deg); -webkit-transform:rotate(8deg); }
.equipe-photo > img { height: 100%; width: 100%; background: #fff; display: block;  }
.equipe-name {  }
.equipe-name > h3, .equipe-name > h3 * { color: #393939; font-size: 30px; font-size: 3rem; line-height: 30px;
	font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; }

.equipe-name > h3 strong { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ; }

.equipe-name > h3 .equipe-tipi { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ; color: #3c0b95;
}
.equipe-status { color: #b9b9b9; font-size: 14px; font-size: 1.2rem; line-height: 14px; font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ; font-weight: bold; text-transform: uppercase; }
.equipe-xp {  width: 190px;	color: #393939; margin-top: 30px; padding-top: 30px; position: relative;
	font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ;  }
.equipe-xp > strong { font-family: "Benguiat Medium", Helvetica Neue, Helvetica, Arial, sans-serif ;  display: block; }
.equipe-sep { display: block; height: 1px; width: 400px; background: #f1f1f1; position: absolute;  }

.intro-tim .equipe-sep { top: 0; right: 0;  }

.intro-pierre .equipe-sep { top: 0; left: 0; }
.equipe-content { margin: 0 50px; margin-bottom: 50px; position: relative; }
.equipe-title { height: 100px; line-height: 100px; text-align: center; font-family: "Benguiat Book", Helvetica Neue, Helvetica, Arial, sans-serif ; font-size: 40px; font-size: 4rem; color: #cacaca; border-bottom: 1px solid #eee;  }

.equipe-content .fl-l, .equipe-content .fl-r {width: 45%; padding: 40px 0 20px; }
.equipe-content .fl-l {  text-align: right; }
.section-sep { background: #eee; width: 1px; display: block; position: absolute; top: 0; left: 0; margin: auto; right: 0; top: 100px; bottom: 0; }
.formation-tim, .formation-pierre { list-style: none; }

.formation-tim li, .formation-pierre li { margin-bottom: 20px; font-size: 12px; font-size: 1.2rem; color: #474747; }

.formation-tim li strong , .formation-pierre li strong { font-weight: bold; display: block;}

.formation-tim { text-align: right; }
.formation-tim .fl-l, .formation-tim .fl-r {width: 10px;}
.formation-tim > li { padding-right: 25px; background: transparent url('img/bullet-style.png') no-repeat right center; }
.formation-tim > li > strong {  }
.formation-title { display: none; }
.formation-title > em {  }
.formation-pierre {  }
.formation-pierre > li { padding-left: 25px; 
	background: transparent url('img/bullet-style.png') no-repeat left center;  }
.formation-pierre > li > strong {  }
.presentation-txt { margin-bottom: 20px; font-size: 12px; font-size: 1.2rem; color: #474747; }

.presentation-txt strong { font-weight: bold; }
.presentation-title { display: none; }
.presentation-title > em {  }
.presentation-txt {  }
.legals { list-style: none; height: 54px; line-height: 54px; text-transform: uppercase; }
.legals li { display: inline-block; margin-right: 30px; }
.legals li a { font-size: 10px; font-size: 1rem; color: #aaa; text-decoration: none; letter-spacing: 0.1rem; font-weight: bold; }

.copyrights { margin-top: 7px; }
.copy-year, .copy-name, .copy-siren { text-align: right; font-size: 10px; font-size: 1rem; color: #ccc; text-decoration: none; font-weight: normal; line-height: 13px; }
.copy-year { font-weight: bold; }
.copy-name {  }
.copy-siren { font-size: 8px; text-transform: uppercase; }


.legalterms { padding: 50px 0; }
.legalterms h3 { margin-bottom: 50px; font-size: 20px; font-size: 2rem; color: #333; margin-top: 100px; text-align: center;  }
.legalterms h3:first-child { margin-top: 0px;  }
.legalterms p {  margin-bottom: 20px; color: #666; font-size: 11px; }
.legalterms p a { font-weight: bold; color: #555; }