body {
	min-width: 980px;
	margin: 0 auto;
	left: 0;
	top: 0;
font-family: 'Product Sans', Arial, sans-serif;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
	
.parallax-window {
    min-height: 400px;

}	

	
	img{
	    position: relative;
	margin-bottom: -4px;	
	overflow: hidden;
	
	}
	
	.col-4 img{
	        width: 100%;
    padding: 50px 0;
	}
	
	.englobcontact:before {
    content: "";
    background-color: #f9f9f9;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
.englobetop{
    width: 100%;
    overflow: hidden;
    padding-top: 119px;
    margin-bottom: 80px;
}


.sectionwinkimg{
    background-color: #22b9ec;
    padding: 75px 0;
    margin-bottom: 50px;
}



.sectionwinkimg h1{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 40px;
}


.descriptionser {
    /* margin: 100px 0; */
    padding: 114px 0;
    font-size: 30px;
    line-height: 46px;
    background-color: #fbfbfb;
    color: #505050;
    text-align: center;
}


.sectionwinkimg p {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 21px;
    line-height: 35px;
    padding-bottom: 50px;
}

#filtrer-mob{
	display: none;
	}

#filters {
    padding: 0;
    position: relative;
    list-style: none;
    left: 50%;
    margin-left: -425px;
    margin-bottom: 38px;
}
.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  animation-duration:0.5s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
#popup{

	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: #000;
	z-index: 10000;

}

#popup img{
    width: 400px;
    top: 50%;
    margin-top: -56px;
    left: 50%;
    margin-left: -200px;
}

	#filters li {
		float:left;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;	
		position: relative;
		z-index: 10;
		text-decoration:none;
		    font-size: 20px;
    font-weight: 700;
    color: #8a8a8a;
		cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
	
#next2 {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 5;
}
	#real{
		position: relative;
	overflow: hidden;
	width: 100%;
			
	}
	
#proj1{

	width: 100%;
	position: absolute;
}

#proj1.floatable3{ 
position: fixed;
top: 0
}
#proj2{

	width: 100%;
	position: absolute;
}
#proj2.floatable4{ 
position: fixed;
top: 0
}

#proj3{
	position: absolute;
	width: 100%;

}

#proj3.floatable5{ 
position: fixed;
top: 0
}


#glob1{

	width: 100%;

}


#glob2{

	width: 100%;

}
#glob3{

	width: 100%;

}


.bestgen{
    padding: 0 0 100px 0;
    margin: 100px 0;
    background-color: #f7f7f7;
    text-align: center;
}


.bestgen img {
    width: 25%;
    margin-bottom: 25px;
}

.bestgen h1{
    font-size: 23px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bestgen p{
    /* width: 25px; */
    padding: 0 10%;
    font-size: 16px;
    letter-spacing: 1px;
}

.realplus{

    background-color: rgba(0, 0, 0, 0.74);
width: 100%;
height: 100%;
position: absolute;

}

.videolutron {
    width: 60%;
    height: 416px;
    margin: 10% 21%;
}
.v-align {

    margin-top: 50vh;
    text-align: center;
    position: absolute;
    display: block;
    width: 100%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.v-align h2{
    font-size: 50px;
    margin: 0 0 1em 0;
    color: #fff;
    display: block;
}

.v-align p {
    font-size: 25px;
    margin: -20px 0px 32px 0;
    color: #fff;
}

a.btnlien {
    font-size: 14px;
    /* border-radius: 3px; */
    font-weight: bold;
    color: #fed92d;
    border: 3px solid #fed92d;
    background-color: transparent;
    padding: 0.9em 1.3em;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 2px;
    margin-top: 11px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

a.btnlien:hover {
	color: #000;
    background-color: #fed92d;
	color: #000;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

a.btnlien2 {
    font-size: 14px;
    color: #fff;
	border-radius:3px;    
        background: #000000;
    padding: 0.9em 1.3em;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    left: 50%;
    top: 0;
    position: relative;
    margin-left: -110px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

a.btnlien2:hover {
    background: #333333;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#space-bot{

	background-color: #fff;
	width: 100%;
	height: 70px;
	z-index: 4;
	position: absolute;
	margin-top: -100px;
	

}


#space-bot.fixed {
    position: fixed;
    bottom: 0;
}
#space-bot.bottom {
    position: fixed;
    top: inherit;
    bottom: 0; /* Height of the footer element, plus some extra pixels if needed */
}
	
#filters li span:hover {
color: #000000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
	
	
	#filters li span.active {
color: #252525;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
	
	
#filters li span:after {
    content: '';
    width: 0%;
    height: 6px;
    margin: 0 5%;
    top: 14px;
    z-index: -1;
    position: absolute;
    background: #FED94D;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}	


#slider2 {
    width: 100%;
    position: relative;
    background: url(/images/slider.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




.videotop {
    top: 0;
    background: url(/images/bgdom.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    z-index: 10;
    height: 100%;
    position: absolute;
}

.imgdom{
    margin-top: -160px;
    position: relative;
    z-index: 1000;
    margin-left: 21%;
    width: 60%;
}

.blblanc{

background-color: #fff;
width: 100%;
overflow: hidden;

}

.col-5 {
    float: left;
    width: 12%;
    margin: 4%;
}

.col-5 img{

	width: 100%;

}


.plusprod2 {
    left: 50%;
    position: relative;
    margin-top: 0px;
    text-transform: uppercase;
    background: #FED94D;
    padding: 27px 44px;
    margin-left: -120px;
    margin-bottom: 68px;
    border-radius: 3px;
    border: none;
    font-size: 15px;
    z-index: 10;
    cursor: pointer;
    box-shadow: 0px 21px 37px -2px rgb(255, 229, 146);
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.plusprod2:hover{
    background: #ffce37;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.logowink{
    width: 30%;
    margin: 45px 35% 0 35%;
}


.video2 {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-60%);
	background-color: #000;
}

.englobedom {
    margin-top: -200px;
    position: relative;
    background-color: #0a0a0a;
    z-index: 10;
}
.basslider {
    width: 100%;
    height: 100px;
    margin-top: -100px;
    content: '';
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(bottom,rgba(255, 255, 255, 0.01) 0%,rgba(255, 255, 255, 0.92) 46%,rgb(255, 255, 255) 100%);
    background: linear-gradient(to top,rgb(10, 10, 10) 0%,rgba(10, 10, 10, 0.7) 46%,rgba(10, 10, 10, 0) 100%);
}
	
#filters li span.active:after {
    content: '';
    width: 90%;
    height: 6px;
    margin: 0 5%;
    top: 14px;
    z-index: -1;
    position: absolute;
    background: #FED94D;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#menubarre {display: none;}

.header_phone_block {display: none;}

#menuemob {display: none;}

#header {
    height: 75px;
    position: fixed;
    width: 100%;
    top: 0.1px;
    min-width: 980px;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.88);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}




#header.floatable{
	top: 0;
    background-color: #000;
    z-index: 1000;
	
	}
#englobebut{

	margin-top: 0.1px;

}	

#englobebut.floatable2{

	margin-top: 0;

}	

#s11link {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    right: 5px;
    float: right;
    top: 22px;
    position: relative;
    font-size: 12px;
    display: block;
    margin-left: 25px;
    z-index: 100;
    padding: 8px;
    color: #FED94D;
    background-color: transparent;
    border: 2px solid #FED94D;
    cursor: pointer !important;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#englobebut.floatable2 #s11link{
    opacity: 0;
    top: -30px;
    visibility: hidden;
    
}


#englobebut #s11link-mob{
	
	display: none;
}
#s11link:hover {
    background-color: #FED94D;
    color: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.s11label {
    display: inline-block;
    font-weight: bold;
    margin: calc(-1 * 0px) 0px 0;
    position: relative;
    white-space: nowrap;
}

.contenue .ticomp3 {
    font-weight: 800;
    font-size: 35px;
    margin-top: 91px;
    margin-bottom: 83px;
    text-align: center;
    position: relative;
    letter-spacing: 3px;
}


.contenue .ticomp3:after {
    content: '';
    width: 50px;
    height: 2px;
    top: 73px;
    background: #FED94D;
    margin-left: -25px;
    position: absolute;
    left: 50%;
}

	
.slectput{
    background: #ffffff;
    border-bottom: 1px solid #c5c5c5;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 27px;
    position: relative;
    z-index: 10;
    width: 90%;
    margin-left: 5%;
    color: #343434;
    font-size: 18px;
    margin-bottom: 30px;
     -webkit-appearance: none;
     background-image: url(/images/arrowbas.png);
    background-repeat: no-repeat;
    background-position: right;
    outline: none;
}

