@media screen and (min-width : 200px) and (max-width : 480px){

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

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

.little{
  font-size: 2vw;
}

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

.orange{
  color: #e86638;
}

.blue{
  color: #366EAA;
}

  .slideImg {
    width: 100%;
    height: 260px;
  }

    .nav{
      display:flex;
      justify-content: center;
      background-color: #366EAA;
      height: 75px;
    }
     nav{
      margin-top: -46px;
     }

    .logonav{
        height: 56px;
        
    }

    .inNavEl{
      display: none;
    }

    .aburg {
      color: white;
      text-decoration: none;
    }

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

    .carcontrol{
      display: none;
    }

    h5{
      margin-top: 40px;
      display: block;
    }


    ul li{
        float: left;
        position: relative;
        width: 250px;
        height: 52;
        background-color: #366EAA;
        text-align: center;
        line-height: 20px;
        font-size: 20px;
        opacity: 1;
        margin-right: 2px;
    }

    .lastbur{
      border-radius: 0px 0px 10px 10px;
  }
 
      #menuToggle
      {
        display: block;
        position: relative;
        top: -10px;
        left: 40px;
        z-index: 1;
        width: 200px;
     }
     #menuToggle input
      {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        
        cursor: pointer;
        
        opacity: 0;
        z-index: 20; 
      }
      #menuToggle span
      {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        
        background-color: white;
        border-radius: 3px;
        
        z-index: 1;
        transform-origin: 4px 0px;
        
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    opacity 0.55s ease;
      }
      #menuToggle span:first-child
      {
        transform-origin: 0% 0%;
      }
      
      #menuToggle span:nth-last-child(2)
      {
        transform-origin: 0% 100%;
      }
      
     
      #menuToggle input:checked ~ span
      {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background:white;
      }
      
      
      #menuToggle input:checked ~ span:nth-last-child(3)
      {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
      }
      
     
      #menuToggle input:checked ~ span:nth-last-child(2)
      {
        transform: rotate(-45deg) translate(0, -1px);
      }
      
     
      #menu
      {
        position: absolute;
        width: 25%;
        margin: -116px  0 0 -90px;
        padding: 50px;
        padding-top: 125px;
        background: none;
        list-style-type: none;
        transform-origin: 0% 0%;
        transform: translate(-300%, 0);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
        z-index: 19;
}
      #menu li
      {
        padding: 
        10px 0;
        font-size: 18px;
        z-index: 20;
     }
     #menuToggle input:checked ~ ul
      {
        transform: none;
      }




            /* PART 2 */

            .part2{
     
              width: 100%;
              
              display: flex;
              flex-direction: column;
              z-index: 5;
              background: white;
              
            }
            
            
            .title{
              align-self: center;
                padding: 15px;
                font-weight: bold;
                font-size: 1.7rem;
                font-family: 'Michroma', sans-serif;
                color: #e86638;

                height: 60px;
                margin-top: 20px;
                margin-bottom: 20px;
              }
            
            
            .col{
              display: flex;
              flex-direction: row;
              justify-content: center;
            
            }
            
            .p2souspart1{
              /* margin-top: 50px; */
              display: flex;
              flex-direction: column;
              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{
              display: flex;
              flex-direction: column;
              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{
              display: flex;
              flex-direction: column;
              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: 200px;
              height: 200px;
              margin: 20px;
                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: 200px;
              height: 200px;
              margin: 20px;
              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: 200px;
              height: 200px;
            margin: 20px;
            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 {
         
              width: 100%;
             height: 70%;
              background-color: rgba(0, 0, 0, 0.705);
              display: flex;
              flex-direction: column;
              justify-content: center;
            }
            
            article{
              padding: 10px;
              margin: 20px;
              font-size: 3vw;
              color: white;
              opacity: 1;
              font-weight: bold;
            }
            .minititle{
              background-color: #366EAA;
              color: white;
              padding: 3px;
            }

            .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{
              color: white;
              font-size: 2.5vw;
              list-style: inside;
              background-color: rgba(0, 0, 0, 0.363);
              margin: 0px;
            }

            .details{
              font-weight: bold;
               background-color: rgba(255, 255, 255, 0);
             }

            .minititleO{
              background-color:#e86638;
              color: white;
              padding: 10px;
              font-size: 4.3vw;
            }

            .nomad{
              background-color:#e86638;
              padding: 5px;
            }
            
            .nomad1{
              background-color:#366EAA;
              padding: 5px;
            }
            .offre2{
              display: flex;
              flex-direction: column-reverse;
              justify-content: space-between;
              margin: 20px;
              box-shadow: 0px 2px 12px rgb(39, 39, 39);
            }
          
            .offre3{
              display: flex;
              flex-direction: column-reverse;
              justify-content: space-between;
              margin: 20px;
              box-shadow: 0px 2px 12px rgb(39, 39, 39);
            }
          
            .p3img1{
              display: flex;
              /* flex-direction: row; */
              /* width: 400px;
              height: 400px; */
            }
          
            .tarifs21{
              width: 100%;
              height: 50%;
              border-right: solid white 3px;
              font-size: 2.3vw;
              background-color: #e86638;
            }
          
            .tarifs22{
              width: 100%;
              height: 50%;
              border-left: solid white 3px;
              font-size: 2.3vw;
              background-color: #e86638;
            }

            .tarifs31{
              width: 100%;
              height: 50%;
              border-right: solid white 3px;
              font-size: 2.3vw;
              background-color:#366EAA;
            }
          
            .tarifs32{
              width: 100%;
              height: 50%;
              border-left: solid white 3px;
              font-size: 2.3vw;
              background-color:#366EAA;
            }
          
            .price{
              padding-left: 15px;
          
              font-size: 4vw;
              color: white;
            }
            .price1{
              font-size: 4vw;
              color: white;
            }


            
            .big{
              font-size: 5vw;
              font-weight: bold;
            }
          
            .p3souspart1{
            background-color: #366EAA;
              width: 80%;
              /* height: 400px; */
              display: flex;
              flex-direction: row;
              justify-content: center;
              box-shadow: 0px 2px 12px rgb(39, 39, 39);
              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 ;
            }
          
            .p3souspart2, .p3souspart3{
          
                /* width: 80%; */
                /* height: 400px; */
                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: 4.5vw;
            color: white;
            opacity: 1;
            font-weight: bold;
            background-color: rgba(0, 0, 0, 0.705);
          }

          .details{
            margin: 5px;
          }


          .buttonblue{
            padding: 8px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            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;
        
          }

          .innerbutt{
          color: white;
          font-size: 4.5vw;
          }

          .p3souspart4{
            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{
    padding: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    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;

}
.innerbutt{
  color: white;
  font-size: 5.5vw;
}

.joinpart{
  color: white;
  font-size: 6.5vw;
}
.logopartetitre{
  justify-content: center;

  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.logoPart{
  height: 60px;
  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{
  display: none;
}
  .soclogtel{
    margin-top: 20px;
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 20px;
  }

  .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: 3.5vw;
  color: white;

}
}