.rideau_wait {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color:#9d8e91;
  opacity:0.6;
  display: flex;
justify-content: center;
align-items: center;
  z-index: 998;
}
.rideau_wait  img{
border-radius:50%;
}
   .my-class{
   background: #304CD8;
   background: -webkit-linear-gradient(left, #304CD8 0%, #9F3762 100%);
   background: -ms-linear-gradient(left, #304CD8 0%, #9F3762 100%);
   background: linear-gradient(to right, #304CD8 0%, #9F3762 100%);
   color: #fff;
   font-size: 16px;
   padding: 25px;
   text-align: center;
}
  .badge-notify{
    background:red;
    position:relative;
    top: -20px;
    right: 10px;
  }
  .my-cart-icon-affix {
    position: fixed;
    z-index: 999;
  }
    .my-cart-icon-affix {
    position: fixed;
    z-index: 999;
  }

/* Set a style for all buttons */
.modal button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.modal button:hover {
  opacity: 0.8;
}

/* Extra styles for the cancel button */
.modal .cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}
span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  max-height:100%;
  overflow-y: hidden;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 10px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 0% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  max-height:100%;
}
/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}
/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}
.text-component a{
text-transform: none;
	}
.text-component a:hover{
	text-decoration:none;
	color:white;
	}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
} 
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}
.stock {
display: inline-block;
padding-left:16px;
font-size: 13px;
color:#a8956b;
}	
 .quantity .qty {	 	 
	display: inline-block;	 	 
	height: 17px;	 	 
	vertical-align: top;	 	 
}	 	 

.container 
{
  margin:0px;
  border:0px solid blue;
}
.centre
{
border:0px solid blue;
}
.centre .col-md-8 
{
text-align:center;
width:100%;
margin-top:100px;
border:0px solid blue;
background: #ebedee;
}
.grid_global
{
width:24% ;
display: inline-block;
margin:0px 4px 4px 0px;
padding:0px;
background-color:white;
border:1px solid #b8dbfd;
border-radius:5px;
}
.bloc-vendeur{
font-size:10px;
text-align:left;
}
.grid_global .bi-file-play-fill{
position:absolute;display:inline-block;
margin-top: calc(9vw );
margin-left:10%;color:white;font-size:4rem;
}

