/*__________________ Lien recrut _______________________*/

.recrut {
    color: #ffaf00;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.recrut:hover {
    color: #ffaf00;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}


a:focus
{
outline:0;
} 


.scrollAnim:focus
{
  outline:0;
} 


body{
  overflow-x: hidden !important;


}


ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}

b{
  font-family: "Gotham Bold";

}

@font-face {
    font-family: "Gotham Extra Light";
    src: url('../font/Gotham-XLight.otf');
}
@font-face {
    font-family: "Gotham Bold";
    src: url('../font/Gotham-Bold.otf');
}
@font-face {
    font-family: "Gotham Medium";
    src: url('../font/Gotham-Medium.otf');
}
@font-face {
    font-family: "Gotham Thin";
    src: url('../font/Gotham-Thin.otf');
}

#section0, #section3, #section4, #section5{
  text-align:center;
 }  

.titre{


  color: #fff; 
  font-family: Gotham Extra Light; 
  font-size:30px;


}


 .hidee{

     display: none;

  }


/* Loading Page */

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader-128x/chargement.gif) center no-repeat #fff;
}

/* End Loading Page*/


/*Menu*/

#menu div {
    font-family: Gotham Extra Light;
    font-size: 15px;
    top: -11px;
}


#menu li {
	display:inline-block;
  margin-top: 30px;
  font-size: 0.8vw;

}



#menu li a{
	text-decoration:none;
	color: #000;

}
#menu li.active a:hover{
	color: #000;
  font-family: Gotham Bold;
}
#menu li:hover{
	/*background: rgba(255,255,255, 0.8);*/
}

#menu li.active a{
	color: #000;
  font-family: Gotham Bold;
}
#menu{
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
	position:fixed;
	top:0;
	left:0;
	height: 35px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
	padding-bottom: 20px;
	background: rgba(255, 255, 255, 0.8);
}

#menuLogo{

    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
}

#img-scroll{

 
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
}

.txtAccueil {
  position: relative;
   -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s; 

}


#menu2{
  display : none;
}


/*End Menu*/



/*Section0*/

.ibg-bg {
    position: absolute;
    background-size: cover;
  background-attachment: fixed;
  background-repeat:no-repeat;
  min-height: 100% !important;
      width: 100%;
      z-index: 0;
}





 #section0 #pulse{
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  text-align: center ;
  width:30%;
}



.main {
    position: relative;
}



#accueilMob{

   display : none;
}




/* END Section0 */


/*Section1*/

#section1 .expertiseMob{

   display:none;
}

#section1 li{
  color: #ffaf00;
}

#section1 span {
  color: #fff;
}

#section1 .jaune{

 color: #ffaf00;
}

.exptitle{

    font-size: 1.8em;
  }


  .expPictures{
    visibility: hidden;
    -webkit-transform: rotate(-45deg) ;
    -moz-transform: rotate(-45deg) ; 
    width:60%;

    
  }

 
 #expertisesCtnt{
  

  background-image: url("../images/image-expertise.jpg");
  background-repeat:no-repeat;
  background-size: cover;

}

.backexp{
   background: url("../images/fond-transparent.png");
  background-size: 50% 95%;
  background-repeat:no-repeat;
background-position: 50% 170%;

}


.zoomAnimation{ z-index:2;transition: all .3s ease-in-out; }

.zoomAnimation:hover{ 

   -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  }

   #picMarque .animated{


   -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;


  }

  #picLogiciels .animated{

   -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;


  }


  #picDigitale .animated{

 -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;


  }


  .texte1 .animated{
/*    -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;*/
  }


/* END Section1 */




/*Section2*/


#section2 .logicielMob{

   display:none;
}

#log0{

  width: 100%;
    height: 35px;

    float: left;
}
#log1{

   width: calc((100% /3) - 3px);
    height: calc((100% - 35px)/3);
    float: left;
    margin-right: 3px;
    margin-bottom:3px;


}


