/*--------------------------------------------------------*     
*		Template Name : Limo
*		Copyright 2014 CodexCoder
*		Author : CodexCoder
*		Licensed under the Apache License v2.0
*		http://www.apache.org/licenses/LICENSE-2.0	                    
*		WebSite : http://www.codexcoder.com/
*--------------------------------------------------------*/

/*---------------        Custom CSS        ---------------*/
/*---------------        Google Fonts      ---------------*/
@import url("//hello.myfonts.net/count/2ddb59");
@font-face {font-family: 'FuturaPT-Light';src: url('../fonts/2DDB59_0_0.eot');src: url('../fonts/2DDB59_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DDB59_0_0.woff2') format('woff2'),url('../fonts/2DDB59_0_0.woff') format('woff'),url('../fonts/2DDB59_0_0.ttf') format('truetype');} 
@font-face {font-family: 'FuturaPT-Book';src: url('../fonts/2DDB59_1_0.eot');src: url('../fonts/2DDB59_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DDB59_1_0.woff2') format('woff2'),url('../fonts/2DDB59_1_0.woff') format('woff'),url('../fonts/2DDB59_1_0.ttf') format('truetype');}
@font-face {font-family: 'FuturaPT-BookObl';src: url('../fonts/2DDB59_2_0.eot');src: url('../fonts/2DDB59_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DDB59_2_0.woff2') format('woff2'),url('../fonts/2DDB59_2_0.woff') format('woff'),url('../fonts/2DDB59_2_0.ttf') format('truetype');}
@font-face {font-family: 'FuturaPT-Bold';src: url('../fonts/2DDB59_3_0.eot');src: url('../fonts/2DDB59_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DDB59_3_0.woff2') format('woff2'),url('../fonts/2DDB59_3_0.woff') format('woff'),url('../fonts/2DDB59_3_0.ttf') format('truetype');}
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?-aj0385');
src:url('../fonts/icomoon.eot?#iefix-aj0385') format('embedded-opentype'),
url('../fonts/icomoon.woff?-aj0385') format('woff'),
url('../fonts/icomoon.ttf?-aj0385') format('truetype'),
url('../fonts/icomoon.svg?-aj0385#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

/*---------------        Common      ---------------*/

.FuturaPT-Light { 
font-family: FuturaPT-Light;
font-weight: normal;
font-style: normal;
}
.FuturaPT-Book { 
font-family: FuturaPT-Book;
font-weight: normal;
font-style: normal;
}
.FuturaPT-BookObl { 
font-family: FuturaPT-BookObl;
font-weight: normal;
font-style: normal;
}
.FuturaPT-Bold { 
font-family: FuturaPT-Bold;
font-weight: normal;
font-style: normal;
}

html, body, h1, h2, h3, h4, h5, h6, p, div, a{

}
@-ms-viewport{
width: device-width;
}

body{

background: #113147;
position: absolute;
width: 100%;
height: 100%;
overflow: auto;
overflow-x:hidden !important;
padding: 0;
margin: 0;
}

.scrollNo{
overflow-x: hidden;
overflow-y: hidden!important;
}


a, button{
cursor: pointer;
}

input[type="text"], input[type="password"], input[type="email"], textarea, textarea.form-control{
border:none;
border-bottom: 1px solid #E6EAED;
background: #F5F9FC;
font-family: FuturaPT-Book;
color: #000;
padding: 25px;
font-size: 1.5em !important;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow:none !important;
box-shadow:none !important;
margin-bottom: 20px;
}
textarea, textarea.form-control{
border:1px solid transparent;}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
border-bottom-color: #4381AB;
background: #FCFDFE;
}
textarea:focus, textarea.form-control:focus{
border: #4381AB 1px solid;
}

button{
font-family: FuturaPT-Book;
font-size: 1em;
}

button.btn-default{
background: #4381AB;
border:none;

-webkit-box-shadow:none !important;
box-shadow:none !important;
font-size: 40px;
color: #fff;
font-family: FuturaPT-Light;
text-align: center;
line-height: 1.2em;
padding: 5px 120px;
font-weight: normal;
text-shadow:none;
-webkit-border-radius: 0;
border-radius: 0;
}
button.btn-default:hover{
background: #113147;
color: #fff;

}

button.btn-default span{
position: relative;
top: -5px;
font-size: 1.5em;
padding-left: 20px;
vertical-align: middle;
}

#team button.btn-default {
float: right;
margin-bottom: 100px;
}


form{
padding: 100px 0px;
}
.clear-top{
height: 60px;
width: 100%;
}
.clear-bottom{
width: 100%;
}
#pricing ul, 
#portfolio ul, 
#team ul, 
#service ul{
list-style: none;
margin: 0;
padding: 0;
}
img{
max-width: 100% !important;
display: block;
height: auto;
}

.container h2, .container-full h2{
font-family: FuturaPT-Bold;
font-size: 80px;
text-transform: uppercase;
margin: 0;
}

.container h2 span, .container-full h2 span, .blocChrono_date{
display: block;
font-family: 'Allan', cursive;
font-size: 0.4em;
line-height: 0;

}

#service h2 span{

text-indent: -10em;
}

.container h3, .container-full h3{
font-family: FuturaPT-Bold;
font-size:1.2em;
text-transform: uppercase;
color: #050e15;
}



p.aPropos, .container h4, .container-full h4{
font-family: FuturaPT-BookObl;
font-size: 1em;
line-height: 1.2em;

}

.container h4, .container-full h4{
color: #3f7498;
}

p{
font-family: FuturaPT-Book;
font-size: 1em;
line-height: 1.2em;
}

.container-large{
max-width: 100%;
width: 100%;
display: block;
}