.bloc-vendeur a{
display:block;
width:100%;
height:100%;
padding:7px;
background: white;
font-size:14px !important;
color:#b1b1b1;
font-family:'Maison Neue';
}
.bloc-vendeur a:hover{
text-decoration:none;
background: #f0f0f0;
}
.bloc-vendeur .img-vendeur{
display:inline-block;
width:25px;
height:25px;
border-radius:50%;
}
.logo
{
  margin:0px;
   padding:0px;
   width:100%;
  background-color:#ddd;  
}
.grid_global .price {
  font-weight: bold;
  font-style: italic;
  font-family:font-awesome;
  font-size:16px;
  padding:0px 5px;
  text-align:left;
}
.price .offer {
  font-weight: normal;
  font-style: italic;
  color: #b1b1b1;
   font-size:16px;
  text-decoration: line-through;
}
.vendu {
display: flex;
justify-content: space-between;
width:100%;	
margin-top:5px;
font-size:12px;
color: #969696;
border-top:0px solid #dddddd;
}
.vendu_number {
text-align:left;
padding:0px 10px 5px 5px; 	

}
.div_promo{
width:100%;
border:1px solid red;	
}
.promo_number,.promo_number_vide {
float:right;
font-size:16px;
color: white;
padding:0px 3px 2px 3px; 
margin-right:9px;
background-color:#086fe4;
border-top-right-radius:12px;
border-bottom-left-radius:12px;
}
.promo_number_vide{
color: transparent;
background-color:transparent;
}
.img_vitrine
{
 width:100%;
aspect-ratio : 1 / 1;
 margin:0px;
  padding:0px;
  object-fit: fill;
  overflow:hidden;
background-color:white;
}
.btn_ajouter{
display: flex;justify-content: left;align-items: center;	
	height: 28px;
	border: 1px solid #fff;
}
#somme_manuelle{
  border:none;
  outline:none;
  height:24px;
  vertical-align:middle;
  position:relative;
  bottom:14px;
  border-radius:22px;
  width:130px;
  box-sizing:border-box;
  padding:0 15px; 
   font-family: FontAwesome,sans-serif;
   border:1px solid #d3d3ff;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b6b6b6;
   font-family: FontAwesome;
   font-weight:normal;
  opacity: 1; /* Firefox */
}
#somme_manuelle :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}
#somme_manuelle ::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}
.div_titre_categorie{
width:100%;text-align:left;border-bottom:1px solid #b8dbfd;padding:7px 10px;margin-bottom:3px;
background:#94c9fd;color:#ffff80;font-family:Georgia;
border-top-right-radius:30%;
}
.div_titre_categorie a{
color:#ffff80;text-decoration:underline;cursor:pointer;font-family:Georgia;
}
.afficher_pluss{
width:100%;
padding:15px 5px 5px 5px;
}
.afficher_pluss a{
color:#3939ff;text-decoration:underline;cursor:pointer;font-family:Georgia;
font-size:15px;font-style: italic;
}
  .modal_mauve {
	text-align:center;
	padding:0px 0px 20px 20px;  
	display: block;
	color:white;
	font-size:16px;
	font-family:font-awesome;
	border-radius: 12px;
	box-shadow:
		inset  0px -8px 5px rgba(  0,   0,   0, 0.8),
		inset  0px   6px 4px rgba(159, 56, 112, 0.25),
		inset  0px   2px 1px rgba(159, 56, 112, 0.25),
		inset  3px   0px 3px rgba(159, 56, 112, 0.25),
		inset -4px   0px 4px rgba(  0,   0,   0, 0.75);
	background: #9f3870; /* Old browsers */
	background: -moz-linear-gradient(top,  #9f3870 45%, #c45793 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#9f3870), color-stop(80%,#c45793)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9f3870 45%,#c45793 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9f3870 45%,#c45793 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9f3870 45%,#c45793 80%); /* IE10+ */
	background: linear-gradient(to bottom,  #9f3870 45%,#c45793 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f3870', endColorstr='#c45793',GradientType=0 ); /* IE6-9 */
	}
.modal_mauve:after {
	content: "";
	display: block;
	clear: both;
}
.lien_video{
display:block;width:100%;height:100%;background-color:white;cursor:pointer;
}
.div2{
width:100%;height:100%; background-color:white;padding:0px 0px 0px 0px;font-family:font-awesome;
}
.div2 h4{
text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px;color:#7c7c7c;font-weight:normal;font-family:font-awesome;
margin:0px;padding:7px 5px 5px 5px;
}
#tbl_posts th,#tbl_posts td,#tbl_posts td{
border:1px solid black ;
}
#cd-gallery-items .menu-items li{
display:inline-block;
margin:5px 0px 0px 0px;
}

#cd-gallery-items .menu-items{
text-align:left;
padding:5px;
border:0px solid #dddddd;
border: 1px solid #f1f1f1;
background: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#cd-gallery-items .menu-items a{
border-radius:5px;
margin:0px;
background:#6bf0f8; /* #f2f2ff #e1ad91 */
color:black;
font-family:font-awesome;
}
#cd-gallery-items .menu-items a:hover{
background:#e7e7e7;
}
.selector2 ,.selector2_plus{
display: flex; width:100%;padding:0px;
align-self:flex-end;	
background-repeat:no-repeat;
background-size: cover;
border-top-right-radius:15px;
		  }
.selector2 .ah-headline,.selector2_plus .ah-headline {		  
width:100%;height:22px;padding:2px 5px;  
  }
