@charset "UTF-8";


@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .carousel {
    height: 100vh;
  }

.form-language { margin-top: 10px;}

.section-cart { width: 90%; }

  .navbar:not(.top-nav-collapse) {
    background: #ffffff!important;
  }
  
  .produits {
    width: 100%;
  }
  .carousel{height:100%}
  .navbar{ background-color: #ffffff!important;}
  .section-container {width: 100%;}

.navbar-default .navbar-nav  {
  margin-left: 50px;
}
.navbar.navbar-light .navbar-nav .nav-item .nav-link { font-size: 0.8em; }

h1 {font-size: 2.5em;}
  
.carousel span {
  display: block;
  position: relative;
  margin-top: -30px;
  margin-bottom: 10px;
  margin-left: 80px;
  font-size: 1.5em;
}

.section-apropos { margin-top: -100px; } 

.header-slide h1 {margin-top: 60px; }

    .section-produit .card { margin-bottom: 320px; }
    .produits { width: 100%; }
    .section-produit .card.lot1 { margin-bottom: 200px; }
    .section-produit .card.lot2 { margin-bottom: 50px; }
    
    .section-produit .titre { margin-top: -250px; }
    .section-event {
      position: relative;
      width: 95%;
      height: auto;
      }

    .margin-moins { margin-top: -180px; }
   
    .margin-300 { 
      margin-top: 100px;
      margin-bottom: 100px; 
    }
    .footer-logo {
      position: relative;
      width: 100px;
      height: auto;
    }
  .footer-logo-texte {
    position: absolute;
    left: 52%;
  }
  
  .footer-logo-slogan {
    position: absolute;
    left: 52%;
  }

  .image-fbo { width: 250px; }
  .section-satisfait { width: 90%; }
 
}