a, button{

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-s-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
}
a:hover, button:hover{
text-decoration: none;
}
.colonneDouble{
float: left;
width: 75%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.colonneDouble:first-child{
width: 25%;
}

/* mediaquery */
@media (min-width: 1200px){
.container {
max-width: 1280px;
}
}
/*---------------       Body top Margin      ---------------*/
.bodytopmargin{
margin-top: 60px;
-webkit-transition: margin-top;
}

.bodynomargin{
margin-top: 0px;
-webkit-transition: margin-top;
}


/*---------------       Head navigation bar      ---------------*/
#header .navbar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.72+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.72) 40%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.72)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.72) 40%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.72) 40%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.72) 40%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.72) 40%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

border-radius: 0px;
margin-bottom: 0px;

box-shadow: none;
border: none !important;
}
#header{
background: transparent;
position: absolute;
left: 0;
right: 0;
top: 0;
height: auto;
}
#header .topnavbar {
height: 100px; 
}
#header .navbar-header a {
font-family: FuturaPT-Bold;
font-weight: normal;
font-style: normal;
font-size: 15px;
color: white;
line-height: 60px; 
text-transform: uppercase;
}

#header .navbar-toggle, #header .nav {
margin-top: 25px;
width: 100%;
padding-left: 200px;
-webkit-box-sizing:border-box;
box-sizing:border-box;

}


#header .navbar-fixed-top .navbar-toggle, 
#header .navbar-fixed-top .nav {
margin-top: 15px; 
}
#header .navbar-fixed-top  .navbar-header a {
line-height: 30px; 
text-decoration: none;
}

#header .navbar-nav .active a,
#header .navbar-nav a:hover {
color: #fff;
background: none;
}

li.langue{
float: right;

}

#header .navbar-nav  li.langue.actif a{
	color: #fff;

}

li.langue a{
padding: 5px 2px!important;

}

#header .navbar-nav a,
#header .navbar-nav .active a {
font-family: FuturaPT-Bold;
font-weight: normal;
font-style: normal;
padding: 5px 10px;
margin-right: 5px;
color: white;
font-size: 16px;
color: #4381AB;
text-transform: uppercase;
text-shadow:none !important;
letter-spacing: 0.5px;
background: transparent !important;
}

#header .navbar-nav a {
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
-ms-transition: color .2s;
transition: color .2s;
}

#header .navbar-nav .active a:hover {


-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
-ms-transition: color .2s;
transition: color .2s;
}
#header .navbar-nav a:active, #header .navbar-nav .active a{
color: #fff !important;
background: transparent !important;
}


#header .navbar-header i {
font-weight: bold;
color: white;
font-size: 1.5em;
}
#header .navbar-nav a.langue {
float: right;
}

#header .navbar.topnavbar {

-webkit-animation: movetextdown 500ms ease;
-moz-animation: movetextdown 500ms ease;
-ms-animation: movetextdown 500ms ease;
-o-animation: movetextdown 500ms ease;
animation: movetextdown 500ms ease;
}

#header .navbar-fixed-top.navbar {
-webkit-animation: moveBottom 500ms ease;
-moz-animation: moveBottom 500ms ease;
-ms-animation: moveBottom 500ms ease;
-o-animation: moveBottom 500ms ease;
animation: moveBottom 500ms ease;
background: rgba(0,0,0,0.95);
padding-bottom: 10px;
}

@keyframes movetextdown {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@-moz-keyframes movetextdown {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@-webkit-keyframes movetextdown {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@-ms-keyframes movetextdown {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@-o-keyframes movetextdown {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@keyframes moveBottom {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@-moz-keyframes moveBottom {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@-webkit-keyframes moveBottom {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@-ms-keyframes moveBottom {
0% {
top: -100px;
}
100% {
top: 0px;
}

}

@-o-keyframes moveBottom {
0% {
top: -100px;
}
100% {
top: 0px;
}

}



/*---------------       Head navigation bar End      ---------------*/


/*---------------        Slider      ---------------*/
.carousel-indicators{
left: 0;
right: 0;
margin: auto;
}

#slider{
position: relative;
width: 100%;
height: 100%;
}
#slider .container-full {
height: 100%;
background: #000;
background-repeat: no-repeat;
background-position: center fixed;

-webkit-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%;
}

#slider .slider {
min-height: 100px;
height: 100%;
color: #FFF;
font-size: 1.875em;
text-align: center;
}


#slider .slide-element  .slideImage{/* img */
width: 100%;
height: 100%;

}

.carousel, .carousel-inner, .carousel-inner>.item, #slider .slide-element {
height: 100%;
max-width: 100%;
padding: 0;
overflow: hidden;
}
#projet-slider{
overflow: 	auto;
}
.item:before{
position: absolute;
content: "";
top: 0;	
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.4);
}

#slider .item:before{
display: none;
} 

#slider .carousel-control {
line-height: 0px;
padding: 0;
height: 100%;
top: 0;
bottom: 0;
position: absolute;
margin: auto;
background-image: none;
font-size: 60px;
color: rgba(255,255,255,1);
opacity: 1;
line-height: 0;

-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
-ms-transition: color .2s;
transition: color .2s;
width: 5%;

min-width: 30px;
}
#slider .carousel-control span{
position: absolute;
top: 0;
bottom: 0;
height:auto;
margin: auto;
height: 80px;
width: 80px;
background: rgba(0,0,0,0.6);
line-height: 80px;

}
span.icon-defilement_droite{
right: 5px;
}

span.icon-defilement_gauche{
left: 5px;
}


#slider .carousel-control:hover,
#slider .carousel-control:focus {

color: rgba(255,255,255,1);
}

.carousel-control.left{
left: 10px;
}