#header .logo {
    width: 200px;
    display: block;
    float: left;
    margin-top: 10px;
    left: 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.entete {
    float: left;
    width: 90%;
    margin-bottom: 20px;
    padding-right: 5%;
    background-color: #eaeaea;
    padding-left: 5%;
    font-weight: bold;
    line-height: 43px;
    color: #848484;
}

.fermerbut{
margin-top: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	float: right;
background: url(/images/x.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


}

#postuler {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 50px;
    left: 50%;
    margin-left: -170px;
    width: 367px;
    color: #000;
    font-size: 18px;
    line-height: 7px;
    font-weight: bold;
    text-transform: uppercase;
    background: #FED94D;
    padding: 32px 0 27px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.postulcont{
    padding: 10px 0 109px 0;
	margin-top: 100px;
    background: #FED94D;

}

#postuler:hover{
    background: #fdd149;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
	
#contact-service{
    background-color: #ffffff;
    position: absolute;
    top: 75px;
    right: 14px;
    width: 400px;
    overflow: hidden;
    height: 0;
    z-index: 101;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ledstrip{

	width: 100%;
position: relative;
overflow: hidden;
	height: 	400px;
}
video { 
    position: absolute;
    top: 73%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('/video/bgvideo.png') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

.ledstrip h1{
    text-align: center;
    margin-top: 91px;
    text-transform: uppercase;
    color: white;
    font-size: 60px;
}

.pluslien2{
	
	cursor: pointer;

}

.pluslien2 h1 {
	cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    margin-top: 67px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pluslien2 .plusicone {
    background-color: #fff;
    width: 35px;
    height: 35px;
    color: white;
    font-weight: lighter;
    border-radius: 50%;
    left: 50%;
    margin-top: -47px;
    color: #000;
    text-align: center;
    line-height: 33px;
    font-size: 30px;
    position: relative;
    margin-left: -15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pluslien2:hover .plusicone{
    background-color: #e7a920;
}



.logo img {
    height: 57px;
}

.contenue {
position: relative;
width: 980px;
overflow: hidden;
margin: 0 auto;


}
.contenuegoogle {
position: relative;
width: 980px;
margin: 0 auto;


}

.contenuetop {
position: relative;
width: 980px;
margin: 0 auto;


}


#header .menue{

	float: right;
    width: 730px;
	margin-top: 0;
}


li{
position: relative;
list-style-type : none;

}


.tele {
    float: left;
    width: 20%;
    margin-left: 20%;
    position: relative;
}


#service-menue .drop {
    width: 15px;
    height: 15px;
    position: relative;
    top: -45px;
    left: 70px;
    right: 0;
    background: url(/images/drop.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#service-menue .actif  .drop {
    background: url(/images/drophover.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#service-menue:hover .drop {
    background: url(/images/drophover.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header .menue li #link{

	float: right;
	line-height: 75px;
	color: white;
	font-weight: bold;
    font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.lienexper {
    margin-top: 80px;
    padding: 5%;
    position: relative;
    cursor: pointer;
}
.lienexper img{
    width: 90%;
    left: 5%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.lienexper span{
    background-color: #fdd84c;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 16px 34px;
    z-index: 1;
    color: #000;
    position: absolute;
    left: 2%;
    bottom: 1%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.lienexper:hover span{
    left: 5%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.lienexper span img {
    width: 22px;
    margin-left: -3px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.lienexper:hover span img {
    width: 22px;
    margin-left: 5px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#header .menue li #link:hover{
color: #FED94D;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

#header .menue #service-menue:hover #link {
color: #FED94D;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#header .menue li #link.actif{
color: #FED94D;
	float: right;
	line-height: 75px;
	font-weight: bold;
    font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}


.col-menue-1{
    padding: 11px 0px 26px 0px;
float: left;
width: 70%;
overflow: hidden;
}

.col-menue-1 #sub-menu a li {
    padding: 6px 5%;
    width: 90%;
}


.col-menue-1 #sub-menu a {
    line-height: inherit;
    color: white;
    font-weight: bold;
    overflow: hidden;
    font-size: 11px;
    display: block;
    width: 33.333%;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-menue-1 #sub-menu a:hover{

	color: #FED94D; 

}

.col-menue-2{
    padding: 11px 0px 26px 0px;
float: left;
width: 29%;
overflow: hidden;
}

.col-menue-2 #sub-menu a li {
    padding: 6px 5%;
    width: 90%;
}

.col-menue-2 #sub-menu a {
    line-height: inherit;
    color: white;
    font-weight: bold;
    overflow: hidden;
    font-size: 12px;
    display: block;
    width: 50%;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-menue-2 #sub-menu a:hover{

	color: #FED94D; 

}

#header.floatable .menue #service-menue #sub-menu2 {
    background-color: #0a0a0a;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header .menue #service-menue #sub-menu2 {
    background-color: rgba(0, 0, 0, 0.88);
    width: 100%;
    padding: 40px 0;
    padding: 0;
    float: left;
    margin: 0;
    position: fixed;
    top: 75px;
    overflow: hidden;
    left: 0;
	height: 0px;
    z-index: 9999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header .menue #service-menue:hover #sub-menu2 {
    padding: 40px 0;
		height: 275px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#proc{

   padding: 100px 0 150px 0;
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 80px;
   background-color: #0c0c0c;

}

#proc img{
    width: 30%;
    margin: 0 35%;
    margin-top: 44px;
}
#proc h4{
    text-align: center;
    color: #fff;
font-size: 21px;
    text-transform: uppercase;
    
} 

#proc p{
    color: #fff;
    padding: 0 10%;
    text-align: center;
}   
    
.titrechaublproc {
    text-transform: uppercase;
    font-size: 40px;
    padding: 20px 50px;
    margin: 30px 0;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    background: url(/images/black-wavebl.png) no-repeat center 85px;
}

.titrechaublproc:after {
    content: "";
    width: 115px;
    height: 3px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}



.liensub {
    border: 2px solid #FED94D;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-left: 5%;
    cursor: pointer;
    font-size: 11px;
    margin-top: 5px;
    outline: none;
    margin-top: 25px;
    left: 50%;
    position: relative;
    margin-left: -85px;
    font-weight: bold;
    color: #fed94d;
    background-color: transparent;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
 .liensub:hover{
 	color: #000;
     background-color: #fed94d;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
 
 }

#sub-menu2 h1 {
    color: #FED94D;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    margin-bottom: 28px;
}

.centre {
    position: relative;
    left: -40px;
    width: 210px;
}







.conttop {
    width: 100%;
    position: absolute;
    top: 161px;
    left: 0;
}
.conttop h1 {
    text-align: center;
    font-size: 60px;
    color: white;
        letter-spacing: 2px;
    text-transform: uppercase;
}


#genh1 {
    text-align: center;
    line-height: 100px;
    font-size: 40px;
    color: white;
    text-transform: uppercase;
}



.divider-dark {
    background: url(/images/divider-dark.png) repeat-x;
    height: 100px;
    margin-bottom: 50px;
    position: relative;
    width: 100%;
}

::-webkit-scrollbar {
    width: 6px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background: #fed94d;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
::-webkit-scrollbar-track-piece {
    background: #030303;
}
::selection {
    color: #fff;
    background-color: #333;
}

.next-section {
    width: 50px;
    height: 50px;
    border: 3px solid #FED94D;
    display: block;
    margin: 0 auto;
    position: relative;
    line-height: 60px;
    position: relative;
background: url(/images/basjaune.png) no-repeat center center;
background-size: 40px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.next-section:before {
    content: "";
    background-color: #fdd84d;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: -1;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.next-section:hover {
background: url(/images/basblanc.png) no-repeat center center;
background-size: 40px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.next-section:hover:before {
    top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#slider {
    width: 100%;
    position: relative;
    height: 100%;
      }
      
      
#slider img {
    width: 100%;
    position: relative;
      }
      
      
#slider .domotique{
    position: absolute;
    top: 20%;
    left: 10%;
    width: 30%;
}


#slider .domotique img {
    width: 55%;
}

#slider .domotique img.ligne {
    width: auto;
    position: absolute;
    left: 101%;
    top: 0;
    height: auto;
    background-color: transparent;
}

#slider .domotique h1{
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
}

#slider .domotique p{
    color: #fff;
    font-size: 18px;
}

#slider .lienplus {
    border: 3px solid #ffffff;
    padding: 10px 15px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 13px;
    margin-top: 0;
    outline: none;
    left: 0;
    position: relative;
    font-weight: bold;
    color: #ffffff;
    background-color: transparent;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#slider .lienplus:hover {
	color: #000;
background-color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}



#slider .generatrice {
    position: absolute;
    top: 30%;
    left: 60%;
    width: 30%;
}


      
#slider .generatrice img{
	width: 40%;
}      


