*{
    margin:0px;
    padding: 0px;
}

@media screen and (min-width : 1025px){

  .captioncar{
    display: block;
      position: absolute;
      right: 15%;
      bottom: 20px;
      left: 15%;
      z-index: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
  }

.part1 {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    background-size: cover;
}

.soluce{
  padding: 10px;
    margin-bottom: 30vh;
    color: white;
    font-family: 'Michroma', sans-serif;
    font-size: 3.9vw;
    font-weight: bold;
    /* background-color: rgba(0, 0, 0, 0.226); */
}

.little{
  font-size: 20px;
}

.orangeTitlte{
    color: #e86638;
    font-family: 'Michroma', sans-serif;
    font-size: 60px;
    font-weight: bold;
}

.orange{
  color: #e86638;
}

.blue{
  color: #366EAA;
}

.disNone{
    display: none;
}

.nav{
    display: flex;
    justify-content: space-between;
    position: fixed;
    height: 10vh;
    width: 100%;
    background-color: #366EAA;
    z-index: 16;
    box-shadow: 0px -2px 24px rgb(39, 39, 39);
}

.logonav{
    height: 100%;
}

.inNav{
    width: 70%;
    margin-right: 4%;
    margin-left: 28%;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.inNavEl{
    text-decoration: none;
    margin-top: 3vh;
    font-size: 1.7vw;
    transition: transform .4s;
    font-family: 'Michroma', sans-serif;
    color: white;
}

.inNavEl:hover{
    transform: scale(1.2);
    text-decoration: none;
    color: white;
}

.carousel-item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.carousel{
  box-shadow: 0px 5px 25px rgb(39, 39, 39);
}

input{
    display: none;
  }

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


/* PART 2 */

    .part2{
     
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 5;
    background: white;
    
  }

  
    .title{
      align-self: center;
      padding: 15px;
      font-size: 3rem;
      font-family: 'Michroma', sans-serif;
      color: #e86638;
      margin-top: 75px;
      font-weight: bolder;
    }
  

  .colu{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin:0px;
  }

  .p2souspart1{
    padding: 20px;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    height: 75vh;
    box-shadow:0px 2px 12px rgb(39, 39, 39);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://images.pexels.com/photos/279719/pexels-photo-279719.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
  }

  .hr{
    height: 5px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #e86638 ;
    border-radius: 3px 3px 3px 3px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .p2souspart2{
    padding: 20px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    height: 75vh;
    box-shadow: 0px 2px 12px rgb(39, 39, 39);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://images.pexels.com/photos/667838/pexels-photo-667838.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"); 
  }

  .p2souspart3{
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    height: 75vh;
    box-shadow: 0px 2px 12px rgb(39, 39, 39);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://images.pexels.com/photos/1864913/pexels-photo-1864913.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"); 
  }
   
  .divimg1{
      width: 400px;
      height: 400px;
      border-bottom: #366EAA solid 13px;
      background: url("https://images.pexels.com/photos/1036622/pexels-photo-1036622.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") no-repeat center center; 
    background-size: cover;
   
  }

  .divimg2{
    width: 400px;
    height: 400px;
    border-bottom: #366EAA solid 13px;

    background: url("https://images.pexels.com/photos/1986996/pexels-photo-1986996.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") no-repeat center center; 
    background-size: cover;
}

.divimg3{
  width: 400px;
  height: 400px;
  border-bottom: #366EAA solid 13px;
  background: url("https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") no-repeat center center; 
  background-size: cover;
}

  .backnoir {
   margin-right: 100px;
   margin-left: 100px;
    /* width: 60%; */
   height: 70%;
    background-color: rgba(0, 0, 0, 0.705);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  article{
    padding: 10px;
    width: 700px;
    margin: 20px;
    font-size: 2.5vw;
    color: white;
    opacity: 1;
    font-weight: bold;
  }

  .minititle{
    background-color: #366EAA;
    color: white;
    padding: 10px;
  }

  .minititleorg{
    background-color: #e86638;
    color: white;
    padding: 10px;
  }

  /* PART 3 */

  .part3{
     
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 5;
    background: white;
  }

  .offre1{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px;
  }

  .uldetails{
    /* width: 80%; */
    height: 100%;
    color: white;
    font-size: 2.5vw;
    padding: 40px;
    list-style: inside;
    background-color: rgba(0, 0, 0, 0.363);
    font-weight: bold;
    margin: 0px;
  }
  .minititleO{
    background-color:#e86638;
    color: white;
    padding: 10px;
    font-size: 1.5vw;
    height: 50%;
  }
  .offre2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px;
    box-shadow: 0px 2px 12px rgb(39, 39, 39);
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .offre3{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px;
    box-shadow: 0px 2px 12px rgb(39, 39, 39);
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .p3img1{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 400px;
  }

  .tarifs21{
    width: 100%;
    height: 50%;
    border-bottom: solid white 3px;
    font-size: 2.3vw;
    background-color:#e86638;
  }

  .tarifs22{
    width: 100%;
    height: 50%;
    border-top: solid white 3px;
    font-size: 2.3vw;
    background-color:#e86638;
  }

  .tarifs31{
    width: 100%;
    height: 50%;
    border-bottom: solid white 3px;
    font-size: 2.3vw;
    background-color:#366EAA;
  }

  .tarifs32{
    width: 100%;
    height: 50%;
    border-top: solid white 3px;
    font-size: 2.3vw;
    background-color:#366EAA;
  }

  .big{
    font-size: 4vw;
    font-weight: bold;
    color: white;
  }

  .lesbig{
    font-weight: normal;
    font-size: 2.5vw;
  }

  .price{
    padding-left: 15px;

    font-size: 2vw;
    color: white;
  }

  
  .price1{
     font-size: 2vw;
    color: white;
  }

  .p3souspart1{
  background: url("https://images.pexels.com/photos/935949/pexels-photo-935949.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") no-repeat center center ;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 2px 12px rgb(39, 39, 39);
  }

  .p3souspart2, .p3souspart3{

      width: 80%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

    }

.p3souspart2{
  background: url("https://images.pexels.com/photos/733856/pexels-photo-733856.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") no-repeat center center;
}

.p3souspart3{
  background: url("https://images.pexels.com/photos/1081228/pexels-photo-1081228.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") no-repeat center center;
}
  

.tarifImg{
  border: solid black 3px;
  width: 200px;
  height: 200px;
}

.article{
  padding: 10px;
  margin: 20px;
  font-size: 2.5vw;
  color: white;
  opacity: 1;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.705);
}

.nomad{
  background-color:#e86638;
  padding: 5px;
}

.nomad1{
  background-color:#366EAA;
  padding: 5px;
}

.p3souspart4{

  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background:url("https://images.pexels.com/photos/53621/calculator-calculation-insurance-finance-53621.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") no-repeat center center;

}
.cautio{
  width: 90%;
  margin: 10px;
}


/* PART 4 */
  .part4{
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 5;
  background: white;
  }

  .partenairiat{
    display: flex;
    flex-direction: column;
   justify-content: center;
   align-items: center;
    width: 100%;
    box-shadow: 0px 2px 12px rgb(39, 39, 39);
    background-color: #366EAA;
  }

  .button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 50px;
    background-color: #e86638;
    color: white;
    box-shadow: 0px 2px 12px rgb(39, 39, 39);
    font-size: 2.5vw;
    border-radius: 50px;
    margin-bottom: 10px;
    transition: transform .4s;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
}

.buttonblue{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  background-color: #366EAA;
  color: white;
  box-shadow: 0px 2px 12px rgb(39, 39, 39);
  font-size: 2.5vw;
  border-radius: 50px;
  margin-bottom: 10px;
  transition: transform .4s;
  -webkit-transition: transform .4s;
  -moz-transition: transform .4s;
  -ms-transition: transform .4s;
  -o-transition: transform .4s;
}

.button:hover{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.innerbutt{
  color: white;
  font-size: 2.5vw;
  text-decoration: none;
  font-weight: bold;
}

.innerbutt:hover{
  text-decoration: none;
  color: white;
}

.joinpart{
  color: white;
  font-size: 2.5vw;
}
.logopartetitre{
  justify-content: center;
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.logoPart{
  height: 100px;
  margin: 15px;
}

/* PART 5 */
.part5{
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 5;
  background: white;
  }

  .sociale{
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 400px; */
    background-color: #366EAA;
    box-shadow: 0px 2px 12px rgb(39, 39, 39);
  }

  .soclog{
    margin-top: 100px;
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 100px;
  }

  .soclogtel{
    display: none;
  }

  .logosociale{
    transition: transform .4s  ;
    -webkit-transition: transform .4s  ;
    -moz-transition: transform .4s  ;
    -ms-transition: transform .4s  ;
    -o-transition: transform .4s  ;
}
.logosociale:hover{
transform: scale(1.2);
}


/* FOOTER */
.part6{
  margin-top: 50px;
  width: 100%;
  display:flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 15px;
  background-color: #366EAA;
  box-shadow: 0px 2px 12px rgb(39, 39, 39);
}

.mentions{

    width: 100%;
    display: flex;
    flex-direction: column;
    background: white;
    justify-content: center;
    align-items: center;
   
}

.lastpart{
  width: 80%;
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  background-color: #366EAA;
  font-family: 'Michroma', sans-serif;
  font-size: 2.5vw;
  margin: 50px;
  box-shadow:0px 2px 12px rgb(39, 39, 39);
}

.leg{
 
  text-align: center;
  padding: 20px;
  font-size: 1.5vw;
  color: white;
}

.travaux{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.travimg{
  width: 500px;
}
}