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

/*                    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;

}



#pdf {
  margin: 0;
  padding: 0;
  position: relative;
  width: 800px;
  height: 95%;
  display: none; 
  top: 3%;
  left: calc(50vw - 400px);
  z-index: 9;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

#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;

}



#scroll_page_vin_pos{ 

  position: absolute;

  width: 100%;

  margin-top: 50px;

  height: 85%;

 

  overflow: hidden;

  

}



.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:14px;

  font-size: 20px;

  line-height: 20px;

  display: revert;

  line-height: 20px!important;

}



.souscategorie{

  text-align: left!important;

  padding: 10px!important;
  border-bottom: 1px solid #dddddd75;

}



#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;

}





.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 {

  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 {

	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;
  padding-bottom: 10px;
  line-height: 35px;

}

.faitmaison_img, .bio_img{

  max-width: 20px;;

}



#titre_categorie{

  font-size: 25px;

  text-align: center;

  padding: 10px;

 

  margin-bottom: 35px;

  margin-top: 35px;

}



#soustitre_categorie{

  font-size: 18px;

  text-align: center;

  padding: 10px;

  display:block;

}



.titre_article_noimage, .titre_article{

  font-size: 30px;

}

.soustitre_article{

  font-size: 15px!important;

  line-height: normal!important;

}

#carouselArticles{

  z-index: 2!important;

}



.soustitre_article p {

  display: contents !important;

}



@media (max-width: 767px) {

  #pdf {
    margin: 0;
    padding: 0;
    position: relative;
    width: 90%;
    height: 80%;
    display: none;
    top: 10%;
    /* left: calc(50vw - 400px); */
    z-index: 9;
    left:5%;
}

  .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: 90%;

}

.picto_bio{
  width:20px!important;;
}

.vignette-article {

  font-size: 12px!important;

  line-height: 12px!important;

  width: 80%;

}

table {
  width: 100%;
}



.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;

 

   }



#pos_carousel-inner p {

  margin: 0 0 1px;

}



.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;

}

}