/********************************************************/

/*                    pos structure                 */

/********************************************************/



/********************************************************/

/*                    image background                  */

/********************************************************/

.carousel-thumbnails .carousel-indicators {

  margin-bottom: -4.69rem;

  position: absolute;

}

.carousel-indicators {

  position: relative;

  right: 0;

  bottom: 250px;

  left: 0;

  z-index: 15;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

  padding-left: 0;

  width: 100%;

  margin-left: 0;

  list-style: none;

}



#page_vin_pos{ 

  position: absolute;

  background: rgba(0,0,0,0.9);

  width: 60%;

  left:20%;

  height: 60%;

  border-radius: 5px;

 top:20%;

  display:none;

  overflow: hidden;

  padding: 10px;

  z-index:10;

}

#pos_carousel-inner .titre_article  {

  
  line-height: 25px!important;
}


#scroll_page_vin_pos{ 

  position: absolute;

  width: 100%;

  margin-top: 50px;

  height: 85%;

 

  overflow: hidden;

  

}

#galerie-pos {
  width: 70%;
    height: 50%;
    /* background: red; */
    display: none;
    top: 30%;
    position: relative;
    padding: 0;
    text-align: center;
    overflow: auto;
    z-index: 9;
}

.img-gallerie{

  width: 150px;
  height: 150px;
  position: relative;
  display: inline-block;
  border: 1px solid white;
  margin-right: -6px;
    margin-bottom: -7px;
    cursor: pointer;
    z-index: 9;
}

#galerie-pos-item{
  width: 80%;
  height: 60%;
  position:fixed; 
  top: 20%; 
  left: 10%; 
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 99;
  display: none;
}

#galerie-pos-item img{
  max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.fulls .suggestion-vin {

  cursor: pointer;

  float:initial!important;

  padding-left: 3px;



}



.fulls {

 

  width:50px;

}

.suggestion-vin {

  cursor: pointer;

  float:right;

}



.vignette .suggestion-vin {

  cursor: pointer;

  float: right!important;

  width: 25px!important;

  bottom: 25px!important;

  position: relative!important;

  right: -35px!important;

}



.vignette-prix {

  padding-left: 10px;

  padding-right: 10px;

  float: right;

  right: 0px;

  position: absolute;

  top: 0px;

  font-size: 20px;

  line-height: 20px;

  display: revert;

  line-height: 20px!important;

}



#tumbails{

  max-height: 200px;

  min-width: max-content;

}

.carousel-thumbnails .carousel-indicators li {

  height: auto;

  width: 6.25rem;

  max-width: 6.25rem;

  border: none;

}

.carousel .carousel-indicators li {

  width: .625rem;

  height: .625rem;

  -webkit-border-radius: 50%;

  border-radius: 0;

    cursor: pointer;

    height: 200px!important;

    width: 200px!important;

    background: transparent;

    min-width: 200px;

}

.carousel-indicators li {

  position: relative;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

 margin:0;

  margin-right: 0px;

  margin-left: 0x;

  text-indent: -999px;

  cursor: pointer;

  background-color: rgba(255,255,255,.5);

}



.w-100{

  width:100px;

}



.dt_article{

  width: 100%;

    height: 120px;

    background: rgba(0,0,0,0.6);

    position: absolute;

    bottom: 50px;

    padding:10px;

    z-index: 9;

    overflow:auto;

}


#carouselArticlesListe .dt_article {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
#carouselArticlesListe .dt_article::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

#carouselArticles .dt_article {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
#carouselArticles .dt_article::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

.dt_article_thumbails{

  width: 400px;

  height: 160px;

    /* float: right; */

    /* right: 50px; */

    top: 200px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    border-radius: 5px;

    box-shadow: 0px 1px 5px #aaa;

}



#pos_carousel-inner p, #pos_carousel-inner-liste p {

  margin: 0 0 5px;

}



div#background-pos{

	position: fixed;

    width: 100%;

    height: 100%;

  margin:0;

  

    background-size: cover;

    -moz-background-size: cover;

opacity:0;

}





.mCSB_container {

  

  margin-right: 0px!important;

 

}



/*------/ Owl Carousel /------*/


#carouselArticles, #carouselArticlesListe {

	position: absolute;

	opacity:1;

}


.carousel {

    position: absolute;

}





.carousel-inner {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.carousel-item {

    position: relative;

    display: none;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-perspective: 1000px;

    perspective: 1000px;

}



.fill {

    width: 100%;

    height: 100%;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

	-o-background-size: cover;

	position:fixed;

}





.carousel-control-next-icon, .carousel-control-prev-icon {

    display: inline-block;

    width: 20px;

    height: 20px;

    background: transparent no-repeat center center;

    background-size: 100% 100%;

}



.owl-theme .owl-dots {

	text-align: center;

	margin-top: 18px;

  }

  

  .owl-theme .owl-dots .owl-dot {

	display: inline-block;

  }

  

  .owl-theme .owl-dots .owl-dot span {

	width: 18px;

	height: 7px;

	margin: 5px 5px;

	background: #cde1f8;

	border: 0px solid #cde1f8;

	display: block;

	transition: all 0.6s ease-in-out;

	cursor: pointer;

  }

  

  .owl-theme .owl-dots .owl-dot:hover span {

	background-color: #cde1f8;

  }

  

  .owl-theme .owl-dots .owl-dot.active span {

	background-color: #1B1B1B;

	width: 25px;

  }

  



  .carousel-inner>.item {

    padding: 0px;

    margin: 0;

    height: 100%;

    border:none;

}



.carousel-control{

  position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    font-size: 50px!important;

    background-image: none!important;

}



.titre_article{

  overflow: hidden;

}



.titre_article p{

  margin : 0 0 0 0;

  margin: 0 0 0 0;

    font-size: 25px;

    line-height: 30px;

    padding-bottom: 5px;

}



.desc-prix{

  font-size: 12px!important;

  display: block!important;

}

.vignette{

  height:400px;

  padding:0!important;

}

.item-titre{

  height:35px!important;

}

.faitmaison_img, .bio_img{

  max-width: 20px;;

}

.img-fc{
  width: 100%;
  height: 40%;
}

#carouselArticlesListe .soustitre_article, #carouselArticlesListe .titre_article{
  color: #333!important;
}