@media (max-width: 800px) {
  html,
  body,
  header,
  .carousel {
    height: 100vh;
  }

  .form-language { 
    margin-top: 10px; 
    margin-left: 40px;
  }
  .section-cart { width: 90%; }

  .navbar:not(.top-nav-collapse) {
    background: #ffffff!important;
  }
  .produits {
    width: 100%;
  }
  .carousel{height:70%}
  .navbar{ background-color: #ffffff!important;}
 
.navbar-default .navbar-nav  {
  margin-left: 50px;
}
.navbar.navbar-light .navbar-nav .nav-item .nav-link { font-size: 0.8em; }

h1 {font-size: 3em;}
  
.menu-don {width: 50%;}
.form-language select { width: 150px;}
  
.carousel span {
  display: block;
  position: relative;
  margin-top: -30px;
  margin-bottom: 10px;
  margin-left: 80px;
  font-size: 1.5em;
}
     .header-slide h1 {margin-top: 60px; }
    .section-container {width: 100%;}
    .section-produit .card { margin-bottom: 320px; }
    .produits { width: 100%; }
    .section-produit .card.lot1 { margin-bottom: 200px; }
    .section-produit .card.lot2 { margin-bottom: 50px; }
    .produit-detail { width: 90%; }
    .section-produit .titre { margin-top: -250px; }
    .section-event {
      position: relative;
      width: 100%;
      height: auto;
      }
        
    .margin-300 { 
      margin-top: 100px;
      margin-bottom: 100px; 
    }
    
  .margin-moins { margin-top: -180px; }

    .footer-logo {
      position: relative;
      width: 100px;
      height: auto;
    }
  .footer-logo-texte {
    position: absolute;
    left: 52%;
  }
  
  .footer-logo-slogan {
    position: absolute;
    left: 52%;
  }

  .image-fbo { width: 250px; }
  .section-satisfait { width: 90%; }
  .form-newsletter { width: 90%; }
  .titrenews, .formsnews {
    -ms-flex-direction: column !important;
  flex-direction: column !important;
  }

}



@media (max-width:776px){
  html,
  body,
  header,
  .carousel {
    height: 100vh;
  }
  .full-page-intro{height:1000px}

  .section-cart { width: 90%; }

  .carousel{height:100%}
  .navbar{ background-color: #ffffff!important;}
 
.navbar-default .navbar-nav  {
  margin-left: 50px;
}
.navbar.navbar-light .navbar-nav .nav-item .nav-link { font-size: 0.8em; }

.section-apropos { margin-top: -180px; }

.form-language { 
  margin-top: 10px; 
  margin-left: 40px;
}

h1 {font-size: 2.5em;}

.menu-don {width: 50%;}
.form-language select { width: 150px;}
  
.carousel span {
  display: block;
  position: relative;
  margin-top: -30px;
  margin-bottom: 10px;
  margin-left: 80px;
  font-size: 1.5em;
}

     .header-slide h1 {margin-top: 60px; }
    .section-produit .card { margin-bottom: 320px; }
    .produits { width: 100%; }
    .section-produit .card.lot1 { margin-bottom: 200px; }
    .section-produit .card.lot2 { margin-bottom: 50px; }
    .produit-detail { width: 90%; }
    .section-produit .titre { margin-top: -250px; }
    .section-container {width: 100%;}
    .section-event {
      position: relative;
      width: 100%;
      height: auto;
      }

    .margin-moins { margin-top: -180px; }

    .margin-300 { 
      margin-top: 100px;
      margin-bottom: 100px; 
    }

    .footer-logo {
      position: relative;
      width: 100px;
      height: auto;
    }
  .footer-logo-texte {
    position: absolute;
    left: 52%;
  }
  
  .footer-logo-slogan {
    position: absolute;
    left: 52%;
  }

  .image-fbo { width: 250px; }
  .section-satisfait { width: 90%; }
  .form-newsletter { width: 90%; }
  .titrenews, .formsnews {
    -ms-flex-direction: column !important;
  flex-direction: column !important;
  }
  .moinsmargin50 { margin-top: -20px; }
  .logo-titre { font-size: 15px; }

}


@media only screen and (max-width:768px){
  .navbar{background-color:#ffffff}
  .carousel{height:100%}
      
  .navbar-default .navbar-nav  { margin-left: 50px; }
   h1 {font-size: 2.5em;}
 
   .menu-don {width: 50%;}
   .form-language select { width: 150px;}

  .section-apropos { margin-top: -210px; }   
  .section-cart { width: 90%; }

  .form-language { 
    margin-top: 10px; 
    margin-left: 40px;
  }
  .carousel span {
    display: block;
    position: relative;
    margin-top: -30px;
    margin-bottom: 10px;
    margin-left: 80px;
    font-size: 1.5em;
  }
     .header-slide h1 {margin-top: 60px; }
    .section-produit .card { margin-bottom: 320px; }
    .produits { width: 100%; }
    .section-produit .card.lot1 { margin-bottom: 200px; }
    .section-produit .card.lot2 { margin-bottom: 50px; }
    .produit-detail { width: 90%; }
    .section-produit .titre { margin-top: -250px; }
    .section-container {width: 100%;}
    .container.w-75 { width: 100%; }
    .section-event {
      position: relative;
      width: 100%;
      height: auto;
      }
         
    .margin-300 { 
      margin-top: 100px;
      margin-bottom: 100px; 
    }
    .margin-moins { margin-top: -180px; }
    .footer-logo {
      position: relative;
      width: 100px;
      height: auto;
    }
  .footer-logo-texte {
      position: absolute;
      left: 52%;
  }
  
  .footer-logo-slogan {
    position: absolute;
    left: 52%;
  }
  .image-fbo { width: 250px; }
  .section-satisfait { width: 90%; }
  .form-newsletter { width: 90%; }
  .titrenews, .formsnews {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .moinsmargin50 { margin-top: -20px; }
  .logo-titre { font-size: 15px; }
}


@media (max-width: 740px) {
  html,
  body,
  header,
  .carousel {
    height: 100vh;
  }
  .full-page-intro{height:1000px}

  .section-cart { width: 90%; }
  

  .carousel{height:100%}
  .navbar{ background-color: #ffffff!important;}
  .section-container {width: 100%;}
  .container.w-75 { width: 100%; }
  .section-event {
    position: relative;
    width: 100%;
    height: auto;
    }
 
.navbar-default .navbar-nav  {
  margin-left: 50px;
}

.menu-don {width: 50%;}
.form-language select { width: 150px;}

.section-apropos { margin-top: -210px; }
.form-language { 
  margin-top: 10px;
  margin-left: 40px;

}


h1 {font-size: 2.5em;}
  
.carousel span {
  display: block;
  position: relative;
  margin-top: -30px;
  margin-bottom: 10px;
  margin-left: 80px;
  font-size: 1.5em;
}

    .header-slide h1 {margin-top: 60px; }
    .section-produit .card { margin-bottom: 320px; }
    .produits { width: 100%; }
    .section-produit .card.lot1 { margin-bottom: 200px; }
    .section-produit .card.lot2 { margin-bottom: 50px; }
    
    .section-produit .titre { margin-top: -250px;}
    .produit-detail { width: 90%; }
    .margin-300 { 
      margin-top: 100px;
      margin-bottom: 100px; 
    }
    .container.w-75 { width: 100%; }

    .margin-moins { margin-top: -180px; }

    .footer-logo {
      position: relative;
      width: 100px;
      height: auto;
    }
  .footer-logo-texte {
    position: absolute;
    left: 52%;
  }
  
  .footer-logo-slogan {
    position: absolute;
    left: 52%;
  }

  .image-fbo { width: 250px; }
  .section-satisfait { width: 90%; }
  .form-newsletter {
    width: 90%;
  }

  .flex-center.formsnews {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .moinsmargin50 { margin-top: -20px; }
  .logo-titre { font-size: 15px; }
  .imgenfant {
    width: 50px;
    height: 50px;
  }
}