@charset "UTF-8";
/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

@media screen and (max-width: 480px) {
  body {
    max-width: 97%;
  }

/* ----------------- page HOME ---------------------- */
.container-nav {
  width: 97%;
  margin: auto;
}

.container-nav2 {
  width: 97%;
  margin: auto;
}

.container-profil {
  width: 90%;
}

.nav-img { 
  margin-top: 10px;
  display:block;
  text-align: center; 
}

.nav-img2 { 
  margin-top: 10px;
  display:block;
  text-align: center; 
}

.nav-img2 img{
  width:280px;
}

.imgsize{ width:100%; }

.nav-menu {
  font-size: 15px;  
  text-align: left;  
 }

 .nav-h-menu { padding-top: 15px; }

.container-home {
  width: 100%;
  padding-bottom: 5px;
}

.texte-ferme{
  text-align: center;
}

.container-section2 {
  width: 85%;
  padding-bottom: 100px;
}

.text-title {
  font-size: 24px;
}
.tableau th{
  font-size: 12px;
  padding: 15px;
}

.tableau td{
  font-size: 10px;
  padding: 5px;
}
/* ----------------- page HOME ---------------------- */
.container-achat {
  width: 87%;
  
}

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

.container-connection {
  width: 90%;
  margin-top: 10px;
  padding-bottom: 90px;
}

.title-button{
  font-size: 28px;
}

.form-chekbox {
  margin-top: 0px;
  margin-left: 0px;
}

.oublie {
  margin-top: 10px;
  margin-left: 0px;
}

.contact{ font-size: 30px; }

.titre{ font-size: 24px; }

.titre2{
  font-size: 25px;
  padding-bottom: 0px;
  text-align: center;
}
.nav-copy { text-align: center; }

.nav-link-footer, .footer-links {   text-align: center; }

.container-footer { width: 100%; }

.efface { display: none; } /*  efface info */

.efface2 { display: none; } /*  efface info */

.efface-trait { display: none; }

.enter { display: unset; } /*  applique le enter */

.h-buy{
  text-align: center;
}

.text-buy { 
  padding-left: 0px; 
}
.text-buy2 { 
  font-size: 11px;
  padding-left: 0px; 
}

.text-position{
  top:11%;  
  font-size:15px;
}

.text-position2{
top:13.5%; 
font-size:83%;
}

.sceau-img{
  width:155px;
  padding: 10px 20px;
  display: block; 
}

.carre-buy{
  margin-left: 0px;
}

.carre-buy img{
  display: block;
  margin: auto;
}

.f-texte {
  font-size: 13px;
}

.text-domain {
  padding-left: 0px;
  font-size: 19px;
}

.enter-domain {
  display: unset;
}

.efface-domain { display: none; }

.avis-texte { font-size: 16px;   }

.t-offre2 {
font-size: 20px;
text-align: center;
}

.t-garantis { font-size: 12px; }

.garantis-img{
  width:100%;
}

.refuser{
  margin-top:0px; text-align: left; padding-bottom: 10px;
}

.prix-offre1 {
  text-align: center;
  padding: 10px 0px;
}
.prix-offre {
  text-align: center;
}
.prix-demande {
  margin-top:0px; text-align: center;
}

.document3 {
  text-align: justify;
}

.case input[type=text]{
  width: 64%;
}

.case input, select {
  width: 33%;
}

.case input[type=submit] {
  width: 100%;
}

.titre-formulaire p{
  font-size: 24px;
}

.retirer a{
  display: none;
}

.nav-menu-form {
  text-align: left;
   }

.nav-menu-form:hover, .nav-menu-form:active {
  width: 100%;
  text-align: left;
   }
  
   .nav-menu:hover, .nav-menu:active {
    width: 100%;
    text-align: left;
     }

   .form-modif{
    padding-top: 15px;
    text-align: right;
  }

}

/* ----------------- MIN-WIDTH 481px - 767px ---------------------- */