#log2{

  width: calc((100% /3) - 3px);
    height: calc((100% - 35px)/3);
    float: left;
    margin-bottom:3px;


}

#log3{

  width: calc((100% /3));
    height: calc((100% - 35px)/3);
    float: left;
    margin-left: 3px;
    margin-bottom:3px;


}

#log4{

 width: calc((100% /3) - 3px);
     height: calc((100% - 35px)/3);

    float: left;
    margin-right: 3px;
    margin-bottom:3px;


}

#log5{

  width: calc((100% /3) - 3px);
     height: calc((100% - 35px)/3);
    float: left;
    margin-bottom:3px;


}

#log6{

   width: calc((100% /3));
     height: calc((100% - 35px)/3);

    float: left;
    margin-left: 3px;
    margin-bottom:3px;


}

#log7{

  width: calc((100% /3) - 3px);
     height: calc((100% - 35px)/3);
    float: left;
    margin-right: 3px;


}
#log8{

  width: calc((100% /3) - 3px);
     height: calc((100% - 35px)/3);
    float: left;
    

}

#log9{

   width: calc((100% /3));
     height: calc((100% - 35px)/3);
    float: left;
    margin-left: 3px;


}

.imgLog{
    width:100%;
    height:100%;
    object-fit: cover;
}

  .white-popup {
    position: relative;
   /* background: linear-gradient(90deg, #ffaf00 25%, #fff 20%);*/
    background-color:white;
    padding: 20px;
    width: 800px;
    max-width: 800px;
    height: 570px;
    margin: 20px auto;
    text-align: center;
  }



.imghvr-blur h1{

  letter-spacing: 5px;
}

.txtPictoLog h2{
  margin-top: 0 !important;
}


/* END Section2 */



/*Section3*/

#section3{

  background: url("../images/fond3.jpg");
  background-size: cover;
  background-position: center; 
  background-repeat:no-repeat;
}

#agence1Mob{
  display : none;
}


/* END Section3 */



/*SectionClient*/

#clientMob{

  display: none;
}

.clientPic{

  visibility: hidden;
}

/* END SectionClient */


/*Section4*/

 #section4 .animated{
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

 #section4 .zoomIn{
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
 
}

 #section4 .zoomOut{
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
 
}

#agence2Web{

  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
}

#section4 #agencescroll img {
  -webkit-animation-duration: 2s;
   -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


#section4{
  background-size: cover;

}

#agence2Mob{
  display : none;
}

#section4 .row.row-no-padding {
  margin-left: 0;
  margin-right: 0;
}

#section4 .row.row-no-padding [class*='col-']:not(:first-child),
.row.row-no-padding [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}


.path {
    stroke-dashoffset: 3000;
    stroke-dasharray: 3000;

  }




/* END Section4 */


/*Section5*/


#section5{

  background: url("../images/fond-contact.jpg");
background-size: cover;
 
  background-repeat:no-repeat;
}

#contactMob{
  display : none;
}

/* END Section5 */










#logo{
z-index:50 !important;

}


/* Boutton recrutement*/
.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Gotham Medium;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*__________________ BOUTON RECRUTEMENT _______________________*/

#recrutement{
    width:350px;
    position: absolute;
    left:50%;
    margin-left: -175px;
    margin-top:-80px;
    background-image: url(../images/bouton-recrutement-on.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

}


#recrutement:hover{
    width:350px;
    position: absolute;
    left:50%;
    margin-left: -175px;
    margin-top:-80px;
    background-image: url(../images/bouton-recrutement-off.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
   
}

#tetes{
    width:100px;
    position: absolute;
    margin-top:-150px;
    left:50%;

}






/*@media screen and (max-width: 1370px) {

  .exptitle{

    font-size: 15px;
  }

 p{
   font-size: 12px;
 }

 #section1 li{
       font-size: 12px;
 }



}*/