.carousel-control.right{
right: 10px;
}

#slider .slide-element h1 {
color: #fff;
font-size: 40px;
font-family: FuturaPT-Light;
left: 0;
right: 0;
bottom: 120px;
position: absolute;
margin: auto;
z-index: 2;
padding: 15px;
max-width: 70%;
text-align: center;
text-shadow: 0 0 3px #141414;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.6) 37%, rgba(0,0,0,0.6) 58%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(37%,rgba(0,0,0,0.6)), color-stop(58%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.6) 37%,rgba(0,0,0,0.6) 58%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.6) 37%,rgba(0,0,0,0.6) 58%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.6) 37%,rgba(0,0,0,0.6) 58%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.6) 37%,rgba(0,0,0,0.6) 58%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */


}

#slider .slide-element p {
color: #2b3d3d;
font-size: 0.75em;
margin: 0;
padding: 0;
text-align: left;
}

#slider .readmore a {
margin-top: 30px;
font-family: "PT Sans";
font-weight: bold;
padding: 5px 20px;
border-radius: 15px;
color: white;
font-size: .9em;
background-color: #3bbca5;

-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
-o-transition: background-color .2s;
-ms-transition: background-color .2s;
transition: background-color .2s;
}

#slider .readmore a:hover {
background-color: #e96269;

-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
-o-transition: background-color .2s;
-ms-transition: background-color .2s;
transition: background-color .2s;
}


/*---------------        portfolio      ---------------*/
#portfolio h2{
color: #4381ab;
float: left;
padding-right: 50px;
padding-bottom: 50px;

}
#portfolio .container-full {
min-height: 50px;
background: #fff;
padding-top:80px;
font-size: 20px;
}
#portfolio #projetsListe {
}

#portfolio #projetsListe li{
width: 100%;
overflow: hidden;
position: relative;
min-height: 50px;
text-align: center;

}
#portfolio #projetsListe li .container{
position: relative;
z-index: 2;
font-size: 20px;

}

#portfolio .projetBloc{
width: 50%;
display: block;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px;
font-size: 20px;
}

#portfolio .projetBloc .imageWrapper{
display: table-cell;
vertical-align: middle;
text-align: center;

}

#portfolio .projetBloc .imageWrapper img{
display: inline-block;
margin: 0;
max-height: 160px;

}

.projetBloc h3, .projetBloc h4, .projetBloc p{
display: block;
}

.projetBloc h3, .projetBloc h4{
margin: 0;
}
.projetBloc p{
margin: 30px 0;
}
#portfolio #projetsListe li:nth-child(even) .projetBloc:first-child{
float: right;
}

#portfolio #projetsListe .projetBloc:last-child{
background: rgba(255,255,255,0.85);
}

#portfolio #projetsListe .projetBloc:last-of-type{
height: 100%;
display: table;
}
#portfolio #projetsListe li img.projet_fond{
width: 100%;
position: absolute;
top: 0;

}

a.enSavoirPlus{
font-family: FuturaPT-Bold;
font-size:0.9em;
text-transform: uppercase;
color: #4381AB;
display: block;
text-align: right;
}
a.enSavoirPlus:hover{
color: #113147;
}

a.enSavoirPlus span{
font-size: 1.5em;
vertical-align: middle;
display: inline-block;
position: relative;
top: -0.05em;
}

.voirPlus{
background: #4381AB;
padding: 80px 0px;
font-size: 40px;
color: #fff;
font-family: FuturaPT-Light;
text-align: center;
line-height: 1.2em;

-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-s-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
cursor: pointer;

}
.voirPlus span{
font-size: 1.5em;
}
.voirPlus:hover{
background: #113147;
}
.logoPing{
border-bottom: none;
position: relative;
background: url("../img/logo_ping.png") transparent;
width: 140px;
display:block;
position: absolute;
bottom: 10px;
right: 10px;
margin: auto;
height: 168px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
padding: 60px 20px;
text-decoration: none;
color: inherit;
font-weight: bold;
font-family: FuturaPT-Book;
text-transform: uppercase;
font-size: 14px;
}

/*---------------        nos clients   ---------------*/ 
#nosClients{
background: #fff;
text-align: center;
font-size: 40px;
color: #4381AB;
font-family: FuturaPT-Light;
text-align: left;
line-height: 1.2em;
}

#nosClients .container{
padding: 80px 0px;
}
#nosClients .colonneDouble:first-child{
padding-right: 40px;
text-align: right;


}
#nosClients .colonneDouble:last-child{
border-left:1px solid #4381AB;
padding-left: 40px;
}

#nosClients .colonneDouble:last-child img{
display: inline-block;
max-width: 30% !important;
margin:10px 1%;
}

#nosClients h3{
	text-align: center;
	font-family: FuturaPT-Light;
	color: #4381AB;
	text-align: center;
}


/*---------------        Testemonial      ---------------*/ 
#service{
background: #113147;
color: #fff;
font-size: 20px;
}

#service .container {
padding:80px 0px;
text-align: center;
}

#service .container h2{
text-align: center;
padding-bottom: 40px;
}

#service .container-full {
min-height: 50px;
}


#service h3 {
padding-bottom: 20px;
margin-bottom: 0;
color: #fff;
text-align: left;
	margin-top: 10px;
}


#service .clint-div{
font-size: 7em;
position: absolute;
left: 0;
}
#service .col-xs-6{
width: 76%;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 8em;
float: none;
position: relative;
display: inline-block;
}


#service .col-xs-6 p {
color: rgba(255,255,255,0.8);
text-align: justify;
}