@media screen and (min-width: 481px) and (max-width: 767px) {
  
    body {
      max-width: 99%;
    }

    .nav-img { 
      margin-top: 0px;
      display:block;
      text-align: center; 
    }

    .nav-img2 { 
      margin-top: 0px;
      display:block;
      text-align: center; 
    }

    .nav-img2 img{
      width:350px;
    }

    .imgsize{ width:350px; }
    
    
    .nav-menu {
      font-size: 15px;  
      text-align: left;  
     }

     .nav-h-menu { padding-top: 15px; }

    .container-home {
      width: 100%;
      padding-bottom: 5px;
    }
  .texte-ferme{
    text-align: center;
  }
  
  .container-section2 {
    width: 85%;
    padding-bottom: 100px;
  }
  
  .text-title {
    font-size: 24px;
  }
  .tableau th{
    font-size: 12px;
    padding: 15px;
  }
  
  .tableau td{
    font-size: 10px;
    padding: 5px;
  }
  /* ----------------- FIN HOME ---------------------- */
  .container-image {
  width: 95%;
  margin: auto;
  padding-bottom: 10px;
  padding-top: 5px;
}

.container-connection {
  width: 85%;
  margin-top: 10px;
  padding-bottom: 90px;
 
}

.container-profil {
  width: 90%;
}

.efface-trait { display: none; }

.text-buy2{ padding-left: 10px; }

.text-position{
  top:17%;  
  font-size:22px;
}

.text-position2{
top:21%; 
font-size:16px;
}

.text-domain {
  padding-left: 0px;
}

.enter-domain {
  display: unset;
}

.efface-domain { display: none; }

.avis-texte { font-size: 18px;   }

.carre-buy{
  margin-left: 0px;
}

.sceau-img{
  width:155px;
  padding: 10px 20px;
  display: block; 
}
.case input, select {
  width: 17%;
}

.title-button{
  font-size: 30px;
}

.oublie {
  margin-top: 0px;
  margin-left: 0px;
}

.contact{ font-size: 30px; }

.titre{ font-size: 24px; }

.titre2{
  font-size: 25px;
  padding-bottom: 0px;
  text-align: center;
}
.nav-copy { text-align: center; }

.nav-link-footer, .footer-links {   text-align: center; }

.container-footer { width: 100%; }

.enter { display: unset; } /*  applique le enter */

.efface2 { display: none; } /*  efface info */

.form-mobile-button {
  text-align: center;
  }
  .titre-formulaire p {
    font-size: 28px;
  }
  .retirer a{
    display: none;
  }

  .nav-menu-form {
    text-align: left;
     }

  .nav-menu-form:hover, .nav-menu-form:active {
    width: 100%;
    text-align: left;
     }

     .nav-menu:hover, .nav-menu:active {
      width: 100%;
      text-align: left;
       }

     .form-modif{
      padding-top: 15px;
      text-align: right;
    }

  }

/* ----------------- MIN-WIDTH 768px - 992px ---------------------- */

@media screen and (min-width: 768px) and (max-width: 992px) {
      body {
      max-width: 99%;
    }

    .nav-img { 
      margin-top: 0px;
      display:block;
      text-align: center; 
    }
    
    .nav-img2 { 
      margin-top: 0px;
      display:block;
      text-align: center; 
    }

    .nav-img2 img{
      width:350px;
    }

    .imgsize{ width:350px; }
    
    
    .nav-menu {
      font-size: 15px;  
      text-align: left;  
     }

     .nav-h-menu { padding-top: 15px; }

    .container-home {
      width: 100%;
      padding-bottom: 5px;
    }
  .texte-ferme{
    text-align: center;
  }
  
  .container-section2 {
    width: 85%;
    padding-bottom: 100px;
  }
  
  .text-title {
    font-size: 24px;
  }
  .tableau th{
    font-size: 12px;
    padding: 15px;
  }
  
  .tableau td{
    font-size: 10px;
    padding: 5px;
  }/* ----------------- FIN HOME ---------------------- */
  
  .container-achat {
    width: 95%;
  }

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

.container-connection {
  width: 75%;
  margin-top: 10px;
  padding-bottom: 90px;
}

.contact{ font-size: 30px; }

.titre{ font-size: 24px; }

.titre2{
  font-size: 30px;
  padding-bottom: 0px;
}
.nav-copy { text-align: center; }

.nav-link-footer, .footer-links {   text-align: center; }

.container-footer { width: 100%; }

.enter { display: unset; } /*  applique le enter */

.efface2 { display: none; } /*  efface info */

.retirer a{
  display: none;
}

.nav-menu-form:hover, .nav-menu-form:active {
  width: 100%;
  text-align: left;
   }
   .nav-menu:hover, .nav-menu:active {
    width: 100%;
    text-align: left;
     } 

     .font-sm {
       font-size: 14px;
     }

     .text-buy2{ 
       padding-left: 10px;
      font-size: 15px;
     }

     .text-position{
       top:16%;  
       font-size: 22px;
     }
     
     .text-position2{
     top:20%; 
     font-size:16px;
     }
     
     .avis-texte { font-size: 18px;   }
     
     .carre-buy{
       margin-left: 0px;
     }
     
     .sceau-img{
       width:155px;
       padding: 10px 20px;
       display: block; 
     }
     .case input, select {
       width: 17%;
     }

     .text-domain {
      padding-left: 0px;
      font-size: 22px;
    }
    
    .enter-domain {
      display: unset;
    }
    
    .efface-domain { display: none; }

  }

