.BlockQuiSommeNousHome  {
    -webkit-transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translate3d(0,100px,0) scale(0.95);
    transform: translate3d(0,100px,0) scale(0.95);
    opacity: 0;
}
.PresentationHomeActive .BlockQuiSommeNousHome{
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
    opacity: 1!important;
}

.PresentationHomeActive  .ImgPrincipalPreh img {
    -webkit-transform:translateX(0)  !important;
    opacity: 1;
    transform: translateX(0)  !important;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

  .ImgPrincipalPreh img, .Chaudronnerie img  {
    -webkit-transform: translateX(-8%) ;
    opacity: 1;
    transform: translateX(-8%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}



.ConstructionMetaliqueActive img, .ChaudronnerieActive img {
    -webkit-transform:translateX(0)  !important;
    opacity: 1;
    transform: translateX(0) scale(1) ) !important;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

.ConstructionMetalique img {
    -webkit-transform: translateX(8%) ;
    opacity: 1;
    transform: translateX(8%) ;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

.ConstructionMetalique  .VoirPlusCons{
    transition: -webkit-transform 1.3s cubic-bezier(.8,0,0,1);
    transition: transform 1.3s cubic-bezier(.8,0,0,1);
    transition: transform 1.3s cubic-bezier(.8,0,0,1),-webkit-transform 1.3s cubic-bezier(.8,0,0,1);
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);

}
.ConstructionMetaliqueActive .VoirPlusCons, .ChaudronnerieActive .VoirPlusChaudronnerie{
    -webkit-transform: translate3d(0%,0,0) !important;
    transform: translate3d(0%,0,0) !important;

}
.Chaudronnerie  .VoirPlusChaudronnerie{
    transition: -webkit-transform 1.3s cubic-bezier(.8,0,0,1);
    transition: transform 1.3s cubic-bezier(.8,0,0,1);
    transition: transform 1.3s cubic-bezier(.8,0,0,1),-webkit-transform 1.3s cubic-bezier(.8,0,0,1);
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);

}

 
.PresentationHomeActive  .VoirPlus a{
-webkit-transition: 0.500s linear;
    -ms-transition: 0.500s linear;
    -moz-transition: 0.500s linear;
    -o-transition: 0.500s linear;
    transition: 0.500s linear;
}
.PresentationHomeActive  .VoirPlus a:hover{
color:#000;
}
.PresentationHomeActive  .VoirPlus a:hover span{
    background: #000;
}
.PresentationHomeActive  .VoirPlus span{
    position: absolute;
    background: #454545;
    width: 1px;
    height:26vh;
    transform: translate(220px, -46%) rotate(-90deg);
    -webkit-animation: increaseVoirPlus  2s;
    -moz-animation: increaseVoirPlus  2s;
    -o-animation: increaseVoirPlus  2s;
    animation: increaseVoirPlus  2s;
    animation-fill-mode: forwards;
}

.VoirToutProjet:after{
    content: "";
    width: 40%;
    height: 1px;
    position: absolute;
    margin-left: 10px;
    right: 0;
    top: 10px;
    background: #454545;
    -webkit-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    z-index: -1;
}


.TitrePresentation {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 

 .ImgPrincipalPre   img{
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 

.BlockTransformation  .DescriptionPresInt {
    transition: -webkit-transform 1.3s cubic-bezier(.8,0,0,1);
    transition: transform 1.3s cubic-bezier(.8,0,0,1);
    transition: transform 1.3s cubic-bezier(.8,0,0,1),-webkit-transform 1.3s cubic-bezier(.8,0,0,1);
    -webkit-transform: translate3d(10%,10px,20px);
    transform: translate3d(10%,10px,20px);
}
.BlockTransformationActive .DescriptionPresInt {

    -webkit-transform: translate3d(0%,0,0) !important;
    transform: translate3d(0%,0,0) !important;
}


.DescriptionPresInt {
    transition: -webkit-transform 1.3s cubic-bezier(.8,0,0,1);
    transition: transform 1.3s cubic-bezier(.8,0,0,1);
    transition: transform 1.3s cubic-bezier(.8,0,0,1),-webkit-transform 1.3s cubic-bezier(.8,0,0,1);
    -webkit-transform: translate3d(10%,10px,20px);
    transform: translate3d(10%,10px,20px);
}
.DescriptionPresIntActive  {

    -webkit-transform: translate3d(0%,0,0) !important;
    transform: translate3d(0%,0,0) !important;
}



.BlockContactFormActive{
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 


.IconMenuPrincipal {
    -webkit-transition: 0.500s linear;
    -ms-transition: 0.500s linear;
    -moz-transition: 0.500s linear;
    -o-transition: 0.500s linear;
    transition: 0.500s linear;
}
.IconMenuPrincipal:hover .line{
 background:#0c4c8a !important;
    height: 3px;
    margin-bottom: 9px;
}
.IconMenuPrincipal:hover .line-center:after { background:#0c4c8a !important;
    height: 3px;
    margin-bottom: 9px;
}

@media screen and (max-width: 767px)
  {
.BlockQuiSommeNousHome  {
    opacity: 1 !important;
    -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
}