/*---------------        About Us      ---------------*/
#aboutus, #team{
font-size: 20px;
}
#aboutus .container-full, #team .container-full {
min-height: 50px;
background: #fff;
font-size: 20px;
position: relative;
}

#aboutus .container-full h2,  #team .container-full h2{
position: absolute;
left: 0;
right: 0;
max-width: 1280px;
text-align: center;
margin: auto;
color: #fff;
z-index: 10;
padding-top: 80px;
}
#team .container-full h2{
color:#4381AB;
position: relative;
margin-bottom: 20px;
}

#aboutus .carousel-indicators, #team .carousel-indicators{
top: 160px;
bottom: auto;
text-align: center;
}

#team .carousel-indicators{
top: -30px;
}

#team .item{
margin-top: 50px;
}

#team .itemCarte{
text-align: center;
}


#aboutus .carousel-indicators li, #team .carousel-indicators li{
width: auto;
height: auto;
color: #fff;
text-indent: 0;
border:none;
padding: 5px 60px;
background: rgba(0,0,0,0.6);
border-radius: 3px;
margin-top: 20px;
margin-bottom: 10px;
}

#aboutus .carousel-indicators li.active, #team .carousel-indicators li.active, #team-slider .carousel-indicators li.active:hover{
opacity: 1;
background: transparent;
}

#team .carousel-indicators li:hover{
opacity: 1;
color: #fff;
background: rgba(0,0,0,0.5);
}

.carousel-indicators li h3{
	color: #fff;

}
.carousel-indicators li.active h3{
	color: #000 !important

}

.carousel-indicators li h3{
	margin: 0;

}

#aboutus .itemChrono:before, #aboutus .itemEquipe:before{
background: #75b308;
opacity: 0.9;
z-index: 3;

}
#aboutus .itemEquipe:before{
background: #4381AB;

}

#aboutus .item .container-full{

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 250px;
overflow: hidden;
position: relative;


}

#aboutus .item .container-full img{
width: 100%;
position: absolute;
top: 0;
left: 0;
}

#aboutus .item .container-full .container{
position: relative;
z-index: 4;
margin-bottom: 80px;
padding: 0;
width: 100%;
}

.blocChrono{

font-family: FuturaPT-Book;
font-weight: normal;
font-style: normal;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 66%;
color: #fff;
overflow: hidden;
position: relative;
min-height: 50px;
float: left;
display: table;

}

.blocChrono p{
display: table-cell;
width: 50%;
vertical-align: middle;
position: relative;
color: #000;
}
.blocChrono p:after{
content: "";
width: 20%;
height: 0px;
border-bottom: 1px solid #fff;
top: 0;
bottom: 0;
right: -25%;
position: absolute;
margin: auto;
}

.blocChrono:nth-child(even) p:after{

right: auto;
left: -25%;
}
.blocChrono:nth-child(even){
margin-left: : 33%;
text-align: left;
}
.blocChrono:nth-child(odd){
margin-right: 33%;
text-align: right;
}




.blocChrono_date{
display: table-cell;
width: 50%;
height:auto;
font-size: 3em;
text-align: center;
line-height: 0.8em;
}
.blocChrono_date:before, .blocChrono_date:after{

display: block;
width: 0;
height: 12px;
font-size: 3em;
border-left:1px dashed #fff;
content: "";
left: 0;
right: 0;
margin: auto;
z-index: 4;
}

.blocChrono_date:before{
margin-bottom: 15px;

}

.blocChrono_date:after{
margin-top:10px;

}

.blocChrono:nth-child(even) .blocChrono_date{
left: 0;
}


.blocChrono:nth-child(odd) .blocChrono_date{
right: 0;
}

.itemEquipe .container{
display: table;

}

.itemEquipe_membre{
width: 20%;
display: table-cell;
vertical-align: middle;
position: relative;
height: auto;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #fff;
background: #000;



}

.itemEquipe_membre img:hover{

-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
filter: none; /* Firefox 4+ */
filter:none; /* IE 6-9 */
cursor: default;
}


.itemEquipe_membre img{
position: relative !important;
width: 100%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
/*filter: url(grayscale.svg);  Firefox 4+ */
filter: gray; /* IE 6-9 */
opacity: 0.6;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-s-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.itemEquipe_membre .itemEquipe_descriptif{
position: absolute;
z-index: 2;
bottom: 15px;
left: 0;
right: 0;
height: auto;
margin: auto;
text-align: center;
color: #fff;
}
.itemEquipe_membre .itemEquipe_descriptif h3, .itemEquipe_membre .itemEquipe_descriptif h4{
margin: 0;
color: #fff;
}
.itemEquipe_membre .itemEquipe_descriptif h3 span{
display: block;
font-size: 0.6em;
}

.itemEquipe_membre .itemEquipe_descriptif h4{

color: #eee;
}


.itemEquipe_membre:hover img{
opacity: 1;
}


/*---------------        Our Team      ---------------*/

#team .carousel-indicators{
left: -20%;
right: -20%;
margin: auto;
}

#team .item:before{
display: none;
}

#team .item iframe{
max-width: 1280px;
width: 80%;
}

.itemCarte{
background: #4381AB;
}

.itemCarte .container{
text-align: center;
font-size:1.5em;
color: #fff;
font-family: FuturaPT-Book;
line-height: 1.2em;
padding: 30px
}

.itemCarte a{
color: #fff;
text-decoration: underline;
}

.dateAnnonce{
float: right;
font-size: 0.8em;
font-family: FuturaPT-BookObl;
text-transform: none;
}


.blocAnnonce{
padding: 20px 0px;
border-bottom: 1px solid #4381AB;
}

.blocAnnonce:last-child{
border-bottom: none;
}
.containerAnnonces{
border-bottom: 1px solid #82868A;
}


