@charset "UTF-8";
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
  max-width: 100%;
}

/* --------------  MOBILE PARTIE-1 ------------------------------------*/

@media screen and (max-width: 480px) {
 
  body {
    max-width: 95%;
    padding-top: 10px; /*  distance entre le menu et le premier titre*/
  }

  /* ----------------- SECTION HOME.MENU -------------------- */
  
  .container-image2 {
    width: 100%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
    display: flex;
    justify-content: center;
  }

  .menu-logo {
    
    padding-top: 15px;
    padding-bottom: 15px;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
  }

  .menu-logo img {
    width: 100%;
    margin-left: 10px;
  }
    
  .menu-logo2 {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
  }

  .menu-logo2 img {
    width: 75%;
    margin-left: 25px;
  }

  .menu-text-centre {
    font-size:15px; 
    text-align:center; 
    padding-top:25px;
    padding-right:10px;
  }

  .menu-text-centre2 {
    font-size:18px;
    text-align:center;
    margin-left: 0%;   
    margin-top: 0px;
  }

  .drop-down {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 10px;
    padding-left: 0px;
    padding-right: 5px;
   }

   .drop {
    font-size: 11.5px;
    padding-left: 5px;
    padding-right: 3px;
   }

   .drop2 {
    display:none;
   }

   .retrait {
    display:none;
   }

  .retrait-col {
    display:none;
  }

  .retrait-img1 {
    display:none;
  }

  .retrait-img2 {
    display:unset;
  }

  .text-carre-2 {
    font-size: 13.5px;
  }
  
  /* ----------------- PAGE HOME -------------------- */

  .ajout-gratuit {
    text-align: center;
    }
    
  .b-gratuit {
    font-size: 16px;
  }

  .gratuit2 {
    margin: 0px 5px;
  }
  
  .retrait-carre {
    display:unset;
   }

   .retrait-free {
    display:unset;
   }

  .carousel-home {
    height: 175px;
  }

  .carousel-home2 {
    height: 175px;
    margin-top:20px;
    
  }

  .titre-centre {
    padding-top:10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

   .text-image2 a {
     font-size: 18px;
   }

   .text-image2 p {
      padding-top: 10px;
    }

    .text-image2 {
      width: 100%;
      padding-left: 10%;
     padding-right: 10%;
      margin-bottom: 55px;
    }

    .portfolio-item {
      padding-bottom:50px;
    }
    
    
    .card2 {
      width: 100%;
      height: 667px; 
    }

    .card-essentiel {
      width: 100%;
      margin-top:-80px;
    }
        
    .container-imageA {
      width: 65%;
      margin: auto;
      padding-bottom: 30px;
      padding-top: 5px;
    }

    .container-groupe {
      width: 95%;
      margin: auto;
      padding-bottom: 30px;
      padding-top: 5px;
    }

    .container-confident {
      width: 85%;
    }

    .container-confident h2 {
      font-size: 26px;
    }

    .container-contact {
      width: 94%;
      margin-left:auto;
      margin-right:auto;
    }

    .container-section2 {
      padding-bottom: 80px;
    }

    .section4 h2{
      font-size: 32px;
    }

    .section5 {
      margin-top:60px;
    }
   
    .retrait2 {
      display:none;
    }

    .text-fonctionnement {
      font-size: 21px;
    }
    card-tittle h6{
      font-size: 12px;
    }

    .text-titre {
      font-size: 27px;
    }
        
    .text-titre-2 {
      font-size: 27px;
    }

    .text-haut {
      font-size: 12px;
    }

    .text-haut-2 {
      font-size: 11px;
      margin-top:-17px;
    }

    .card-body-carre {
      height: 392px;
      padding-top: 50px; 
    }
  
  /* ----------------- PAGE FOOTER -------------------- */
  
  .retrait-footer {
    display:unset;
  }

  .footer-links {
    display:none;
  }

 .footer-right{
    border-left: none;
    }

    .footer-right-wrapper{
      padding-right: 0px;
      text-align:center;
      font-size: 15px;
      }
    
    .footer-copyright {
      margin-top: 50px;
      margin-left: 15px;
      text-align: center;
      display: -webkit-flex; /* Safari */
      -webkit-justify-content: center; /* Safari 6.1+ */
      display: flex;
      justify-content: center;
    }
    .contact h1 {
      font-size:30px;
    }
    
    .fonctionnement h2 {
      font-size:30px;
      
    }
    .fonctionnement h3 {
      font-size:24px;
     
    }
    .fonctionnement {
      text-align: justify;
    }
    .text-all {
      text-align: left;
    }
    
    .nous h2 {
      font-size:30px;
    }

/* ----------------- AUTRES PAGE DU SITE -------------------- */

.container-image {
  width: 85%;
  margin: auto;
  padding-bottom: 30px;
  padding-top: 5px;
}

.text-title {
  padding-top: 10px;
}

  .info-form {
    padding-left: 1px;
  }
 .nava {
    float: left;
  }
  .navo {
    font-size: 13px;
  }

  .container-connection {
    width: 95%;
    margin-top: 25px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    padding-top: 5px;
  }

  .container-connection h2 {
    font-size: 20px;
    padding-bottom: 15px;
  }

  .container-connection input[type=email], input[type=password], input[type=text] {
    width: 100%;
  }

  .form-group input {
    margin-top: 10px;
    margin-left: 0px;
  }
  
 .form-chekbox {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
  }
  .oublie {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-left: 0px;
  }

  /* --------------  PROFIL MEMBRE ------------------------------------*/
  
  .controls-form3 {
    text-align: center;
  }
    
  .controls-form3 select {
    width: 275px;
    text-align: -webkit-center;
    text-align-last: -webkit-center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
  }
  
  .caractere-gains {
    text-align: center;
  }

  .top-left {
    padding-top:40px;
   }
  
   .top-right {
    padding-top:30px;
    text-align: center;
   }

   .titre > p::before {
    display:none;
}
   .titre > p::after {
    content:" ▼";
    padding-right: 10px;
    font-size: 22px;
}

   .titre-left {
    text-align: center;
  }
  .caractere-left {
    text-align: center;
  }

  .separator-left{
    position: absolute;
    width: 60%;
    left: 21%;
  }

  .chq-image {
    text-align: center;
    width:100%;
  }

.button-form {
  text-align: center;
  padding-bottom: 30px; 
  }

  .btn-mouse{
    margin-left: 125px;     
  }

  .ajouter-pers {
    font-size: 16px; 
    text-align: center;
    padding-right: 0px;
    padding-left: 5px;
  }

  .titre-head {
    text-align: center;
  }

  .titre-tableau-head{
    margin-bottom: -40px;
  }

  .font-ajout {
    font-size:12px;
  }

  .retrait-ajouter {
    display:unset;
  } 

  .retrait-ajouter2 {
    display:unset;
  } 

} 


/* --------------  MOBILE PARTIE-2 ---------------------------------------------------------*/

@media screen and (min-width: 481px) and (max-width: 767px) {
  
  body {
    max-width: 95%;
    padding-top: 10px; /*  distance entre le menu et le premier titre*/
  }

  /* ----------------- SECTION HOME.MENU -------------------- */
 
 .container-image2 {
  width: 90%;
  margin: auto;
  padding-bottom: 30px;
  padding-top: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  justify-content: center;
}

.menu-logo {
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  margin-left: auto;
  padding-left: 0px;
  margin-right: auto;
  justify-content: center;
  text-align: center;
}

.menu-logo2 {
  display: flex;
  justify-content: center;
}

.menu-text-centre {
  font-size:15px; 
  text-align:center; 
  padding-top:25px;
  padding-right:10px;
}

.menu-text-centre2 {
  font-size:18px;
  text-align:center;
  margin-left: 0%;   
  margin-top: 0px;
}

.drop-down {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 10px;
  padding-left: 0px;
  padding-right: 11px;
 }

 .drop {
  font-size: 13px;
  padding-left: 10px;
  padding-right: 5px;
 }

 .drop2 {
  display:none;
 }

.retrait-col {
  display:none;
}

.retrait-img1 {
  display:none;
}

.retrait-img2 {
  display:unset;
}

.retrait2 {
  display:unset;
}

.retrait {
  display:unset;
}
.retrait4 {
  display:none;
}
/* ----------------- PAGE HOME -------------------- */

.gratuite {
  margin: auto;
  width: 90%;
}

.gratuite2 {
  width: 90%;
  margin: auto;
}

.gratuite input[type=email], input[type=text] {
  width: 100%;
  font-size: 18px;
}

.gratuite2 input[type=email], input[type=text] {
  width: 100%;
  font-size: 18px;
}

.gratuit2 {
  margin: 0px 5px;
}

.formgratuit {
width: 80%;
margin: auto;
}


.retrait-free {
  display:unset;
 }

.ajout-gratuit {
text-align: center;
}

.carousel-home {
  height: 280px;
}

.carousel-home2 {
  height: 280px;
  margin-top:20px;
}

.titre-centre {
  padding-top:10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.container-imageA {
  width: 90%;
  margin: auto;
  padding-bottom: 30px;
  padding-top: 5px;
}

 .text-image2 a {
   font-size: 16px;
 }
 .text-image2 p {
  font-size: 14px;
    padding-top: 15px;
  }

  .text-image2 {
    width: 100%;
    padding-left: 10%;
   padding-right: 10%;
    margin-bottom: 55px;
  }

  .portfolio-item {
    margin-left: auto;
    margin-right: auto;
    padding-bottom:50px;
    
  }
   
  .card {
    width: 325px;
   }

  .card2 {
    width: 350px;
  }

  .card-essentiel {
    width: 325px;
    margin-top:-80px;
  }

  .container-groupe {
    width: 100%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }

  .container-confident {
    width: 85%;
  }

  .container-confident h2 {
    font-size: 26px;
  }

  .container-contact {
    width: 94%;
    margin-left:auto;
    margin-right:auto;
  }

  .container-section2 {
    padding-bottom: 80px;
  }

  .section4 h2{
    font-size: 32px;
  }

  .section5 {
    margin-top:60px;
  }


/* ----------------- PAGE FOOTER -------------------- */
.retrait-footer {
  display:unset;
}

.footer-links {
  display:none;
}

.footer-right{
  border-left: none;
  }

.footer-left {
  padding-top: 60px;
  padding-left: 35px;
  display: flex;
  justify-content: center;
}
  
.footer-left div {
  padding-top: 20px;
  text-align:center;
  display: flex;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
}

.footer-right-wrapper{
  padding-right: 0px;
  padding-top:10px;
  text-align:center;
  font-size: 15px;
  }
 
.footer-copyright {
  margin-top: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.contact h1 {
  font-size:30px;
}

.fonctionnement h2 {
  font-size:30px;
  
}
.fonctionnement h3 {
  font-size:24px;
 
}
.fonctionnement {
  text-align: justify;
}
.text-all {
  text-align: left;
}

.nous h2 {
  font-size:30px;
}


/* ----------------- AUTRES PAGE DU SITE -------------------- */

.container-image {
width: 90%;
margin: auto;
padding-bottom: 30px;
padding-top: 5px;
}

.text-title {
padding-top: 10px;
}

.info-form {
  padding-left: 1px;
}
.nava {
  float: left;
}
.navo {
  font-size: 13px;
}

.container-connection {
  width: 95%;
  padding-left: 6%;
  margin-top: 25px;
  padding-bottom: 50px;
  padding-top: 5px;
}

.container-connection h2 {
  font-size: 28px;
  padding-bottom: 20px;
}

.container-connection input[type=email], input[type=password], input[type=text] {
  width: 100%;
}

.form-group input {
  margin-top: 10px;
  margin-left: 0px;
}

.form-chekbox {
  margin-top: -37px;
  margin-left: 165px;
  padding-left: 0px;
}
.oublie {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-left: 0px;
}

.contact h4 {
  font-size:20px;
}

.contact h1 {
  font-size:32px;
}

/* --------------  PROFIL MEMBRE ------------------------------------*/

.profil {
  max-width: 550px;
  text-align: -webkit-center;
  text-align-last: -webkit-center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  text-align-last: center;
  text-align: center;
  -ms-text-align-last: center;
  -moz-text-align-last: center;
  margin-left: auto;
  margin-right: auto;
}

.controls-form3 {
  text-align: center;
}

.controls-form3 select {
  width: 275px;
  text-align: -webkit-center;
  text-align-last: -webkit-center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  text-align-last: center;
  text-align: center;
  -ms-text-align-last: center;
  -moz-text-align-last: center;
}

.caractere-gains {
  text-align: center; 
}

.top-left {
  padding-top:40px;
 }

 .top-right {
  padding-top:30px;
  text-align: center;
 }

 .titre > p::before {
  display:none;
}
 .titre > p::after {
  content:" ▼";
  padding-right: 10px;
  font-size: 22px;
}

.separator-left{
  position: absolute;
  width: 60%;
  left: 21%;
}

.titre-left {
  text-align: center;
}
.caractere-left {
  text-align: center;
}

.chq-image {
  text-align: center;
  width:100%;
}

.button-form {
  text-align: center;
  padding-bottom: 30px; 
  }

  .btn-mouse{
    margin-left: 70%;     
  }

  .btn-mouse img:hover + span {
    margin-left: 58%; 
  }

  .form-profil select {
    font-size: 18px; 
  }
  
  .form-profil input[type=email], .form-profil input[type=text] {
    font-size: 18px;
  }

.form-profil select {
  max-width: 500px;
}
.form-profil input[type=email] {
  max-width: 500px;
}

.ajouter-pers {
  font-size: 16px; 
  text-align: left;
  padding-right: 0px;
  padding-left: 5px;
}

.retrait-ajouter2 {
  display:unset;
} 

  } 
  
/* --------------  PARTIE-3 ------------------------------------------------------------*/


@media screen and (min-width: 768px) and (max-width: 992px) {
  
  body {
    max-width: 99%;
    padding-top: 10px; /*  distance entre le menu et le premier titre*/
  }
  /* ----------------- SECTION HOME.MENU -------------------- */
   .profil {
     min-width: 37%;
   }

   .profil2 {
    max-width: 63%;
  }

  .container-image2 {
    width: 95%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }
    
  .menu-logo {
    margin-top: 5px;
    padding-left: 0px;
    margin-left: 0px;
    display: -webkit-flex; /* Safari */
  -webkit-justify-content: left; /* Safari 6.1+ */
  display: flex;
  justify-content: left;
    }

    .menu-logo img {
      width: 100%;
    }
    
    .menu-logo2 {
     margin-top: 13px;
     display: -webkit-flex; /* Safari */
  -webkit-justify-content: flex-end; /* Safari 6.1+ */
  display: flex;
  justify-content: flex-end;
    
      }

      .menu-logo2 img {
        width: 78%;
      }
    
    .menu-text-centre {
      color:#aaaaaa; 
      font-size:16px; 
      text-align:center; 
      margin-top:5px;
      padding-right:15px;
    }
    
    .menu-text-centre2 {
      color:#aaaaaa; 
      font-size:18px; 
      text-align:center;  
      margin-top: 0px;
    }
 
 .drop-down {
   padding-top: 0px;
   padding-bottom: 0px;
   margin-left: 70px;
   padding-left: 0px;
   padding-right: 11px;
  }
 
  .drop {
   font-size: 13px;
   padding-left: 10px;
   padding-right: 5px;
  }

  .drop2 {
    display:none;
   }

 .retrait {
  display:none;
 }
 .retrait-col {
   display:none;
 }
 
 .retrait-img1 {
   display:none;
 }
 
 .retrait-img2 {
   display:unset;
 }
 
 .retrait-bouton {
   display:none;
 }


 /* ----------------- PAGE HOME -------------------- */

 .gratuite {
  margin: auto;
  width: 90%;
}

.gratuite2 {
  width: 90%;
  margin: auto;
}

 .ajout-gratuit {
  text-align: center;
  }
  
.b-free {
  font-size: 12px;
}
 .carousel-home {
   height: 280px;
 }
 
 .carousel-home2 {
   height: 280px;
   margin-top:20px;
 }
 
 .titre-centre {
   padding-top:10px;
   padding-bottom: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
 }
 
 .container-imageA {
   width: 100%;
   margin: auto;
   padding-bottom: 30px;
   padding-top: 5px;
 }
 
  .text-image2 a {
    font-size: 23px;
  }
  .text-image2 p {
     padding-top: 10px;
   }
 
   .text-image2 {
     width: 100%;
     padding-left: 10%;
    padding-right: 10%;
     margin-bottom: 55px;
   }
 
   .portfolio-item {
     margin-left: auto;
     margin-right: auto;
     padding-bottom:50px;
   }
   
 .card {
  width: 325px;
 }
   .card2 {
     width: 350px;
   }
 
   .card-essentiel {
     width: 325px;
     margin-top:-80px;
   }
 
   .container-groupe {
     width: 100%;
     margin: auto;
     padding-bottom: 30px;
     padding-top: 5px;
   }
 
   .container-confident {
     width: 85%;
   }
 
   .container-confident h2 {
     font-size: 26px;
   }
 
   .container-contact {
     width: 94%;
     margin-left:auto;
     margin-right:auto;
   }
 
   .container-section2 {
     padding-bottom: 80px;
   }
 
   .section4 h2{
     font-size: 32px;
   }
 
   .section5 {
     margin-top:60px;
   }
 
  /* ----------------- PAGE FOOTER -------------------- */
  
  .retrait-footer {
    display:unset;
  }
  
  .footer-links {
    display:none;
  }

  .footer-left {
    padding-top: 100px;
    padding-left: 35px;
    display: flex;
    justify-content: center;
  }
    
  .footer-left div {
    padding-left: 0px;
  }

  .footer-right-wrapper{
    padding-right: 0px;
    text-align:center;
    font-size: 15px;
    }
      
  .footer-right {
    border-left: none;
    display: block;
    text-align:center;
  }

  .footer-copyright {
    margin-top: 50px;
    display: block;
    text-align: center;
  }
  .contact h1 {
    font-size:30px;
  }
  
  .fonctionnement h2 {
    font-size:28px;
  }
  .fonctionnement h3 {
    font-size:24px;
  }
  
  .nous h2 {
    font-size:30px;
  }

 /* ----------------- AUTRES PAGE DU SITE -------------------- */
 
 .container-image {
 width: 90%;
 margin: auto;
 padding-bottom: 30px;
 padding-top: 5px;
 }
 
 .text-title {
 padding-top: 10px;
 }
 
 .info-form {
   padding-left: 1px;
 }
 .nava {
   float: left;
 }
 .navo {
   font-size: 13px;
 }
 
 .container-connection {
    width: 95%;
    padding-left: 150px;
    margin-top: 25px;
    padding-bottom: 50px;
    padding-top: 5px;
 }
 
 .container-connection h2 {
   font-size: 28px;
   padding-bottom: 20px;
 }
 
 .container-connection input[type=email], input[type=password], input[type=text] {
   width: 100%;
 }
 
 .form-group input {
   margin-top: 10px;
   margin-left: 0px;
 }
 
 .form-chekbox {
  margin-top: -37px;
  margin-left: 165px;
  padding-left: 0px;
}
 
 .contact h4 {
   font-size:20px;
 }
 
 .contact h1 {
   font-size:32px;
 }
 
 .form-control2 {
  font-size:10.5px;
}

.ajouter-pers {
  font-size: 16px; 
}

   } 
/* --------------  PARTIE-4 ------------------------------------------------------------------*/

@media screen and (min-width: 993px) and (max-width: 1299px) {
  
  body {
    max-width: 99%;
    padding-top: 10px; /*  distance entre le menu et le premier titre*/
  }
  /* ----------------- SECTION HOME.MENU -------------------- */
   
  .container-image2 {
    width: 95%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }
    
  .menu-logo {
    margin-top: 5px;
    padding-left: 0px;
    margin-left: 0px;
    display: -webkit-flex; /* Safari */
  -webkit-justify-content: left; /* Safari 6.1+ */
  display: flex;
  justify-content: left;
    }

    .menu-logo img {
      width: 100%;
    }
    
    .menu-logo2 {
     margin-top: 13px;
     display: -webkit-flex; /* Safari */
  -webkit-justify-content: flex-end; /* Safari 6.1+ */
  display: flex;
  justify-content: flex-end;
    
      }

      .menu-logo2 img {
        width: 78%;
      }
    
    .menu-text-centre {
      color:#aaaaaa; 
      font-size:17px; 
      text-align:center; 
      margin-top:5px;
      padding-right:20px;
    }
    
    .menu-text-centre2 {
      color:#aaaaaa; 
      font-size:18px; 
      text-align:center;  
      margin-top: 0px;
    }
 
 .drop-down {
   padding-left: 0px;
   padding-right: 11px;
   padding-left: 50px;
  }
 
  .drop {
   font-size: 13px;
   padding-left: 10px;
   padding-right: 5px;
  }
  
 .retrait {
  display:none;
 }

 .retrait2 {
  display:none;
}

.retrait-img2 {
  display:none;
}
.retrait5 {
  display:none;
}

.retrait4 {
  display:none;
 }
 
 /* ----------------- PAGE HOME -------------------- */
 
 .carousel-home {
   height: 280px;
 }
 
 .carousel-home2 {
   height: 280px;
   margin-top:20px;
 }
 
 .titre-centre {
   padding-top:10px;
   padding-bottom: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
 }
 
 .container-imageA {
   width: 90%;
   margin: auto;
   padding-bottom: 60px;
   padding-top: 5px;
 }

 #argent-main {
   padding-top: 7px;
 }
 
  .text-image2 a {
    font-size: 26px;
  }
  .text-image2 p {
     padding-top: 10px;
   }
 
   .text-image2 {
     width: 100%;
     padding-left: 10%;
    padding-right: 10%;
     margin-bottom: 55px;
   }
 
   .portfolio-item {
     margin-left: auto;
     margin-right: auto;
     padding-bottom:60px;
   }  
   
 .card {
  width: 365px;
 }
   .card2 {
     width: 350px;
   }
 
   .card-essentiel {
     width: 350px;
     margin-top:-90px;
   }
 
   .container-groupe {
     width: 90%;
     margin: auto;
     padding-bottom: 30px;
     padding-top: 5px;
   }
 
   .container-confident {
     width: 85%;
   }
 
   .container-confident h2 {
     font-size: 26px;
   }
 
   .container-contact {
     width: 94%;
     margin-left:auto;
     margin-right:auto;
   }
 
   .container-section2 {
     padding-bottom: 80px;
   }
 
   .section4 h2{
     font-size: 32px;
   }
 
   .section5 {
     margin-top:60px;
   }

   .retrait-bouton {
    display:none;
  }
  
 
 
 
 /* ----------------- PAGE FOOTER -------------------- */
  
 
   .footer-right-wrapper{
     padding-right: 0px;
     text-align:center;
     font-size: 15px;
     }
   
   .footer-links {
     display:inline-block;
     text-align:right;
   }
       
   .footer-right {
     display: block;
     padding-right: 30px;
     margin-top: 25px;
   }
 
   .footer-copyright{
    text-align:right;
    padding-right: 15%;
  }
  
   
 
 /* ----------------- AUTRES PAGE DU SITE -------------------- */
 
 .container-image {
 width: 90%;
 margin: auto;
 padding-bottom: 30px;
 padding-top: 5px;
 }
 
 .text-title {
 padding-top: 10px;
 }
 
 .info-form {
   padding-left: 1px;
 }
 .nava {
   float: left;
 }
 .navo {
   font-size: 13px;
 }
 
 .container-connection {
   width: 95%;
   padding-left: 300px;
   margin-top: 25px;
   padding-bottom: 50px;
   padding-top: 5px;
 }
 
 .container-connection h2 {
   font-size: 28px;
   padding-bottom: 20px;
 }
 
 .container-connection input[type=email], input[type=password], input[type=text] {
   width: 100%;
 }
 
 .form-group input {
   margin-top: 10px;
   margin-left: 0px;
 }
 
 .form-chekbox {
  margin-top: -37px;
  margin-left: 165px;
  padding-left: 0px;
}
 
 .contact h4 {
   font-size:20px;
 }
 
 .contact h1 {
   font-size:32px;
 }

   } 

/* --------------  PARTIE-5 ------------------------------------------------------------------*/

@media screen and (min-width: 1300px) and (max-width: 1812px) {
  
  body {
    max-width: 99%;
    padding-top: 10px; /*  distance entre le menu et le premier titre*/
  }

   /* ----------------- SECTION HOME.MENU -------------------- */
   
   .container-image2 {
    width: 95%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }
    
  .menu-logo {
    margin-top: 5px;
    padding-left: 0px;
    margin-left: 0px;
    display: -webkit-flex; /* Safari */
  -webkit-justify-content: left; /* Safari 6.1+ */
  display: flex;
  justify-content: left;
    }

    .menu-logo img {
      width: 100%;
    }
    
    .menu-logo2 {
     margin-top: 13px;
     display: -webkit-flex; /* Safari */
  -webkit-justify-content: flex-end; /* Safari 6.1+ */
  display: flex;
  justify-content: flex-end;
    
      }

      .menu-logo2 img {
        width: 78%;
      }
    
    .menu-text-centre {
      color:#aaaaaa; 
      font-size:17px; 
      text-align:center; 
      margin-top:5px;
    }
    
    .menu-text-centre2 {
      color:#aaaaaa; 
      font-size:18px; 
      text-align:center;  
      margin-top: 0px;
    }
 
 .drop-down {
   padding-left: 0px;
   padding-right: 11px;
   padding-left: 40px;
  }
 
  .drop {
   font-size: 13px;
   padding-left: 10px;
   padding-right: 5px;
  }
 
  .retrait {
    display:unset;
   }

 .retrait4 {
  display:none;
 }
 
 .retrait2 {
  display:none;
}

.retrait-img2 {
  display:none;
}
.retrait5 {
  display:unset;
}
 
 /* ----------------- PAGE HOME -------------------- */
 
 .carousel-home {
   height: 280px;
 }
 
 .carousel-home2 {
   height: 280px;
   margin-top:20px;
 }
 
 .titre-centre {
   padding-top:10px;
   padding-bottom: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
 }
 
 .container-imageA {
   width: 90%;
   margin: auto;
   padding-bottom: 60px;
   padding-top: 5px;
 }

 #argent-main {
   padding-top: 7px;
 }
 
  .text-image2 a {
    font-size: 26px;
  }
  .text-image2 p {
     padding-top: 10px;
   }
 
   .text-image2 {
     width: 100%;
     padding-left: 10%;
    padding-right: 10%;
     margin-bottom: 55px;
   }
 
   .portfolio-item {
     margin-left: auto;
     margin-right: auto;
     padding-bottom:60px;
   }  
   
 .card {
  width: 275px;
 }
   .card2 {
     width: 350px;
   }
 
   .card-title h6 {
    font-size: 15px;
   }
   .card-essentiel {
     width: 300px;
     margin-top:-90px;
   }
 
   .container-groupe {
     width: 100%;
     margin: auto;
     padding-bottom: 30px;
     padding-top: 5px;
   }
 
   .container-confident {
     width: 85%;
   }
 
   .container-confident h2 {
     font-size: 26px;
   }
 
   .container-contact {
     width: 94%;
     margin-left:auto;
     margin-right:auto;
   }
 
   .container-section2 {
     padding-bottom: 80px;
   }
 
   .section4 h2{
     font-size: 32px;
   }
 
   .section5 {
     margin-top:60px;
   }
 
 
 /* ----------------- PAGE FOOTER -------------------- */
  
 
   .footer-right-wrapper{
     padding-right: 0px;
     text-align:center;
     font-size: 15px;
     }
   
   .footer-links {
     display:inline-block;
     text-align:right;
   } 
     
   .footer-right {
     display: block;
     padding-right: 30px;
     margin-top: 25px;
   }
 
   .footer-copyright{
    text-align:right;
    padding-right: 18%;
  }
  
   
 
 /* ----------------- AUTRES PAGE DU SITE -------------------- */
 
 .container-image {
 width: 90%;
 margin: auto;
 padding-bottom: 30px;
 padding-top: 5px;
 }
 
 .text-title {
 padding-top: 10px;
 }
 
 .info-form {
   padding-left: 1px;
 }
 .nava {
   float: left;
 }
 .navo {
   font-size: 13px;
 }
 
 .container-connection {
   width: 95%;
   padding-left: 300px;
   margin-top: 25px;
   padding-bottom: 50px;
   padding-top: 5px;
 }
 
 .container-connection h2 {
   font-size: 28px;
   padding-bottom: 20px;
 }
 
 .container-connection input[type=email], input[type=password], input[type=text] {
   width: 100%;
 }
 
 .form-group input {
   margin-top: 10px;
   margin-left: 0px;
 }
 
 .form-chekbox {
  margin-top: -37px;
  margin-left: 165px;
  padding-left: 0px;
}

 .contact h4 {
   font-size:20px;
 }
 
 .contact h1 {
   font-size:32px;
 }


}
/* --------------  PARTIE-6 ------------------------------------*/
@media screen and (min-width: 1813px){
  
  
  } /* --------------  FIN - DERNIERE PARTIE ------------------------------------*/