.selector,.selector_plus{	  
width:100%;display: flex;justify-content: space-between;	
	    }  
        .selector h1 ,.selector2 h1 {
            font-size: 16px;
        }       
        .selector h1 b i,.selector2 h1 b i {
            font-style: normal;
            font-weight: normal;
        }
		.ah-words-wrapper b {
            font-style: normal;
            font-weight: normal;
			font-size: 13px;
        }
 .html5-qrcode-element{
		color: white;
		border-radius:10px;
		padding:10px;
		cursor:pointer;
		margin:0px 20px 20px 20px;
		border:none;
	}
#html5-qrcode-button-camera-permission{
background-color:#169d2a;
	}
#html5-qrcode-anchor-scan-type-change{
		color: #007b91;
		padding:0px;
	}	
#html5-qrcode-button-camera-start,#html5-qrcode-button-camera-stop{
		background-color:#169d2a;
	}
#html5-qrcode-button-camera-stop{
		background-color:#c34d38;
	}	
#html5-qrcode-button-torch,#html5-qrcode-button-torch-on,#html5-qrcode-button-torch-off{
		background-color:#1895ab;
	}
#html5-qrcode-select-camera{
		background-color:#1895ab;
	}	
#html5-qrcode-button-file-selection{
		color: white;
		background-color:blue;
		border-radius:10px;
		padding:10px;
		cursor:pointer;
		margin:20px;
	}	
#html5-qrcode-button-file-selection{
		color: white;
		background-color:blue;
		border-radius:10px;
		padding:10px;
		cursor:pointer;
		margin:20px;
	}
#reader 
{
font-size:16px;
}
.input-group fieldset {
    font-family: FontAwesome;
    border: 1px solid #84e884;
    background: white;
    border-radius: 5px;
    padding: 0px 10px 10px 10px;
}

.input-group fieldset legend {
    background: white;
    color: #b7670f;
    padding: 5px 10px ;
    font-size: 15px;
	font-weight:normal;
    border: 0px;
    margin-left: 10px;
	width:auto;
}		
@media only screen and (max-width : 992px) {
#container 
{
  width:100%;
    margin:0px; 
}	
.container 
{
  margin:0px; 
  width:100%;
}
 .centre .col-md-8 
{
  width:100%;
}
.grid_global
{
width:calc((100% - 20px)/3);
}
.grid_global .bi-file-play-fill{
margin-left:13%;	
margin-top: calc(13vw );
}
}
@media only screen and (max-width : 868px) {	
.container 
{
  margin:0px; 
  width:100%;
}
.grid_global .bi-file-play-fill{
margin-left:13%;
margin-top: calc(13vw );
}
 .centre .col-md-8 
{
  width:100%;
}
}
@media only screen and (max-width : 768px) {
.container 
{
  margin:0px; 
  width:100%;
}
.grid_global .bi-file-play-fill{
margin-left:13%;
margin-top: calc(13vw );
font-size:2.5rem;
}
 .centre .col-md-8 
{
  width:100%;
}
}
@media only screen and (max-width : 720px) {
.container 
{
  margin:0px; 
  width:100%;
}
.grid_global .bi-file-play-fill{
margin-left:12%;
margin-top: calc(12vw );
font-size:3rem;
}
}
@media only screen and (max-width : 480px) {
.div_haut
{
  width:100%;
}	
.container 
{
  margin:0px; 
  width:100%;
}
.cont img{
  width: 100%;
  padding:0px;
  margin:0px;
}
.grid_global
{
width:calc((100% - 18px)/2);
}
.grid_global .bi-file-play-fill{
margin-left:19%;
margin-top: calc(18vw );
font-size:3rem;
}
.vendu{
 font-size: 12px;
}
}	
@media only screen and (max-width : 320px) {
.container 
{
  margin:0px; 
  width:100%;
}
.grid_global
{
width:calc((100% - 18px)/1);
}
.grid_global .bi-file-play-fill{
margin-left:40%;
margin-top: calc(35vw );
font-size:3rem;
}
.vendu{
 font-size: 12px;
}
	}