/*---------------        scroller   2    ---------------*/
#scroller2 {
display: none;
}

#scroller2 .gotop {
position: fixed;
bottom: 20px;
right: 20px;
cursor: pointer;
line-height: 0px;
text-align: center;
cursor: pointer;
font-size: 4em;
}

#scroller2 .gotop a {

-webkit-border-radius: 50px;
border-radius: 60px;
background:rgba(0,0,0,0.5);
color: #fff;
height: 60px;
width: 60px;
display: block;
text-decoration: none !important;
z-index: 100;

-webkit-transition: background .2s ease-in;
-moz-transition: background .2s ease-in;
-o-transition: background .2s ease-in;
-ms-transition: background .2s ease-in;
transition: background .2s ease-in;

}

#scroller2 .gotop a:hover {

background:rgba(0,0,0,0.8);
}


/*---------------        Footer      ---------------*/
#footer .container-full {
min-height: 50px;
text-align: left;
font-size: 20px;
padding: 30px 0px;
}


#footer a{
font-size: 0;
color: #4381AB;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}

#footer a span{
font-size: 80px;}
#footer a:hover{
color: #fff;
}

#footer .mention, #footer .copyright{
display: inline-block;
border-left:1px solid #4381AB;
padding-left: 30px;
font-family: FuturaPT-Book;
color: #4381AB;
font-size: 1.4em;
max-width: 40%;
line-height:1.2em;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
#footer .copyright{
font-size: 1em;
padding: 10px 20px;
background: #0C1A23;
font-family: FuturaPT-BookObl;
float: right;
border:none;
margin-top: 20px;
}




/* icones */



[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-defilement_gauche:before {
content: "\e612";
}

.icon-defilement_droite:before {
content: "\e613";
}

.icon-fermer:before {
content: "\e600";
}

.icon-menu:before {
content: "\e601";
}

.icon-upload:before {
content: "\e602";
}

.icon-webdesign:before {
content: "\e603";
}

.icon-systeme:before {
content: "\e604";
}

.icon-flecheDroite:before {
content: "\e605";
}

.icon-interrogation:before {
content: "\e606";
}

.icon-flecheBas:before {
content: "\e607";
}

.icon-flecheHaut:before {
content: "\e608";
}

.icon-flecheGauche:before {
content: "\e609";
}

.icon-art:before {
content: "\e60a";
}

.icon-clavier:before {
content: "\e60b";
}

.icon-plus:before {
content: "\e60c";
}

.icon-blog:before {
content: "\e60d";
}

.icon-twitter:before {
content: "\e60e";
}

.icon-facebook:before {
content: "\e60f";
}
.icon-logo_tout:after, .icon-logo_tout:before{
position: absolute;
} 
.icon-logo_tout:before {
content: "\e610";

color: #99CF15;
margin-left: 0.8em;

font-size: 0.8em;	
margin-top: 0.3em;

}

.icon-logo_tout:after {
content: "\e611";
color: #fff;
z-index: 2;
}
.icon-menu2:before {
content: "\e9bd";
}



.icon-logo_tout{

font-size: 64px;
font-weight: normal !important;
position: relative;
padding-top: 10px;
}

#header .navbar-fixed-top.navbar .icon-logo_tout{
font-size: 50px;
}

/* popup projet */

/* Overlay style */
.overlay {
position: fixed;
z-index: 10000;
width: 100%;
height: 100%;
top: 0;
left: 0;
background:#F2F2F2;
margin: 0;
padding: 0;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Overlay closing cross */
.overlay .overlay-close {
width: auto;
height: auto;
position: fixed !important;
left: 0px;
top: 0px;
overflow: hidden;
border: none;
color: transparent;
outline: none;
z-index: 1110;
color: #fff;
font-size: 5em;
background: rgba(0,0,0,0.5);
}
.overlay-content{
display: block;
position: absolute;
width: 100%;
height: 100%;
overflow: auto;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Menu style */
.overlayHeader{
background: #000;
text-align: center;

}
.overlayHeader .container{
padding: 80px 0px;
position: relative;
overflow: hidden;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.overlayHeader img.popupProjet_logo{
display: inline-block;
z-index: 2;
position: relative;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

}

.overlayHeader img.popupProjet_fond{
width: 100%;
opacity: 0.4;
position: absolute;
top: 0;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
/*filter: url(grayscale.svg);  Firefox 4+ */
filter: gray; /* IE 6-9 */

}

.overlayHeader .container:before, .overlayHeader .container:after{
content: "";
position: absolute;
top:0;
bottom: 0;
width: 20%;
display: block;
z-index: 3;


}

.overlayHeader .container:before{
left: 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}


.overlayHeader .container:after{
right: 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-8 */
}

.overlayContent{
background: #fff;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
padding-top: 40px;
position: relative;
min-height: 250px;
margin: auto;
font-size: 20px;

}
.overlayContent p{
text-align: justify;

}
.overlayContent_text, .overlayContent_links, .overlayContent_avatar{
width: 30%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
min-height: 350px;
position: relative;
}

.overlayContent_avatar img{

position: absolute;
right: 35px;
top: -350px;
z-index: 3;
max-width: inherit !important;
max-height: 1500px;
}
.overlayContent_text{
width: 40%;
padding: 0px 30px;
}

.overlayContent_links button.btn-default{
width: 100%;
padding: 10px 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
margin-bottom: 10px;
font-size: 1.2em;
text-align: left;
white-space: pre-wrap;
padding-right: 3em;
position: relative;
line-height: 1em;
}
.overlayContent_links button.btn-default span{
position: absolute;
right: 5px;
height: 1em;
top:0px;
bottom: 0px;
margin: auto;

}

.overlayContent_links button.btn-accesJeu{
background: #93C80E;

}
.overlayContent_links button.btn-accesJeu:hover{
background-color: #83AF0C;
}
/* Effects */
.overlay-simplegenie {
visibility: hidden;
-webkit-transform: translateY(60%) scale(0);
transform: translateY(60%) scale(0);
-webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;
transition: transform 0.4s, visibility 0s 0.4s;
}

.overlay-simplegenie.open {
visibility: visible;
-webkit-transform: translateY(0%) scale(1);
transform: translateY(0%) scale(1);
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
}

.diaporamaProjet{
width: 100%;
display: inline-block;
padding-bottom: 100px;
margin-bottom: 50px;
}
#projet-slider img{
display: inline-block;
}

#projet-slider .carousel-indicators .active {
background-color: #000;
}

#projet-slider .carousel-indicators li {
border: 1px solid #000;
}