#carouselArticlesListe .titre_article{
  color: #333!important;
  font-size: 30px!important;
    line-height: 35px;
}
#carouselArticlesListe{
  box-shadow: 0 15px 20px -13px rgb(255 255 255 / 51%);
}


#titre_categorie{

  font-size: 25px;

  text-align: center;

  padding: 10px;

  box-shadow: 0 6px 7px -8px rgba(255, 255, 255, 0.8);

  margin-bottom: 35px;

  margin-top: 35px;

}

.titre_article_noimage, .titre_article{

  font-size: 45px;

}

.souscategorie{

  text-align: left!important;

}

.soustitre_article{

  font-size: 25px!important;

  line-height: 30px!important;

}

#carouselArticles, #carouselArticlesListe{

  z-index: 2!important;

}


.soustitre_article p {

  display: contents !important;

}



@media (max-width: 767px) {

  .img-gallerie {
    width: 120px;
    height: 120px;
    position: relative;
    display: inline-block;
    border: 1px solid white;
    margin-right: -6px;
    margin-bottom: -7px;
    cursor: pointer;
    z-index: 9;
}

  .fulls {

 

    width:5%;

  }

  .vignette-prix {

    padding-left: 10px;

    /* padding-right: 10px; */

    float: right;

    right: 0px;

    position: absolute;

    top: 0px;

    font-size: 16px;

    line-height: 16px;

    display: revert;

    text-align: right;

    padding-right: 3px;

}



.vignette-desc-prix{

  font-size: 12px!important;

}



 .aa{

    top:0px!important;

  }

  .item-titre {

    height: 20px!important;

    padding-bottom: 10px;

}



  .label_position .aa{

    top:30px!important;

    width: 20px;

  }

  .bb{

    top:0px!important;

  }

  .cc{

    top:30px!important;

  }



  .dt_article .cc{

    top:30px!important;

  }

  .dd{

    top:0px!important;

  }



  .titr_article  .aa{

    top:0px!important;

  }



  .titr_article  .bio_img, .titr_article  .faitmaison_img{

    top:0px!important;

  }

  .dt_article_thumbails {

    width: 300px;

    height: 150px;

    

}





.dt_article .bio_img, .dt_article  .faitmaison_img{

  top: 30px!important;

  max-width: none;

margin-right: 3px;

  width: 20px;

  position: relative;

 

}



.dt_article_thumbails .bio_img, .dt_article_thumbails  .faitmaison_img{

  top: 55px!important;

  max-width: none;

margin-right: 3px;

  width: 25px;

  position: relative;

 

}



.dt_article_thumbails .bio_img, .dt_article_thumbails  .faitmaison_img{

  top: 55px!important;

  max-width: none;

margin-right: 3px;

  width: 25px;

  position: relative;

 

}







.titre_article p {

  margin: 0 0 0 0;

  margin: 0 0 0 0;

  font-size: 15px;

  line-height: 20px;

  padding-bottom: 5px;

}



.soustitre_article {

  font-size: 14px!important;

  line-height: 18px!important;

  width: 80%;

}



.vignette-article {

  font-size: 12px!important;

  line-height: 12px!important;

  width: 80%;

}





.vignette .suggestion-vin {

  cursor: pointer;

  float: right!important;

  width: 25px!important;

  bottom: 25px!important;

  position: relative!important;

  right: -10px!important;

}

.suggestion-vin {

  right: 0px!important;

position: relative;

bottom: 10px!important;

}

  #page_vin_pos{ 

    width: 90%;

     left:5%;

     

   }



  .prev1, .next1{

    display:none!important;

  }



  .carousel-control.left, .carousel-control.right {

    display:none!important;

 

   }



   #carouselArticlesListe .carousel-control.left, #carouselArticlesListe .carousel-control.right {

    display:block; 

   }


#pos_carousel-inner p, #pos_carousel-inner-liste p  {

  margin: 0 0 1px;
 
}

#pos_carousel-inner .titre_article  {

  margin: 0 0 1px;
  line-height: 25px!important;
}




.vignette{

  height:200px;

}



  #titre_categorie{

    font-size: 25px;

    text-align: center;

    padding: 10px;

    box-shadow: 0 6px 7px -8px rgba(255, 255, 255, 0.8);

    margin-bottom: 15px;

    margin-top:0;

  }

  .titre_article_noimage, .titre_article{

    font-size: 20px;

  }

  .soustitre_article{

    font-size: 12px;

  }



  .label_img {

    width: 16px;

    position: relative;

    top: 0px;

}





.dt_article_thumbails .label_img{

	width: 25px;

	position: relative;

  top: 55px!important;

}





.lbm {

  

  top: 0px!important;

}



.prix {

  font-size: 18px;

}



.titre_article_noimage img , .titre_article img{

 

    box-shadow: none!important;

}



.faitmaison_img, .bio_img{

  max-width: 16px;

  position: relative;

  top: 30px;

}

}