#slider .generatrice img.ligne {
    width: auto;
    position: absolute;
    left: 101%;
    top: 0;
    height: auto;
    background-color: transparent;
}

#slider .generatrice h1{
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
}

#slider .generatrice p{
    color: #fff;
    font-size: 18px;
}
      
.sliderlien {
    width: 950px;
    position: absolute;
    left: 0;
    margin-left: -475px;
    left: 50%;
    text-align: center;
    margin-top: 52vh;
    transform: translateY(-50%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.sliderlien h1 {
    color: #fff;
    font-size: 37px;
    line-height: 68px;
    text-transform: uppercase;
}
      
.slogan {
    font-family: 'Lora', serif;
    font-style: italic;
    font-weight: normal;
    line-height: normal;
    font-size: 20px;
    text-align: center;
    letter-spacing: 3.2px;
    color: #FFFFFF;
        margin-bottom: -13px;
    display: block;
    width: 100%;
}



.md-cate {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    color: #000000;
    padding: 15px 50px;
    background-color: #FED94D;
    display: table;
    margin: -15px auto 50px auto;
}
.wp-video .title {
    font-family: 'Josefin Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 64px;
    text-align: center;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.textgen{
    padding: 0 100px;
    font-size: 22px;
    text-align: center;
}

.sliderpage{
    width: 100%;
	height: 460px;
	position: relative;
}





.defil {
    position: absolute;
    bottom: -50px;
    width: 1px;
    left: 50%;
    margin-left: -0.5px;
    text-align: center;
    text-transform: uppercase;
    color: #FED94D;
    font-weight: bold;
    font-size: 20px;
}


.defil2 {
    position: absolute;
    margin-top: -90px;
    width: 1px;
    left: 50%;
    margin-left: -1px;
    text-align: center;
    text-transform: uppercase;
    color: #FED94D;
    font-weight: bold;
    font-size: 20px;
}

.ligne {
    width: 1px;
    height: 130px;
    position: relative;
    margin-top: 20px;
    left: 0;
    z-index: 10;
    background-color: #FED94D;
}


.main-heading {
    text-align: center;
}


.titregen {
    background: url(/images/black-wave.png) no-repeat center 118px;
    padding: 0 0 39px 0;
    margin: 10px 0 0 0;
    text-align: center;
    font-weight: 700;
    font-size: 46px;
    text-transform: uppercase;
    color: #000;
}

.titregen :after {
    content: "";
    width: 115px;
    height: 3px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

.main-heading h4 {
    color: rgb(250, 191, 9);
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 11px;
}

.main-title{
    color: rgb(250, 191, 9);
    font-weight: bold;
    font-size: 24px;
    margin-top: 150px;
        margin-bottom: 75px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.cont-num{
	position: relative;
	float: left;
	margin: 30px 0;
	width: 25%;
	overflow: hidden;

}

.cont-num img{
	width: 90%;
	margin: 0 5%;
	margin-top: 50px;
}

.cont-num .num {
    font-size: 80px;
    line-height: 100px;
    letter-spacing: -0.04em;
    position: absolute;
    color: #FED94D;
    left: 0;
    z-index: 2;
    font-weight: 900;
}

.cont-num h3 {
    line-height: 1.25;
    font-weight: 900;
    position: relative;
    color: #000;
    text-transform: uppercase;
    height: 108px;
    font-size: 22px;
    margin: 26px 30px;
}

.main-heading h1 {
    background: url(/images/black-wave.png) no-repeat center 108px;
    padding: 0 0 20px 0;
    margin: -27px 0 0 0;
    font-weight: 700;
    font-size: 85px;
    text-transform: uppercase;
    color: #000;
}

.textdes {
    /* margin-top: -20%; */
    text-align: center;
    font-size: 24px;
    position: relative;
    /* margin-bottom: 200px; */
    line-height: 37px;
}

.textdes h1 {
    padding: 11% 10% 0% 10%;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
}

.textdes p {
    padding: 4% 10% 11% 10%;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
}

.textdes .leftblock{

position: absolute;
left: 5%;
width: 45%;
margin-top: 2%;
height: 100%;

    background: url(/images/sliderbas.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.textdes .rightblock{

position: absolute;
left: 50%;
width: 45%;
top: 0;
height: 100%;
    background-color: #1b1b1b;
}


.espacegen{

position: relative;
height: 100px;

}

.revendeur{
    width: 30%;
    left: 35%;
    position: relative;
    margin-top: 140px;
    margin-bottom: -130px;
}



.textdes2 {
    font-size: 36px;
    font-weight: 100;
    margin-top: 50px;
    text-align: center;
    margin-bottom: 150px;
    line-height: 47px;
    text-transform: uppercase;
}

.textdes3 {
    font-size: 28px;
    font-weight: 100;
    margin-top: 50px;
    text-align: left;
    margin-bottom: 50px;
    line-height: 44px;
}

.textdes3 li {
    list-style-type: circle;
}

ul {
		float: none;
    margin-top: auto;
}


.serviceengobe {
    padding: 100px 0;
    margin-top: 100px;
    width: 100%;
    border-top: 1px solid #efefef;
    overflow: hidden;
}

.service {
    margin-bottom: 150px;
    padding-top: 50px;
    margin-top: 150px;
    padding-bottom: 50px;
    background-color: #e7ad34;
    background: url(/images/light.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.prod-voir{
	width: 100%;
	padding: 50px 0;
    background-color: #3DCD58;

}

.col-3-voir-1{
	
	float: left;
	width: 33.33%;
	overflow: hidden;
}

.col-3-voir-2{
	
	float: left;
    width: 44.33%;
	overflow: hidden;
}

.col-3-voir-3{
	
	float: left;
	width: 22.33%;
	overflow: hidden;
}


.col-3-voir-1 img{
	margin-top: 24px;
	width: 100%;

}

.col-3-voir-2 h2{
    font-size: 25px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 35px;
}


.col-3-voir-4{
	
	float: left;
    width: 77%;
	overflow: hidden;
}

.col-3-voir-4 h2{
    font-size: 37px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

#lienvoir2 {
    margin-top: 38px;
 }
.lienvoir {
    border: 1px solid #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-left: 5%;
    cursor: pointer;
    font-size: 11px;
    margin-top: 5px;
    outline: none;
    margin-top: 69px;
    left: 50%;
    position: relative;
    margin-left: -66px;
    border-radius: 3px;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.lienvoir:hover {
    background-color: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.74)#c6efce;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.text-p {
    font-size: 25px;
    line-height: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.service-icone {
    width: 20%;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
    cursor: pointer;
    overflow: hidden;
}

.service-icone img {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

.service-icone h3 {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    position: relative;
}


.service-icone h3:after {
    position: absolute;
    display: block;
    content: "";
    width: 50px;
    height: 5px;
    background-color: #fff;
    left: 50%;
    margin-left: -25px;
    bottom: -10px;
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transitionŽ: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
}
.service-icone:hover h3:after {

    background-color: #000;

}

.espacetitle{

height: 100px;

}

.englobe{
	margin: 100px 0;
	position: relative;
	width: 100%;
	overflow: hidden;

}


.imgdif{
	
	left: 0;
	top: 0;
	position: absolute;
	width: 50%;
	height: 100%;
background: url(/images/slider.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	


}

.imgdifgen{
	
	left: 0;
	top: 0;
	position: absolute;
	width: 50%;
	height: 100%;
background: url(/images/generac.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	


}

.contdif{
	
	padding: 100px 0;
left: 50%;
width: 50%;
    background-color: #f3f3f3;
position: relative;

}

.contdif h1{
	
	text-align: center;
	margin-bottom: 50px;
	    text-transform: uppercase;
    color: #313131;
    font-size: 27px;
font-weight: 700;
}

.contdif ul {
    float: none;
    width: 600px;
    font-size: 23px;
    color: #6f6f6f;
    position: relative;
    line-height: 37px;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
}


.contdif ul li {
    position: relative;
    list-style-type: square;
}


.engloberight{
	position: relative;
	width: 100%;
	overflow: hidden;

}


.imgdifright{
	
	left: 50%;
	top: 0;
	position: absolute;
	width: 50%;
	height: 100%;
background: url(/images/slider.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	


}


.contdifleft{
	
	padding: 100px 0;
left: 0;
width: 50%;
    background-color: #f3f3f3;
position: relative;

}

.contdifleft h1{
	
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
    color: #FED94D;
    font-size: 27px;
    font-weight: 700;
}

.contdifleft ul {
    float: none;
    width: 600px;
    font-size: 23px;
    color: #6f6f6f;
    position: relative;
    line-height: 37px;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
}




.englobe2{
	position: relative;
	width: 100%;
	overflow: hidden;

}


.imgdif{
	
	left: 0;
	top: 0;
	position: absolute;
	width: 50%;
	height: 100%;
background: url(/images/slider.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	


}


.img2{
	
	left: 0;
	top: 0;
	position: absolute;
	width: 50%;
	height: 100%;
background: url(/images/elec.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	


}

.col-11{
	margin: 1%;
	float: left;
	width: 98%;
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-11 img{

	width: 100%;

}


.zoneservice {
    float: left;
    width: 33%;
    height: 600px;
    overflow: hidden;
    position: relative;
    margin-top: 200px;
    margin-bottom: 50px;
    border-right: 3px solid #fff;
}



#col-2 {
    width: 49%;
    margin: 150px 0;
}

.col-2 img{

	width: 100%;

}

.zone1img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
background: url(/images/generac.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	


}

.zoneservice:hover .zone1img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zone4img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
background: url(/images/gene-commercial.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	


}

.zoneservice:hover .zone4img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zone2img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
background: url(/images/chaufage.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;


}

.zoneservice:hover .zone2img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}



.zone3img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
background: url(/images/led.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;


}

#haut {
    position: relative;
    width: 100%;
    height: 2px;
}
	
#fin{

	position: relative;	
		width: 100%;
	}
	
.erreur{
	overflow: hidden;
	padding: 100px 50px;

	}
	
.erreur img {
    margin: 0 25%;
    width: 50%;
}

.erreur p{
    color: #996d4d;
    text-align: center;
    font-size: 34px;
    padding: 0 200px;
}


.erreur .lienprin {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 50px;
    left: 50%;
    margin-left: -180px;
    width: 367px;
    color: #fff;
    font-size: 18px;
    line-height: 7px;
    font-weight: bold;
    text-transform: uppercase;
    background: #996d4d;
    padding: 32px 0 27px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.erreur .lienprin:hover {
    background: #987860;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.zoneservice:hover .zone3img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}




.zoneservice2 {
    float: left;
    width: 33%;
    height: 600px;
    overflow: hidden;
    position: relative;
    margin-top: 0;
    margin-bottom: 3px;
    border-right: 3px solid #efeaea;
}

.zoneservice2:hover .zone1img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}



.zoneservice2:hover .zone2img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zoneservice2:hover .zone3img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zoneservice2:hover .triggers-content {
    padding: 5% 5% 20% 5%;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
} 


.zoneservice2:hover .listing-appli-link2{

	visibility: visible;
	opacity: 1;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zoneservice2:hover .listing-appli-link2{

	visibility: visible;
	opacity: 1;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


.zoneservicecol2 {
    float: left;
    width: 49.7%;
    height: 600px;
    overflow: hidden;
    position: relative;
    margin-top: 0;
    margin-bottom: 3px;
    border-right: 3px solid #efeaea;
}

.zoneservicecol2:hover .zone1img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zoneservicecol2:hover .zone2img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zoneservicecol2:hover .zone3img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zoneservicecol2:hover .triggers-content {
    padding: 5% 5% 20% 5%;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
} 


.zoneservicecol2:hover .listing-appli-link2{

	visibility: visible;
	opacity: 1;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.zoneservicecol2:hover .listing-appli-link2{

	visibility: visible;
	opacity: 1;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


#espacesecteur{

margin: 150px auto;

}

.imgicone {
    width: 30%;
    position: relative;
    left: 35%;
}
.imgicone img{
    width: 100%;

}

.triggers-title {
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.triggers-copy {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}

.listing-appli-link2 {
    opacity: 0;
    visibility: hidden;
    border: 2px solid rgba(214, 163, 7, 0.85);
    padding: 10px;
    padding: 5px 0;
    border-radius: 2px;
    background-color: rgba(250, 191, 9, 0.85);
    text-transform: uppercase;
    color: #000;
    position: absolute;
    bottom: 25px;
    left: 50%;
    font-size: 11px;
    width: 110px;
    margin-left: -56px;
    text-align: center;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


.zoneservice:hover .listing-appli-link2{

	visibility: visible;
	opacity: 1;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


.triggers-content {
    width: 70%;
    border-radius: 5px;
    padding: 13% 5%;
    top: 46%;
    position: relative;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 10%;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


.zoneservice:hover .triggers-content {
    padding: 5% 5% 20% 5%;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
} 

.titrechau {
    text-transform: uppercase;
    font-size: 40px;
    padding: 20px 10%;
    margin: 255px 0;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    color: #000000;
    background: url(/images/black-wave.png) no-repeat center 118px;
}

.titrechau:after {
    content: "";
    width: 115px;
    height: 3px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}


.titrechaubl {
    text-transform: uppercase;
    font-size: 40px;
    padding: 20px 10%;
    margin: 255px 0;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    background: url(/images/black-wavebl.png) no-repeat center 118px;
}

.titrechaubl:after {
    content: "";
    width: 115px;
    height: 3px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

.soustitrechau {
    font-size: 24px;
    line-height: 34px;
     text-align: center;
    margin-top: 50px;
    margin-bottom: 137px;
    color: #717171;
}
 
 .soustitrechaubl {
    font-size: 24px;
    line-height: 34px;
     text-align: center;
    margin-top: 50px;
    margin-bottom: 137px;
    color: #fff;
}
 
.triggers-content-gen {
    width: 70%;
    border-radius: 5px;
    padding: 8% 5% 16% 5%;
    top: 46%;
    position: relative;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 10%;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.triggers-title-gen {
    font-size: 31px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.triggers-copy-gen {
    font-size: 17px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}

.listing-appli-link2-gen {
    border: 2px solid rgba(214, 163, 7, 0.85);
    background-color: rgba(214, 163, 7, 0.85);
    padding: 10px;
    padding: 5px 0;
    text-transform: uppercase;
    color: #FFF;
    position: absolute;
    margin-top: 32px;
    left: 50%;
    border-radius: 2px;
    font-size: 11px;
    width: 110px;
    margin-left: -56px;
    text-align: center;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

 
 

 
.col-11 .after {
    background: rgba(0, 0, 0, 0.65) url(/images/bkg_content2.png) no-repeat scroll center center;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.col-11:hover .after {
	
	visibility: visible;
	opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.col-22{
	margin: 1%;
	float: left;
	width: 48%;
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-22 img{

	width: 100%;

}

.col-22 .after {
    background: rgba(0, 0, 0, 0.65) url(/images/bkg_content2.png) no-repeat scroll center center;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.col-22:hover .after {
	
	visibility: visible;
	opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.col-33-intru{
	margin: 1%;
	float: left;
	width: 31.3333%;
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-33-intru img{

	width: 100%;

}

.col-33{
	margin: 1%;
	float: left;
	width: 31.3333%;
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-espace-33{

	height: 1px;
	width: 17%;
	float: left;
	overflow: hidden;

}

.col-33 img{

	width: 100%;

}

.col-33 .after {
    background: rgba(0, 0, 0, 0.65) url(/images/bkg_content2.png) no-repeat scroll center center;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.col-33:hover .after {
	
	visibility: visible;
	opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}









.col-33-led{
	margin: 1%;
	float: left;
	width: 31.3333%;
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.col-33-led img{

	width: 100%;

}

.col-33-led .after {
    background: rgba(0, 0, 0, 0.65) url(/images/bkg_content2.png) no-repeat scroll center center;
    height: 90%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.col-33-led:hover .after {
	
	visibility: visible;
	opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}


.cont-led-des {
    position: relative;
    margin: 100px 0;
    overflow: hidden;
}

.img-led-left{
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
}

.text-led-left {
    position: relative;
    left: 50%;
    overflow: hidden;
    width: 48%;
    margin-bottom: 2%;
    background-color: black;
    color: #fff;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.63);
    margin-top: 150px;
}

.text-led-left p{
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
}
.text-led-left img{
    width: 100%;
}



#before{
    position: ABSOLUTE;
    z-index: 100;
    margin-top: -65px;
    background-color: rgba(255, 255, 255, 0.75);
    color: #000;
    padding: 5px 16px;
    border-radius: 3px;
    text-transform: uppercase;
    left: 12%;
    font-size: 11px;
}

#after{
    position: ABSOLUTE;
    z-index: 100;
    margin-top: -65px;
    background-color: rgba(255, 255, 255, 0.75);
    color: #000;
    padding: 5px 16px;
    border-radius: 3px;
    text-transform: uppercase;
    left: 63%;
    font-size: 11px;
}


.img-led-right{
    position: absolute;
    top: 0;
    left: 40%;
    width: 60%;
    height: 100%;
}

.text-led-right {
    position: relative;
    left: 2%;
    overflow: hidden;
    width: 49%;
    margin-bottom: 2%;
    background-color: black;
    color: #fff;
    margin-top: 150px;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.63);
}

.text-led-right p{
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
}

.text-led-right img{
    width: 100%;
}

.col-33-led h3 {
    color: white;
    text-align: center;
    background-color: #000;
    padding: 15px 0;
    margin-top: 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}


.col-66-led{
	margin: 1%;
	float: left;
	width: 64.6666%;
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.col-66-led img{

	width: 100%;

}

.col-66-led .after {
    background: rgba(0, 0, 0, 0.65) url(/images/bkg_content2.png) no-repeat scroll center center;
    height: 90%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.parent {
    position: relative;
    padding: 50px 0;
}


.enfant {
    position: absolute;
    top: 50%;
    padding: 3% 2%;
    text-align: center;
    left: 3%;
    width: 45%;
    color: #fff;
    background-color: #000;
    z-index: 100;
    transform: translateY(-50%);
}

.enfant h2 {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px;
}

.enfant p  {
    line-height: 19px;
    font-size: 15px;
}

.contimgserv {
    position: relative;
    overflow: hidden;
    left: 40%;
    width: 60%;
    margin: 2%;
}


.parent .imgserv {
    width: 100%;
    position: relative;
    margin-bottom: -5px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.enfant-l {
    position: absolute;
    top: 50%;
    text-align: center;
    padding: 3% 2%;
    left: 50%;
    width: 45%;
    color: #fff;
    background-color: #000;
    z-index: 100;
    transform: translateY(-50%);
}

.enfant-l h2 {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px;
}

.enfant-l p  {
    line-height: 19px;
    font-size: 15px;
}



{
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 2px;
}

.contimgserv-l {
    position: relative;
    overflow: hidden;
    left: 0%;
    width: 60%;
    margin: 2%;
}




.col-66-led:hover .after {
	
	visibility: visible;
	opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.col-66-led h3 {
    color: white;
    text-align: center;
    background-color: #000;
    padding: 15px 0;
    margin-top: -1px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.entrepreneur {
    background-size: cover;
    width: 100%;
    padding: 150px 0;
    margin: 100px 0 100px 0;
}

.entrepreneur h1{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 43px;
    line-height: 60px;
    padding: 0 80px;
}


.lienentre {
    border: 3px solid #ffffff;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-left: 5%;
    cursor: pointer;
    font-size: 13px;
    margin-top: 5px;
    outline: none;
    margin-top: 25px;
    left: 50%;
    position: relative;
    margin-left: -85px;
    font-weight: bold;
    color: #ffffff;
    background-color: transparent;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.lienentre:hover {
	color: #000;
background-color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.col-66{
	margin: 1%;
	float: left;
	width: 64.6666%;
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.col-66 img{

	width: 100%;

}

.col-66 .after {
    background: rgba(0, 0, 0, 0.65) url(/images/bkg_content2.png) no-repeat scroll center center;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.col-66:hover .after {
	
	visibility: visible;
	opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}


.pluslien{
    width: 100%;
    position: relative;
    cursor: pointer;
}

a{

text-decoration: none;

}

.pluslien h1 {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    color: #717171;
    margin-bottom: 20px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
 .pluslien:hover h1 {
color: #2d2d2d;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.plusicone{
    background-color: #e7a920;
    width: 45px;
    height: 45px;
    color: white;
    font-weight: lighter;
    border-radius: 50%;
    left: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 35px;
    position: relative;
    margin-left: -20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pluslien:hover .plusicone {
    background-color: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#fermeicone {
    z-index: 100;
    width: 35px;
    height: 35px;
    color: white;
    visibility: hidden;
    cursor: pointer;
    font-weight: lighter;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 150px;
    text-align: center;
    background: url(/images/close.png) no-repeat center top rgba(177, 177, 177, 0.65);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-size: 23px;
    position: absolute;
    margin-left: -15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#fermeicone.fixed {
    position: fixed;
    top: 150px;
}

#fermeicone#absolute {
    top: 150px;
}
#fermeicone.bottom {
    position: absolute;
    top: inherit;
    bottom: 150px; /* Height of the footer element, plus some extra pixels if needed */
}



#ouvrir {
    overflow: hidden;
    background-color: #131313;
    position: relative;
    width: 100%;
         -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;   
    }
    
#ouvrir2 {
    overflow: hidden;
background-color: #e8e8e8;
    position: relative;
    width: 100%;
         -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;   
    }
    
.titre-led-strip {
    padding: 10px 20px;
    color: #eab541;
    font-size: 31px;
}

#sous-titre-led-strip{
    padding: 20px 20px;
    font-size: 20px;
}
.imgbraker{
	
	left: 50%;
	top: 0;
	position: absolute;
	width: 50%;
	height: 100%;
background: url(/images/braker.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	


}

.img3{
	
	left: 50%;
	top: 0;
	position: absolute;
	width: 50%;
	height: 100%;
background: url(/images/projet1.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	


}


#generatricecont{

	position: relative;
	width: 100%;

}


#generatriceleft{

	float: left;
	height: 100%;
	width: 50%;
background: url(/images/zonegen3.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#generatriceright{

	float: left;
	height: 100%;
	width: 50%;
background: url(/images/gene-commercial.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.img4{
	
	left: 0;
	top: 0;
	position: absolute;
	width: 50%;
	height: 100%;
background: url(/images/elec4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	


}


.menue2-top{
    width: 100%;
    background-color: #1d1d1d;
    height: 50px;
    position: fixed;
    top: 90px;
    z-index: 100;
}

.menue2-top .liensous{
    position: relative;
    margin: 0 auto;
    width: 380px;
}

.menue2-top .liensous .ligne2{

	width: 1px;
	height: 30px;
	margin: 10px 0;
	float: left;
    background-color: #3a3a3a;
;
}

.menue2-top .liensous #lien {
    float: left;
    color: #fff;
    font-size: 15px;
    line-height: 50px;
    padding: 0 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.menue2-top .liensous #lien:hover {

	color: #f0b708;
	cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.plusprod{
    left: 50%;
    position: absolute;
    margin-top: -35px;
    text-transform: uppercase;
    background: #FED94D;
    padding: 27px 44px;
    margin-left: -115px;
    border-radius: 3px;
    border: none;
    font-size: 15px;
    z-index: 10;
    cursor: pointer;
    box-shadow: 0px 21px 37px -2px rgb(255, 229, 146);
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.plusprod:hover{
    background: #ffce37;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contdif{
	
	padding: 100px 0;
left: 50%;
width: 50%;
    background-color: #f3f3f3;
position: relative;

}

.contdif h1{
	
	text-align: center;
	margin-bottom: 50px;
	    text-transform: uppercase;
    color: #FED94D;
    font-size: 27px;
font-weight: 700;
}

.contdif ul {
    float: none;
    width: 600px;
    font-size: 23px;
    position: relative;
    line-height: 37px;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
}











.worck{
	
	float: left;
    margin: 1%;
    position: relative;
    width: 48%;
    height: 500px;

}


.worck .des {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 0;
    background-color: white;
    height: 100px;
}


 .worck .des h2{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    line-height: 72px;
}

.view-all {
    text-align: center;
}

.black-btn {
    font-size: 15px;
    background: #000;
    color: #fff;
    text-decoration: none;
    margin-top: 100px;
    margin-bottom: 50px;
    text-transform: uppercase;
    padding: 20px 65px;
    display: inline-block;
    border: solid 2px #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.black-btn:hover {
background-color: #fff;
color: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.projet{
	position: relative;
	margin: 100px 0;
	width: 100%;
}

.leftpro {
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.57);
    position: relative;
    padding: 163px 0;
}


.produit{

    background-color: #ececec;
	padding: 120px 0 ;
	margin: 100px 0 0 0;
	width: 100%;
}

.produit .item{

width: 90%;
margin: 5%;

}

.produit .item img{

width: 100%;

}

#contsecteur{
	width: 100%;
	overflow: hidden;

}



#con-col-2{

	width: 50%;
	float: left;
	height: 800px;
	position: relative;
	overflow: hidden;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}


.con-col-5{

	width: 33.33%;
	float: left;
	height: 800px;
	position: relative;
	overflow: hidden;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}


#iconeled {
    width: 60%;
    margin-left: 20%;
}

.iconetext {
    text-align: center;
    width: 100%;
    font-size: 23px;
    padding: 14px 0;
    position: relative;
    float: left;
    text-transform: uppercase;
}

#nonreglable{
    font-size: 15px;
    line-height: 28px;

}
.resi:hover {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.mask-appli-listing {
    position: absolute;
    top: 0;
    left: 0;
background: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.mask-appli-listing:hover{

    background: rgba(0, 0, 0, 0.22);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.mask-appli-listing .container-title-appli {
    top: 40%;
    position: absolute;
    width: 100%;
}

.mask-appli-listing h2 {
    color: #FFF;
    font-weight: bold;
        text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    font-size: 35px;
}


.listing-appli-link {
    opacity: 0;
    border: 2px solid #FFF;
    padding: 10px;
    padding: 5px 0;
    text-transform: uppercase;
    color: #FFF;
    position: absolute;
    top: 70px;
    background-color: rgba(0, 0, 0, 0.57);
    left: 50%;
    width: 110px;
    margin-left: -55px;
    text-align: center;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}



.mask-appli-listing:hover .listing-appli-link {
    opacity: 1;
    top: 100px;
}


.produit h3 {
    color: white;
    text-align: center;
    background-color: #000;
    padding: 15px 0;
    margin-top: -1%;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
}
.col-2{
	
	float: left;
	width: 50%;

}

.col-2 h2 {
    font-size: 36px;
    line-height: 46px;
    color: #000;
    margin-bottom: 25px;
}

.col-2 p {
    margin-bottom: 24px;
    font-size: 14px;
}

.col-3{
	
	float: left;
	width: 33.33333%;
}

.col-3-serv {
    margin-bottom: 100px;
    float: left;
    margin: 1%;
    padding-bottom: 2%;
    width: 31.33333%;
    text-align: center;
    background-color: whitesmoke;
}

.servimg{
	width: 100%;
	
}	

.servimg{
	width: 62%;
	
}	

.servh1{

width: 90%;
margin-left: 5%;
color: #333333;
font-size: 20px;
text-transform: uppercase;

}	

.servp{

width: 90%;
margin-left: 5%;
color: #333333;
font-size: 15px;

}	

.buttonserv {
    border: 1px solid #FED94D;
    padding: 12px 20px;
	text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px;
outline: none;
    font-weight: bold;
    color: #000;
    background-color: #FED94D;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.buttonserv:hover{

    background-color: #e2ad07;
	border: 1px solid #e2ad07;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
} 

.col-4-list{
	
	float: left;
	width: 33.33333%;
	display: none;
}

.video{
    background-color: #3e3e3e;
    padding: 100px 0;
    margin-bottom: 100px;
}


.video .grandeur{
		width: 98%;
		margin: 1%;
    height: 540px;
		
}

#videotop{
    position: absolute;
    top: 1%;
    left: 1%;
    cursor: pointer;
    width: 98%;
    height: 98%;
    background: url(/images/plancher1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#videotop2{
    position: absolute;
    top: 1%;
    left: 1%;
    cursor: pointer;
    width: 98%;
    height: 98%;
    background: url(/images/stelpro_maestro.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}





.videoplay{
    position: absolute;
    top: 1%;
    left: 1%;
    width: 98%;
    height: 98%;
	background-image: url(/images/play.png);
	background-position: center center;
	background-size: 100px 100px;
	background-repeat: no-repeat;
	    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: .7;
}


#videotop:hover .videoplay{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 1;
}

.portfoliolist{


    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.col-4{
	
	float: left;
	width: 25%;

}


.col-4-2{
	
	float: left;
	width: 25%;

}
.bornedes{
    padding: 50px 0;
    background-color: #121617;
    overflow: hidden;
    width: 100%;

}


.contrecharge {
    width: 100%;
    margin-top: 63%;
    position: relative;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.contrecharge li {
    list-style-type: decimal;
    font-size: 24px;
    line-height: 46px;
    color: #fff;
}

.contrecharge h1{
    font-size: 20px;
    text-align: center;
    margin-top: 86px;
    color: #fff;
    text-transform: uppercase;
}

#avantage {
    color: #FED94D;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 74px;
}


.lienrech {
    border: 1px solid #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-left: 5%;
    cursor: pointer;
    font-size: 11px;
    margin-top: 5px;
    outline: none;
    margin-top: 25px;
    left: 50%;
    position: relative;
    margin-left: -66px;
    border-radius: 3px;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.main-title-pro {
    color: #000000;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 31px;
    text-align: center;
    text-transform: uppercase;

}
.lienpro{
    border: 1px solid #FED94D;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-left: 5%;
    cursor: pointer;
    font-size: 11px;
    margin-top: 5px;
    outline: none;
    margin-top: 1px;
    left: 50%;
    position: relative;
    margin-left: -72px;
    border-radius: 3px;
    font-weight: bold;
    color: #000;
    background-color: #FED94D;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.cont-brenchtrav {
    position: relative;
    margin: 0 auto;
    width: 500px;
    padding: 38px 0;
    background-color: rgba(255, 255, 255, 0.72);
    border-radius: 11px;
}

.brenchtrav {
    padding: 200px 0;
    margin: 100px 0 0 0;
    overflow: hidden;
    background: url(/images/bg-trav.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.englobeequipe{
	
	position: relative;
	width: 100%;
	overflow: hidden;
padding: 50px 0;
background: url(/images/bgequipe.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
		
	}

.number {
    position: absolute;
    font-size: 144px;
    text-align: center;
    width: 100%;
    line-height: 140px;
    height: 100%;
    font-weight: bold;
    z-index: 1;
    color: #ececec;
}

.col-4 .plus {
    width: 90%;
    left: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
    height: 140px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 4px 16px 0 rgba(117, 117, 117, 0.23);
}

.col-4 .plus h5 {
    line-height: 27px;
    font-size: 20px;
    color: #525252;
    z-index: 2;
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
    width: 94%;
    margin-top: 69px;
    transform: translateY(-50%);
    position: absolute;
}




.col-3 .ticomp {
    font-weight: 800;
    font-size: 21px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    letter-spacing: 3px;
}

.col-3 .ticomp:after {
    content: '';
    width: 50px;
    height: 2px;
    top: 41px;
    background: #FED94D;
    margin-left: -25px;
    position: absolute;
    left: 50%;
}

.col-3 .pcomp {
    font-weight: 300;
    font-size: 19px;
    text-align: center;
    letter-spacing: 1px;
}

.contenue .ticomp2 {
    font-weight: 800;
    font-size: 50px;
    margin-top: 150px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    letter-spacing: 3px;
}

.contenue .ticomp2:after {
    content: '';
    width: 50px;
    height: 2px;
    top: 73px;
    background: #FED94D;
    margin-left: -25px;
    position: absolute;
    left: 50%;
}


.projet img {
    width: 50%;
    margin: 50px 25% 0 25%;
}


.projet span {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: -7px 0 0 0;
}

.projet .counter {
    font-size: 98px;
    color: #fff;
    font-weight: bold;
}

.logo-3-espace {
    float: left;
    width: 25%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.logo-3 {
    float: left;
    width: 25%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.logo-3 img {
    width: 80%;
    padding-left: 10%;
}

.englobcol{
	overflow: hidden;
	width: 100%;
    background-color: whitesmoke;

}

.team {
    margin: 50px 10% 50px 10%;
    float: left;
    width: 80%;
    position: relative;
    background-color: #fff;
box-shadow: 0 0px 35px 0 rgba(165, 165, 165, 0.38);
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.espaceper {
    width: 17%;
    float: left;
    position: relative;
    height: 2px;
}

.realisation {
    margin: 2.5% 2.5% 2.5% 2.5%;
    float: left;
    width: 95%;
    position: relative;
    background-color: #777777;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}



.realisation .projectItem-hover {
    position: absolute;
    bottom: 0;
    top: 81%;
    padding: 2%;
    width: 96%;
    text-transform: uppercase;
    text-align: center;
    background: rgba(0, 0, 0, 0.65);
    height: 16%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.realisation:hover .projectItem-hover {
    position: absolute;
    top: 0;
    padding: 2%;
    width: 96%;
    text-align: center;
    background: rgba(0, 0, 0, 0.65);
    height: 96%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.portfolio-zoom{

opacity: 0;
visibility: hidden;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;

}

.realisation:hover .portfolio-zoom{

opacity: 1;
visibility: visible;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;

}

.projectItem-co {
    position: relative;
    top: 62%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.realisation h2{
    padding: 0 20px;
    font-size: 15px;
    
}

.realisation:hover .projectItem-co {
    position: relative;
    top: 50%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
        -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.realisation .Top-ProjectItem p a {
    font-size: 12px;
    line-height: 22px;
    color: #a6a6a6;
    text-decoration: none;
    visibility: hidden;
    opacity: 0;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    background-color: rgba(255,255,255,0);
    z-index: 2 !important;
    text-transform: uppercase;
        -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.realisation:hover .Top-ProjectItem p a {
    visibility: visible;
    opacity: 1;
        -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.Bootom-ProjectItem a {
    text-decoration: none;
    color: #fff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.Bootom-ProjectItem a.btn {
    font-size: 13px;
    line-height: 72px;
    color: #FED94D;
    text-decoration: none;
    font-weight: 300;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
    border: 2px solid #FED94D;
    background-color: transparent; 
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.imgservice{

	width: 100%;
	border-bottom: 6px solid #FED94D;
	margin: 50px 0;

}

.contactserv{
	display: block;
    background: #fdd762;
    height: 383px;
    top: -22px;
    width: 90%;
    position: relative;
    left: 5%;
}


.contactserv h1{
    color: #fff;
    width: 90%;
    text-align: center;
    left: 5%;
    position: relative;
    font-size: 31px;
    top: 107px;
}

.contactserv .squared_link {
    display: inline-block;
    top: 125px;
	left: 40px;
    position: relative;
    border: 3px solid #fff;
    padding: 10px 16px;
    color: #fff;
    font-weight: 900;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.contactserv .squared_link:hover {

	color: #888888;
	background-color: #fff;	
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	
}

.Bootom-ProjectItem a.btn:hover {
	    color: #000;
    background-color: #FED94D !important; 
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.sub-menu a li {
	 list-style-type: disc !important;
}

.realisation img {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    display: block;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.realisation:hover img {
filter: blur(15px);
-webkit-filter: blur(15px); /* Chrome, Safari, Opera */
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.team .detail {
    margin: 20px 0 0 0;
}


.team .detail .name h5 {
    font-weight: 700;
    font-size: 21px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    color: #eecb3c;
    margin: 30px 22px 18px 22px;
    text-transform: uppercase;
}

.team .detail .name span {
    font-size: 16px;
    position: relative;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    float: left;
    margin-top: -19px;
    margin-bottom: 27px;
}





.team .detail p {
		height: 50px;
    text-align: center;
    margin: 39px 15px 15px 15px;
    font-size: 16px;
    line-height: 25px;
}

.team img {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    display: block;
}


.team .more-link {
    padding: 7px 23px;
    font-size: 13px;
    /* border-radius: 2px; */
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    /* -webkit-border-radius: 2px; */
    background: #000000;
    font-weight: 300;
    color: #fff;
    left: 50%;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    border: 2px solid #000;
    margin-left: -80px;
    margin-bottom: 18px;
    margin-top: 11px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.more-link:hover {

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background: #fff;
    color: #000;

}


.englobereal {
    background-color: whitesmoke;
    padding: 0px 0 93px 0px;
    margin: 105px 0;
}

.more-link2 {
    padding: 15px 22px;
    font-size: 17px;
    background: #ffffff;
    font-weight: 300;
    color: #fdd84c;
    left: 50%;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    border: 3px solid #fdd84c;
    margin-left: -140px;
    margin-bottom: 10px;
    margin-top: 70px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.more-link2:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fdd84c;
    color: #000;
}

.footer {
    width: 100%;
background-color: rgb(0, 0, 0);
    z-index: 99;
    padding: 20px 0px 47px 0;
    position: relative;
    height: 57px;
}

.footer .menue {
    float: right;
    width: 70%;
    margin-top: 0;
}

.footer .menue li #link.actif {
color: rgb(250, 191, 9); !important
    float: right;
    line-height: 65px;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.footer .menue li #link {
    float: right;
    line-height: 68px;
color: #616161;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.footer .menue li #link:hover {
color: #8a8a8a;;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.logofooter{

    float: left;

}
.logofooter img {
    height: 46px;
    margin-left: -12px;
    margin-top: 13px;
}

.englobcontact{
	width: 100%;
	overflow: hidden;
	position: relative;
    padding-bottom: 3%;
}

.englobcontact:before {
    content: "";
    background-color: #f9f9f9;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
}

.joindreglob {
    padding: 10% 10%;
}

.border-separation {
    border: none;
    border-top: 1px solid #dadada;
    margin-top: 0;
}

.joindreglob h3 {
    font-weight: 600;
    letter-spacing: 6px;
    text-transform: uppercase;
    padding-top: 1rem;
}



.joindreglob h4 {
    color: #FED94D;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: -10px;
}

.joindreglob p.tel {
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: .5px;
    margin-bottom: 30px;
    color: #5f5f5f;
}

.joindreglob h1.jouindre {
    font-size: 45px;
    color: #FED94D;
    padding: 3% 0;
    margin: 0;
    text-transform: uppercase;
}

.joindreglob p {
    font-size: 1rem;
    line-height: 1.8em;
    letter-spacing: .5px;
    margin-bottom: 3.4rem;
    color: #5f5f5f;
    font-style: initial;
}

h2.ecrir {
    font-size: 36px;
    line-height: 46px;
    color: #4e4e4e;
    letter-spacing: 2px;
    margin: 0;
    margin-bottom: 25px;
}

.entre-contact{
	width: 100%;
	overflow: hidden;
    background: linear-gradient(90deg, #fff 50%, #e7a920 50%);

}

.cont-call {
    background-color: #fbfbfb;
    box-shadow: 0 0px 35px 0 rgba(165, 165, 165, 0.38);
    width: 70%;
    padding: 45px 0;
    left: 15%;
    overflow: hidden;
    position: relative;
    margin-top: 120px;
    margin-bottom: 100px;
    border-radius: 20px;
}
.titre-tab{
    float: left;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    margin-left: 10%;
    margin-top: 135px;
}


.cont-call h1 {
    float: left;
    width: 80%;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    margin-left: 10%;
    margin-top: 16px;
    margin-bottom: 35px;
}

.cont-call h2 {
    float: left;
    width: 80%;
    font-size: 21px;
    margin-left: 10%;
    text-transform: uppercase;
    margin-top: -14px;
}

.cont-call p {
    float: left;
    width: 80%;
    font-size: 17px;
    margin-left: 10%;
    text-transform: uppercase;
    margin-top: -25px;
}

.col-1-footer{
background: #060606;
    width: 100%;
    display: inline-table;
    padding: 50px 0 ; 
    margin: 0;
}

.col-int {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.col-cont {
    display: inline-block;
}

p.phone {
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 5em !important;
    letter-spacing: 8px;
    float: left;
    margin-left: 50px;
    margin-top: -16px;
    line-height: normal;
}

p.mail {
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 5em !important;
    letter-spacing: 8px;
    float: left;
    margin-left: 50px;
    margin-top: -16px;
    line-height: normal;
}

p.phone a{
    color: #808080;
    text-decoration: none;
    font-size: 25px;
}

p.mail a{
    color: #808080;
    text-decoration: none;
    font-size: 25px;
}

#footercopy {
    height: 7px;
    overflow: hidden;
    padding-bottom: 60px;
    width: 100%;
    padding-top: 10px;
    position: relative;
    z-index: 11;
    background-color: #000;
}

.copyright {
    letter-spacing: 1px;
    float: left;
    margin-left: 5px;
    font-family: arial;
    line-height: 43px;
    color: #616161;
    font-size: 11px;
}
.rbq {
    letter-spacing: 1px;
    /* width: 100px; */
    position: relative;
    left: 50%;
    margin-left: -230px;
    text-align: center;
    font-family: arial;
    line-height: 43px;
    color: #616161;
    font-size: 11px;
}
.planelogo {
    float: right;
}

.planelogo img {
    height: 37px;
    margin-top: 1px;
}
.contform {
    float: left;
    background-color: white;
    position: relative;
    padding: 40px 0;
    width: 90%;
    margin: 36px 5%;
    box-shadow: 0px 3px 26px 7px rgba(152, 152, 152, 0.19);
}


#end_action {
    text-align: center;
    padding: 80px 20px;
    background-color: whitesmoke;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
background: url(/images/chaufageblur.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



#end_action * {
    color: inherit;
}

#end_action h3 {
    margin-bottom: 40px;
}

#end_action .squared_link {
    display: inline-block;
    margin: 0 10px 35px;
    border: 3px solid #fff;
    padding: 13px 18px;
    font-weight: 900;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#end_action .squared_link:hover {

	color: #888888;
	background-color: #fff;	
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	
}

.contact-entre {
    color: #000;
    font-size: 32px;
    margin-top: 32px;
    margin-bottom: 30px;
    text-align: left;
    text-transform: uppercase;
}




.contact-info {
    color: #000;
    font-size: 32px;
    margin-top: 32px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}



#input_1_1 {
    background: #ffffff;
    border-top: none;
    position: relative;
    border-left: none;
    border-right: none;
    position: relative;
    z-index: 10;
    width: 98%;
    color: #333333;
    text-transform: uppercase;
    font-size: 18px;
    padding: 3% 1%;
    margin-bottom: 15px;
    margin-top: 15px;
    -webkit-appearance: none;
    outline: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#input_1_1:hover {
	background-color: #f7f7f7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#input_1_1:focus {
	background-color: #f7f7f7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#input_1_2 {
    background: #ffffff;
    border-top: none;
    -webkit-appearance: none;
    outline: none;
    position: relative;
        height: 115px;
        font-family: arial;
        resize: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-left: none;
    border-right: none;
    position: relative;
    z-index: 10;
    width: 98%;
    border-bottom: 2px solid #eeeeee;
    color: #333333;
    text-transform: uppercase;
    font-size: 18px;
    padding: 2% 1%;
    margin-bottom: 15px;
    margin-top: 15px;
    -webkit-appearance: none;
    outline: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#input_1_2:hover {
	background-color: #f7f7f7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#input_1_2:focus {
	background-color: #f7f7f7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#input_1_2::-webkit-scrollbar-thumb {
    background:#c5c5c5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#input_1_2::-webkit-scrollbar-track-piece {
    background: #ececec;
}


#input_2_text {
    background: #ffffff;
    height: 115px;
    border-bottom: 1px solid #c5c5c5;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 87%;
    padding: 1%;
font-family: 'Product Sans', Arial, sans-serif;
    position: relative;
    z-index: 10;
    margin: 0 5%;
    border-radius: 3px;
    color: #343434;
    resize: none;
    font-size: 18px;
    margin-bottom: 30px;
    -webkit-appearance: none;
    outline: none;
}

.titre-top-postul{

    text-transform: uppercase;
    font-size: 40px;
    padding: 20px 10%;
    margin: 115px 0;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    color: #000000;
    background: url(/images/black-wave.png) no-repeat center 118px;

}

.google-map  {
    margin-top: -40px;
    background-color: #efefef;
    padding-bottom: 5%;
}

.google-map .content-offset {
    position: relative;
    top: -20px;
}

.google-map h2, html .google-map h5 {
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.google-map h2 {
    font-size: 43px;
    color: #383838;
    letter-spacing: 3px;
}

.google-map h5 {
    font-size: 1.4rem;
    letter-spacing: 5px;
    color: #fed94d;
    margin-top: -13px;
    margin-bottom: 2rem;
    font-family: Work Sans,sans-serif;
}

#input_postul {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-radius: 4px;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 27px;
    position: relative;
    z-index: 10;
    width: 40%;
    padding: 1%;
    margin-left: 5%;
    color: #000000;
    font-size: 18px;
    margin-bottom: 30px;
    -webkit-appearance: none;
    outline: none;
}


.titre-post{
    text-align: center;
    font-size: 42px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin: 100px;
}


.fichier-cv-container {
    background: #fff;
    float: left;
    width: 41%;
    padding: .5%;
    margin-left: 5%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 30px;
}

.show-path {
    display: block;
    float: left;
    background: white;
    color: #5d5c4e;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    background: white;
    border: 0;
    padding: 15px 20px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 45%;
    vertical-align: middle;
    overflow: hidden;
}
.fichier-cv-label {
    margin-bottom: 0;
    width: 34%;
    position: relative;
    float: left;
    background: #dea802;
    padding: 11px 20px;
    cursor: pointer;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
    color: white;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
}

.button_post {
    border: 1px solid #ffffff;
    color: #000;
    font-size: 16px;
    min-width: 200px;
    max-width: 250px;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    left: 5%;
    margin-left: -113px;
    left: 50%;
    cursor: pointer;
outline-style:none;
    background-color: #ffffff;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    border-radius: 3px;
    padding-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button_post:hover {
   background-color: #fbeab6;
    border: 1px solid #fbeab6;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.button {
    border: 3px solid #fed94d;
    color: #fed94d;
    font-size: 16px;
    min-width: 170px;
    max-width: 219px;
    outline-style: none;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    left: 0;
    background-color: #ffffff;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding: 11px 0;
    margin-top: 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.button:hover{

    background-color: #fed94d;
    color: #000;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
} 

.contact-p{

	padding-right: 150px;

}

.mapscont {
    width: 100%;
    z-index: 1;
    height: 400px;
}

.enteteimg{

position: relative;
overflow: hidden;
margin-bottom: 80px;
}

.enteteimg img{

width: 100%;


}


.enteteimg .titre {
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
    position: absolute;
    width: 980px;
    text-align: center;
    line-height: 107px;
    background-color: rgba(250, 191, 9, 0.83);
    bottom: 0;
}
.imgreal{

width: 100%;
margin-bottom: 1%;
margin-top: 1%;

}


@media screen and (min-width: 1220px) and (max-width: 6000000px) {

#header .menue {
    float: right;
    width: 77%;
    margin-top: 0;
}
#service-menue .drop {
    left: 80px;
}
#header .menue li #link{

	    font-size: 15px;

}




#header .menue li #link.actif{
	    font-size: 15px;


}



}


@media screen and (min-width: 1220px) and (max-width: 60000px) {



.contenue {
position: relative;
width: 1200px;
overflow: hidden;
margin: 0 auto;


}

.contenuegoogle {
position: relative;
width: 1200px;
margin: 0 auto;


}

.leftpro {
    padding: 254px 0;
}


.video .grandeur{
    height: 661px;
		
}

.show-path {
    width: 49.7%;
 }

.col-4-list{
	
	float: left;
	width: 25%;
	display: none;
}


.col-menue-1 #sub-menu a {
	font-size: 13px;
}

.col-menue-2 #sub-menu a {
	font-size: 13px;
}

#header .logo {
    width: 192px;
    display: block;
    float: left;
    margin-top: 13px;
    left: 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#filters {
    margin-left: -480px;
}


	#filters li span {
		    font-size: 24px;
}

#filters li span.active:after {
    height: 8px;
    top: 15px;
}

#filters li span:after {
    height: 8px;
    top: 15px;
    }




#genh1  {
    line-height: 150px;
}
#sous-titre-led-strip{
    font-size: 23px;
}

#header .menue #service-menue #sub-menu2 {
    top: 110px;
}
#contact-service{
    top: 110px;
}
#s11link {
top: 36px;
}
#service-menue .drop {
    top: -64px;
}
#header .menue li #link{
	line-height: 110px;
}

#header .menue li #link.actif{
	line-height: 110px;
 }
#header {
    height: 110px;
 }

.logo img {
    height: 90px;
    top: -3px;
}



.enteteimg .titre {
    font-size: 40px;
    width: 100%;
}

.contenuetop {
    position: relative;
    margin: 0 auto;
    width: 1200px;
}



.contactserv .squared_link {
    left: 65px;
    
}

.contenuelist{
position: relative;
width: 1200px;
overflow: hidden;
margin: 0 auto;


}



}



.contenuelist{
position: relative;
width: 980px;
overflow: hidden;
margin: 0 auto;


}


@media screen and (min-width: 1220px) and (max-width: 1520px) {

.contenue {
position: relative;
width: 1200px;
overflow: hidden;
margin: 0 auto;


}

.contenuelist{
position: relative;
width: 1200px;
overflow: hidden;
margin: 0 auto;


}

.slogan {
    font-size: 28px;
    margin-bottom: 30px;
}

.md-cate {
    line-height: 30px;
    font-size: 16px;
}

.sliderlien h1 {
    font-size: 50px;
}

}

@media screen and (min-width: 1520px) and (max-width: 60000px) {

.contenuegoogle {
position: relative;
width: 1500px;
margin: 0 auto;


}




.enfant h2 {
    text-transform: uppercase;
    font-size: 30px;
    color: #fed92d;
    letter-spacing: 2px;
}

.enfant p  {
    line-height: 26px;
    font-size: 20px;
}




.enfant-l h2 {
    text-transform: uppercase;
    font-size: 30px;
        color: #fed92d;
    letter-spacing: 2px;
}

.enfant-l p  {
    line-height: 26px;
    font-size: 20px;
}


#slider .domotique p {
    color: #fff;
    font-size: 23px;
}


#slider .generatrice p {
    color: #fff;
    font-size: 23px;
}

.sliderlien h1 {
    font-size: 50px;
}

.contenue {
position: relative;
width: 1500px;
overflow: hidden;
margin: 0 auto;


}

a.btnlien2 {
    top: 12px;
}

.entrepreneur h1 {
    padding: 0px 190px;
}

.md-cate {
    line-height: 30px;
    font-size: 16px;
}


.joindreglob h1.jouindre {
    font-size: 56px;
}


#space-bot{

	height: 100px;	

}



.joindreglob p {
    font-size: 1.3rem;
}


.contenuetop {
    position: relative;
    margin: 0 auto;
    width: 1500px;
}

.contenuelist{
position: relative;
width: 1500px;
overflow: hidden;
margin: 0 auto;


}

.slogan {
    font-size: 28px;
    margin-bottom: 30px;
}

}