#projet-slider .carousel-indicators{
bottom: -50px;
}

#projet-slider .carousel-control {
background: none;
color: #000;
opacity: 1;
font-size: 3em;
}

#projet-slider .item:before{
display: none;
}
@media screen and (max-height: 30.5em) {
.overlay nav {
	height: 70%;
	font-size: 34px;
}
.overlay ul li {
	min-height: 34px;
}
}

/*---------------     Media Query      ---------------*/
@media screen and (max-width:1380px){
	#slider .carousel-control span{
	width: 45px;
}

#portfolio #projetsListe .projetBloc{
	padding: 20px;
}

#slider .slide-element .slideImage{/* img  */
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	background-size: auto 100%;
}
}
@media screen and (max-width:1100px){
#team .social-icons li {
	border-radius: 5px;
	margin: 2px;
}

#projetsListe li.demasque .projetBloc p{
	font-size: 18px;
}

#header .navbar-nav a{
	padding: 5px;
}

.slide-element .slideImage{/* img */
	width: auto !important;
	height: 100%;
	max-width: 200% !important;

}

.slide-element .itemEquipe_membre img{
	width: 100% !important;
}

#projet-slider .slide-element img{
	width: 100% !important;
	height: auto;
	max-width: 100% !important;

}

.container h2, .container-full h2{
	font-size: 70px;
}

.carousel-indicators{
	width: 80%;
}
#footer .mention, #footer .copyright{
	vertical-align: middle;
}

#footer .mention{
	max-width: 30%;
	font-size: 1.2em;

}

#projet-slider .carousel-indicators{
	bottom: 5px !important;
}

#projet-slider{
	padding-bottom: 50px;
}

.itemEquipe .container-full{
	font-size: 18px;
}
}

@media screen and (max-width:760px){

}

@media screen and (max-width:760px){
	#slider .slide-element .slideImage {/* img */
	position: relative;
	left: auto;
	transform: none;
	width: 100%;
	min-height: 300px;
}

#header .navbar-toggle{
	margin-top: 0;
	font-size: 2em;
	cursor: pointer;
	color: #4381AB;
	text-align: right;
	padding: 8px;
	margin: 0;

}
.icon-logo_tout{
	font-size: 48px;
}

.carousel-indicators li{
	width: 16px;
	height: 16px;
	margin: 5px;
}

.carousel-indicators .active{
	height: 18px;
	width: 18px;
	margin: 5px;
}

#header .navbar-toggle:focus {
	outline: none;
	border: none;
	color: #fff;
}
#header .navbar-fixed-top .navbar-toggle, #header .navbar-fixed-top .nav{
	margin-top: 0;
}
#header .navbar{
	background: rgba(0,0,0,0.8);
	height: auto;
}
.navbar-collapse{
	padding: 10px;
	border: none !important;
	box-shadow: none !important;

}

.container h2, .container-full h2{
	display: block !important;
	float: none !important;
	padding-right: 0px !important;
	padding-bottom: 30px !important;
	text-align: center !important;
	width: 100%;
}

#header .nav{

}
.navbar-collapse .navbar-nav{
	padding-left:150px !important;

}
.navbar-collapse .navbar-nav{
	padding-left:10px !important;
	float: none !important;
	margin: 0 !important;
}

p.aPropos{
	padding-bottom: 50px;
	text-align: center;

}
.colonneDouble{
	float: none;
	width: 100%;
	border:none;
	padding: 0 !important;

}
.colonneDouble:first-child{
	width: 100%;
	padding: 0 !important;
	text-align: center!important;
}
#slider .slide-element h1 {
	font-size: 1.4em;
}
#slider .slide-element p{
	font-size: 0.6em;
	color: #000;
}

#slider .readmore a{
	margin-top: 10px;
}
#slider .slide-element  .slideImage{/* img */
	width: auto;
	height: 100%;
	max-width:500%!important;
	position: relative;
}

#service .col-xs-6{
	margin: 0;
	width: 100%;

}

.itemEquipe_membre{
	width: 33.33%
}
.itemEquipe_membre .itemEquipe_descriptif{
	bottom: 5px;
}

#footer .mention{
	text-align: center;
	width: 55%;
	max-width: 55%;

}

#footer .copyright{
	display: inline-block;
	float: none;
	max-width: 100%;
	width: 100%;
	text-align: center;
	margin-right: 0px;

}
#aboutus .carousel-indicators li, #team .carousel-indicators li{
	padding: 5px 20px;
}

#pricing .col-xs-3 a {
	padding: 2px 15px;
}
#headnev ul li
{
	margin-bottom: 5px;
}

#somework .col-xs-3, 
#service .col-xs-3, 
#pricing .col-xs-3, 
#team .col-xs-3, 
#footer .col-xs-3
{
	width: 50%;
}