/* ----------------- MIN-WIDTH 993px - 1299px ---------------------- */

@media screen and (min-width: 993px) and (max-width: 1299px) {
  body {
    max-width: 99%;
  }

  .container-nav2 {
    width: 90%;
    padding-top: 4px;
  }

  .container-nav {
    width: 90%;
    padding-top: 10px;   
  }
  .nav-h-menu { padding-top: 23px; }

  .nav-h-menu2 { margin-top: 9px; }

  .nav-img { 
    margin-top: 0px;
    display:block;
    text-align: left; 
  }
  
  .nav-img2 { 
    margin-top: 0px;
    display:block;
    text-align: left; 
  }

  .nav-img2 img{
    width:345px;
  }

  .imgsize{ width:350px; }  
  
  .nav-menu {
    font-size: 15px;  
    text-align: left;  
   }

  .container-home {
    width: 95%;
    padding-bottom: 5px;
  }

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

  .container-connection {
    width: 75%;
    margin-top: 10px;
    padding-bottom: 90px;
  }

  .container-section2 {
    width: 97%;
    padding-bottom: 100px;
  }

   .titre2{
    font-size: 30px;
    padding-bottom: 0px;
  }
 
  .container-footer { width: 90%; }

  .text-buy2{ 
    padding-left: 10px;
   font-size: 15px;
  }

  .text-position{
    top:16%;
    font-size: 22px;
  }
  
  .text-position2{
  top:20%; 
  font-size:16px;
  }
  
  .avis-texte { font-size: 18px;   }
  
  .carre-buy{
    margin-left: 0px;
  }
  
  .sceau-img{
    width:155px;
    padding: 10px 20px;
    display: block; 
  }
  .case input, select {
    width: 17%;
  }

  .text-domain {
   padding-left: 0px;
   font-size: 22px;
 }
 
 .enter-domain {
   display: unset;
 }
 
 .efface-domain { display: none; }

 .efface-trait { display: none; }
 .enter { display: unset; } /*  applique le enter */

  }

/* ----------------- MIN-WIDTH 1300px - 1812px ---------------------- */

@media screen and (min-width: 1300px) and (max-width: 1812px) {
    body {
      max-width: 99%;
    }

    .container-nav2 {
      width: 97%;
      padding-top: 4px;   
    }

    .container-nav {
      width: 80%;
      padding-top: 10px;   
    }
    .nav-h-menu { padding-top: 23px; }

    .nav-h-menu2 { margin-top: 9px; }
  
    .nav-img { 
      margin-top: 0px;
      display:block;
      text-align: left; 
    }
    
    .nav-img2 img{
      width:345px;
    }

    .imgsize{ width:350px; }
    
    .nav-menu {
      font-size: 15px;  
      text-align: left;  
     }
  
     .container-home {
      width: 90%;
      padding-bottom: 5px;
    }
  
    .container-image {
      width: 90%;
      margin: auto;
      padding-bottom: 10px;
      padding-top: 5px;
    }

    .container-connection {
      width: 70%;
      
    }
    .container-section2 {
      width: 97%;
      padding-bottom: 100px;
    }

  }

/* ----------------- MIN-WIDTH 1813px et plus ---------------------- */

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


  } 
/* --------------  FIN - DERNIERE PARTIE ------------------------------------*/