@media (max-width: 1058px) {
    .ContacterNav label {
        display: none;
    }
  }
@media (max-width: 1199px) {
    .footerNormal {
        display: none;
    }
    .footerSlid{
        display: block;
    }
  }
@media (min-width: 1400px) {
  .engagementCol strong {
    font-size: 20px;
    }
  }

@media (max-width: 1400px) {
    .engagementCol strong {
        font-size: 1.7vh;
    }
    }
    

  @media (min-width: 768px) {
    .produitFirstcol{
        margin-left: 11.5%;
    }
    .navigation{
        display: none!important;
    }
    .retour{
        visibility: hidden!important;
    }
  }

  @media (max-width: 768px) {
      
      .navigation{
        margin-top: -51px!important; 
      }
      .dropDownProd{
        margin-top: 50px!important;
      }
      .productImages{
          position: absolute;
      }
     
    .captionSlideProduit h4{
        font-size: 13px;
    }

    .dropDownProd,.owl-nav,.chan{
    display: none;
    }
    .productContent,.productImages, .chan{
        margin-left: 30%;
        width: 70%;
    }
    .detProd{
        margin-left: 0%!important;
        width: 100%!important;
    }
    .firstTitleIndex>p {
        text-align: left;
    }
    
    .secondCarouselContainer{
        display: none;
    }
    .firstTitleIndex {
        margin-top: 40px;
    }
    .numberParalax{
        margin-top: 0 !important;   
    }
    #img3D{
        width: 94%;
    }
    .detailImgSmall div{
        width: 50%;
    }
    .detailImgSmall img{
        padding-top: 0;
    }
    .secondTextIndex {
        font-weight: 400;
    }

  }
  @media (min-width: 581px) and (max-width:1000px) {
    .contenuRowIndex {
        padding: 15px 82px;
    }
 }
  
  @media (min-width: 581px) and (max-width: 765px) {
    .navbar-nav .nav-item {
        margin-left: 0;
    }
    
 }
 @media (min-width: 1000px) and (max-width: 1500px) {
    .fadeInRight {
        font-size: 18px;
    }
 }
 @media (min-width: 1440px) and (max-width: 2000px) {
    .paralasic h1{
        padding: 7.8% 25%; 
        }
 }
 @media (min-width: 1024px) and (max-width: 1439px) {
    .paralasic h1{
        padding: 6.3% 25%; 
        }
 }
 @media (min-width: 768px) and (max-width: 1023px) {
    .paralasic h1{
        padding: 4.4% 25%; 
        }
 }

 @media (max-width: 575px) {
    .navbar-light .navbar-brand {
        width: 75% !important ;
    }
    .contenuRowIndex {
        /* margin-left: 10px;
        margin-right: 10px!important; */
        padding: 0!important;
    }
    
    .engagementCol object{
        width: 180px;
    }
    .engagementCol:nth-child(2) , .engagementCol:last-child {
        margin-top: 10px;
    }
 }

 .maps{
        
 }
 @media (max-width: 425px) {
    .fadeInRight {
        font-size: 3.7vw;
        color: #fff;
    }
    .carousel-caption {
        width: 82%;
    }
    .paralasicProd{
        background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)),
        /* url(https://picsum.photos/1920/1280?image=611); */
        url(../images/mobileL/Produits.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-size: 100vw;
        background-position: center top;
        background-repeat: no-repeat;
        background-color: #333;
        width: 100%;
        height: auto;
    }
    .paralasicAgence{
        background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)),
        /* url(https://picsum.photos/1920/1280?image=611); */
        url(../images/mobileL/agence.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-size: 100vw;
        background-position: center top;
        background-repeat: no-repeat;
        background-color: #333;
        width: 100%;
        height: auto;
    }
    .paralasicEntre{
        background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)),
        url(../images/mobileL/011.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-size: 100vw;
        background-position: center top;
        background-repeat: no-repeat;
        background-color: #333;
        width: 100%;
        height: auto;
    }
    .paralasic h1 {
        padding: 27.9% 25%;
       
    }
    .next {
        padding-left: 52%;
    }
    .prev {
        padding-right: 52%;
    }
    #top {
        display: inline-block;
        background-color: #FF9800;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 30px;
        right: 30px;
        transition: background-color .3s,
            opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
    }

    #top::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
    }

    #top:hover {
        cursor: pointer;
        background-color: #333;
    }

    #top:active {
        background-color: #555;
    }

    #top.show {
        opacity: 1;
        visibility: visible;
    }
     .slideProd{
         margin-top: -50px!important;
     }
    .SlideIndex .carousel-inner {
        height: 95.5vw!important;
    }
    .imgParte {
        width: 137px!important;
        margin: 0px 30px;
    }
    td {
        
        font-size: 14px;
    }
    th{
        font-size: 7px;
    }
    .block-telechager{
        margin-top: 5%;
    }
    .block-right p {
        font-size: 2.9vw;
        margin-left: 10px;
    }
    
 }

 @media (max-width: 375px) {
   .paralasic h1 {
        padding: 24.7% 25%;
       
    }
    
    td {
        
        font-size: 12px!important;
    }
    th{
        font-size: 7px!important;
    }
    
 }
 @media (max-width: 325px) {
    .block-right p {
        font-size: 2.7vw;
        margin-left: 14px;
    }
    td {
        
        font-size: 9px!important;
    }
    th{
        font-size: 7px!important;
    }

    .colorText{
        padding-left: 0;
    }
    
 }
 @media (min-width: 1009px) {
    .number1 {
        left: 16% !important;
    }
    .numberPara1{
        right: 10% !important;
    }

    .number2 {
        left: 3% !important;
    }
    .numberPara2{
        right: 5% !important;
    }

    .number3 {
        left: 4% !important;
    }
    .numberPara3{
        right: 5% !important;
    }
}