#portfolio .portfolio-type ul li:first-child {
	border-radius: 5px 0px 0px 5px;
}

#portfolio .portfolio-type ul li:last-child {
	border-radius: 0px 5px 5px 0px;
}

#portfolio .portfolio-type ul li {
	margin-left: -5px;
	border-left: 1px solid #6ec8ba;
	height: 25px;
	cursor: pointer;
}
#portfolio .portfolio-type ul li a {
	padding: 5px 10px 5px 20px;
	line-height: 25px;
	font-size: .9em;
	height: 25px;
}
#contactus .col-md-6
{
	width: 50%;
}
#contactus .col-md-3{
	width: 40%;
}

.overlayContent_avatar img{
	max-height: 1000px;
	top: -180px;
	right: 0;

}
.overlayContent_avatar{
	width: 20%;
}

.overlayContent_text{
	width: 40%;
}

.overlayHeader .container{
	padding: 40px 0px;
}

.overlayHeader img.popupProjet_logo{
	max-width: 360px !important;
}


}


@media screen and (max-width:500px){
.carousel-inner .item:first-child .slideImage {
	background-image: url(../img_m/slider_img1.jpg) !important;
}

.carousel-inner .item:nth-child(2) .slideImage {
	background-image: url(../img_m/slider_img2.jpg) !important;
}

.carousel-inner .item:last-child .slideImage {
	background-image: url(../img_m/slider_img3.jpg) !important;
}
#templateUK .carousel-inner .item:last-child .slideImage {
	background-image: url(../img_m/slider_img3_UK.jpg) !important;
}
#header .navbar-toggle{
	margin-top: 0;
	font-size: 2em;
	cursor: pointer;
	color: #4381AB;
	text-align: right;
	padding: 8px;
	margin: 0;

}
.icon-logo_tout{
	font-size: 48px;
}

.carousel-indicators li{
	width: 16px;
	height: 16px;
	margin: 5px;
}

.carousel-indicators .active{
	height: 18px;
	width: 18px;
	margin: 5px;
}

#header .navbar-toggle:focus {
	outline: none;
	border: none;
	color: #fff;
}
#header .navbar-fixed-top .navbar-toggle, #header .navbar-fixed-top .nav{
	margin-top: 0;
}
#header .navbar{
	background: rgba(0,0,0,0.8);
	height: auto;
}
.navbar-collapse{
	padding: 10px;
	border: none !important;
	box-shadow: none !important;

}
.navbar-collapse .navbar-nav{
	padding: 10px !important;
	float: none !important;
	margin: 0 !important;

}

li.langue{
	float: left;
}
#slider{
	height: auto !important;
	max-height: 480px !important;
	margin-top: 50px;
}
#slider .carousel-control span{
	/* 	top: -50px; */
}

span.icon-defilement_droite{
	right: -10px;
}

span.icon-defilement_gauche{
	left: -10px;
}

#slider .slide-element h1 {
	font-size: 0.8em;
	line-height: 1em;
	bottom: 60px;
}
#slider .slide-element p{
	font-size: 0.55em;
}

#slider .slide-element .slideImage{/* img */
	height: auto;
	width: 100% !important;
}

#portfolio .container-full{
	padding-top:40px; 
}

#portfolio .projetBloc{
	width: 100%;
	float: none !important;
	background: transparent !important;
}
a.enSavoirPlus{
	text-align: center;
}

.voirPlus{
	font-size: 30px;
}

#nosClients .container, #service .container, .voirPlus{
	padding: 40px 0px !important;
}
#aboutus .container-full h2, #team .container-full h2{
	padding-top: 40px;
}
#nosClients{
	font-size: 30px;
	border-top:1px solid #4381AB;
}
#nosClients .colonneDouble:last-child img{
	display: inline-block;
	width: 80% !important;
	max-width: 80% !important;
}
.colonneDouble{
	text-align: center;
}

#somework .col-xs-3, 
#service .col-xs-3, 
#pricing .col-xs-3, 
#team .col-xs-3, 
#footer .col-xs-3
{
	width: 100%;
}

#aboutus .col-xs-6{
	width: 100%;
	margin-top: 60px;
}
#aboutus .container-full{
	padding-top: 0px;
}

#service .col-xs-6{
	width: 100%;
	padding:10px;
}
#service .clint-div{
	position: relative;
	display: block;
	font-size: 5em;
	text-align: center;
	max-height: 1em;
}
#service h3{
	text-align: center;

}
h2{
	font-size: 40px !important;
}
#aboutus .carousel-indicators, #team .carousel-indicators{
	top: 80px;
	width: 100%;

}
#aboutus .carousel-indicators li, #team .carousel-indicators li{

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	text-align: center;


}
#aboutus .carousel-indicators li h3, #team .carousel-indicators li h3{
	font-size: 18px;
}
#aboutus .item .container-full,  #team .item .container-full{
	padding-top: 150px;
}

.blocChrono{
	margin: 0 !important;
	margin-top: 15px;
	width: 100%;
}
.blocChrono p, .blocChrono_date{
	display: block;
	float: left;
}
.blocChrono_date:before, .blocChrono_date:after{
	display: none;
}
.blocChrono p:after{
	display: none;
}
.blocChrono:after{
	display: inline-block;
	margin:0 49%;
	width: 0px;
	height: 15px;
	content: "";
	border-left: 1px dashed #fff;
}
#team .container-full{
	font-size: 16px;

}
.itemEquipe_membre{
	width: 50%;
}
.itemEquipe_membre h3{
	font-size: 1em;
}
.itemEquipe_membre h4{
	font-size: 0.7em;
}
#team .container-full h2{
	margin-bottom: 0;
}
#team .carousel-indicators{
	top: 0;

}
.itemCarte{
	max-height: 300px;
}
#team .container-full h2{
	margin-bottom: 0;
	padding-bottom: 0px !important;
}
#team .carousel-indicators li{
	width: 46%;padding: 0;
}
#team-slider{
	padding-top: 30px;
}
#team .item .container-full{
	padding-top: 0;
}

.dateAnnonce{
	float: none;
	display: block;
	padding-top: 5px;
}
.itemCarte .container{
	font-size: 1.2em;
}

form{
	padding: 50px 0;
}
form button{
	width: 100%;
	margin-bottom: 40px;
}

button.btn-default{
	padding: 5px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 30px;
}

#footer .container-full{
	text-align: center;
}
#footer .mention {
	width: 90%;
	max-width: 100%;
	border:none;
	padding: 15px;
	border-top: 1px solid #4381AB;
	margin-top: 15px;
}

.overlayHeader img.popupProjet_logo {
	max-width: 200px !important;
}

.overlayContent_avatar{
	display: none;
}

.overlayContent{
	padding: 5px;
	padding-top: 20px;
}

.overlayContent_text, .overlayContent_links, .overlayContent_avatar{
	width: 100%;
	min-height: 20px;
	padding: 10px;
}

.diaporamaProjet{
	margin-top: 20px;
}

.overlay .overlay-close{
	font-size: 3em;
}

.logoPing{
	-ms-transform: scale(0.5, 0.5);
	-webkit-transform:  scale(0.5, 0.5);
	transform:   scale(0.5, 0.5);
	right: -40px;
	top: -40px;
}

}


.post{
display: block;
width: 100%;
}

.voileBlanc{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 1000;
	background: #fff;
	visibility: hidden;
    -webkit-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    -webkit-animation-name: fadeOut; 
  animation-name: fadeOut;  
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    pointer-events:none;
      -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
} 

@-webkit-keyframes fadeOut { 
    0% {visibility: visible;
    	opacity: 1;} 
    99% {opacity: 0;}
    100%{visibility: hidden;
    	opacity: 0;
    	height: 0px;
    	
    	} 
} 
@keyframes fadeOut { 
    0% {visibility: visible;
    	opacity: 1;} 
    99% {opacity: 0;}
    100%{visibility: hidden;
    	opacity: 0;
    	height: 0px;
    	
    	} 
} 
/* correctif équipe */

#aboutus .carousel-inner>.item{
	display: block;
    }
#aboutus .item .container-full{
	padding-top: 40px;
}
#aboutus h3{
	    position: relative;
    z-index: 12;
    text-align: center;
}
#aboutus h2{
	    position: relative !important;
	    padding-top: 40px !important;
    z-index: 12;
    text-align: center;
}
.blocChrono:nth-child(even){
margin-right: : 33%;
text-align: right;
}
.blocChrono:nth-child(odd){
margin-left: 33%;
text-align: left;
}

#aboutus .itemEquipe:before{
	background-color: #75b308;
}

#portfolio .projetBloc .imageWrapper img{
	max-height: 200px;
}

/* correctif slider haut */

.slideImage{
	display: block;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.carousel-inner .item:first-child .slideImage{
	background-image: url(../img/slider_img1.jpg);
}

.carousel-inner .item:nth-child(2) .slideImage{
	background-image: url(../img/slider_img2.jpg);
}
.carousel-inner .item:last-child .slideImage{
	background-image: url(../img/slider_img3.jpg);
}
#templateUK .carousel-inner .item:last-child .slideImage{
	background-image: url(../img/slider_img3_UK.jpg);
}

.vertical_btn {
	display: flex;
    justify-content: center;
}

.vertical_btn a {
	color: white;
	border: 2px solid white;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'FuturaPT-Bold';
	border-radius: 4px;
}

.vertical_btn a:hover {
	background: white;
	color: #113147;
}

.icon-comp {	
    border-radius: 50%;	
	position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    background-size: 100%;
    margin-bottom: 10px;
}

.icon-equipe { background-image: url(../img/icon-equipe.png); }
.icon-unity { background-image: url(../img/icon-unity.png); }
.icon-web-design { background-image: url(../img/icon-webdesign.png); }
.icon-ar-vr { background-image: url(../img/icon-ar-vr.png); }

#service .col-xs-6.demasque { min-height: 150px; }

.comp-vertical p { clear: both; }

.logo-vertical {
	background: white;
	height: 40px;
	float: right;
	margin-top: 4px;
    margin: auto;
	float: inherit;
}

.show-on-mobile-only { display: block; }
.show-on-desktop-only { display: none; }

#rejoindre {	
	display: flex;
	color: white;
	padding-top: 8rem;
}

#rejoindre .container-full {
	min-width: 360px;
	margin: auto;
}

#rejoindre h2 {
	padding-bottom: 1rem;
}


@media (min-width: 500px) {
	.icon-comp {
		position: absolute;
		width: 138px;
		height: 138px;
		margin-bottom: 0;
	}
}

@media (min-width: 761px) {
	.itemEquipe_membre {
		width: 25%;
	}
	#rejoindre .container-full {
		min-width: 600px;
	}
}

	@media (min-width: 992px) {
		#portfolio #projetsListe li:nth-child(1) img.projet_fond,
		#portfolio #projetsListe li:nth-child(2) img.projet_fond,
		#portfolio #projetsListe li:nth-child(3) img.projet_fond {
			top: -60%;
		}
		.itemEquipe_membre {
			width: 20%;
		}
	}

	@media (min-width: 1200px) {
		.show-on-desktop-only {
			display: block;
		}

		.show-on-mobile-only {
			display: none;
		}

		.logo-vertical {
			float: right;
		}
	}