html, body {
	height: 100%;
}

.catalogue-container {
	background-color: #ffffff;
}

.conteneur-catalogue {
	padding-top:64px;
}
.conteneurMenuRecherche{
	position:fixed;
	height:400px;
	z-index: 15000;
	margin-top: 30px; /* ancienne valeur : 90px*/
}

.btRechercheCatalogue{
	position:absolute;
	right:-37px;
	top:0px;
	height:160px;
	width:37px;
	background-color:#ff6666;
	cursor: pointer;
}

.btRechercheCatalogue img{
	 margin-top: 45px;
 	 margin-left: 3px;
}

.btRechercheCatalogue .btRechercheIcone{
	position:absolute;
	bottom:0px;
	height:37px;
	width:37px;
	color:#E2B9C5;
	text-align:center;
	font-size: 1.7em !important;
	padding-top:10px;
}

.menuRecherche{
	height:320px;
	background-color:#EFEAF1;
	border: solid 1px #B4B3B4;
	
}
.menuRecherche .title{
  font-size: 14px;
  font-family: Tahoma;
  color: black;
  text-align: left;
  height: 10px;
}

.contenuRecherche{
	overflow: scroll;
/*	-ms-overflow-style: none; */ /* Internet Explorer 10+ */
/*    scrollbar-width: none;  */ /* Firefox */
	margin:0;
	height: calc(100% - 40px);
}
.contenuRecherche .contenuRecherche_ {
	overflow: scroll;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */ 
}
/* .contenuRecherche::-webkit-scrollbar { 
    display: none;  Safari and Chrome *//* 
} */
.contenuRecherche .contenuRecherche_::-webkit-scrollbar { 
	display: none;  /*Safari and Chrome */
} 
.block-filtre {
	padding:3px;
	border:5px solid #eeeeee;
	border-bottom:none;
}

.block-filtre-ss {
	padding:5px 0 0 0;
	border-top:5px solid #eeeeee;
}

.block-filtre-last {
	padding:10px;
	border:5px solid #eeeeee;
}

.block-filtre ul {
	height:70px;
	overflow:auto;
}

.block-filtre i {
	font-size:1.5em;
	cursor:pointer;
	color:#666666;
}

.block-filtre a, a:hover {
	text-decoration:none;
	color:#222222;
}

.block-filtre .classe-filtre i {
	font-size:1em;
	margin-bottom:0;
}


.classe-filtre {
	text-transform: uppercase;
}

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

.contenuRecherche button:disabled{
	background-color: lightgray;
}

.filtreDroit1{
	display : inline-block;
	width: 100%;
	text-align: center;
	padding-top:10px;
}

.texteFiltre{
	font-size: 16px;
  font-weight: bold;
  color : #222222;
  margin-bottom:0;
}

.liste-famille-filtre {
	margin:5px 0;
}

.liste-famille-filtre:hover {
	cursor: pointer;
	color:#ff6666;
}

.liste-famille-filtre-selected {
	font-weight: bold;
	color:#ff6666 !important;
}

.div-collapse-filtre {
	border-top:1px solid #dddddd;
	margin-top: 5px;
	max-height: 215px;
  overflow: auto;
}

.divFiltreCouleur {
	height:auto;
}

.divFiltreCouleur div{
	border: 4px solid #eeeeee;
	display: inline-block;
	height: 25px;
	width: 25px;
	margin: 4px 4px 1px 4px;
	cursor : pointer;
	z-index: 1011;
	background: #6d527c;
}

.divFiltreCouleur div:hover{
	border: 4px solid #cccccc;
}

.divFiltreCouleur div.selected{
	border-style: solid;
	border-width: 2px;
	border-color: black;
	border-radius: 1px;
	margin: 1px 3px 0px 3px;
  height: 27px;
   width: 27px;
}


.divBtReinitRecherche button{
	border-radius: 2px;
	width: 170px;
	height: 26px;
	background-color : #af9abb;
	font-size: 14px;
  	font-family: Tahoma;
  	color : #ffffff;
	cursor : pointer;
	/* margin-top: 40px; */
	margin-bottom: 8px;
	border : none;
}


.divBtRechMenuRech button{
	border-radius: 2px;
    background-color: #ff6666;
    width: 100%;
    margin-top:5px;
    height: 39px;
    border: none;
    font-size: 14px;
    font-family: Tahoma;
    color: #ffffff;
    cursor: pointer;
}


.filtreDroit2{
	display : inline-block;
	float : right;
	width: 210px;
	text-align: center;
	margin-top:-10px;
	padding-top:10px;
}

.filtreSelect{
	width: 170px !important;
	height: 30px !important;
	margin-top : 10px !important;
	margin-bottom: 15px !important;	
	background-color:#EFEAF1 !important;
}

.filtreSelect select{
	height: 30px !important;
}

.filtreSelectMin{
	width: 83px !important;
	height: 30px !important;
	margin-top : 10px !important;
	margin-bottom: 15px !important;
	background-color:#EFEAF1 !important;
}

.filtreSelectMin select{
	height: 30px !important;
	/* margin-top:-10px; */
}

.filtreDroit3{
	display : inline-block;
	float : right;
	/* min-width: 400px; */
	text-align: center;
	margin-top:-10px;
}

.containerDivListeFamille{
	height:276px;
	width: 440px;
	overflow-x: auto;
	overflow-y: hidden;
}
.innerContainerDivListeFamille{
	height:265px;
	white-space: nowrap;
}

.divListeFamille{
	vertical-align:top;
	display: inline-block;
	height:265px;
}

.divListeFamille div{
	margin-top: 2px;
	margin-right: 8px;
	padding: 2px;
}

.divListeFamille div.selected{
	background-color: #ff6666;
}

.divListeFamille div>span{
	font-family: "Tahoma";
	font-size: 14px;
	cursor : pointer;
	color: #777777;
	white-space:nowrap;
	/* text-transform: capitalize; */
}

.divListeFamille div.selected>span{
	color: #ffffff;
}

.divListeFamille div>span:hover{
	color: #d9bcd5;
	font-family: "Tahoma";
}

.divListeFamille div.selected>span:hover{
	color: #ffffff;
}

.filtreDroit4{
	display : inline-block;
	float : right;
	width: 200px;
	text-align: center;
	margin-right: 20px;
}

.enteteCatalogue{
	width: 100%;
	margin-top: 20px;
	margin: 30px auto;
	text-align: center;
}


.titreMonde{
	height: 100px;
	width: 400px;
	margin: auto;
	font-size: 2em;
	font-weight: bolder;
}

.titreMonde p{
	font-size: .5em;
	color: #777777;
}

.vignettes-block {
	background-color:#ffffff;
	margin-top: 95px;
}

.modeAffichageCatalogue{
	margin-left: 10px;
	float: right;
}

.modeAffichageCatalogue span{
	font-family: Tahoma;
	font-size: 14px;
	color: #ff6666;
}

.modeAffichage {
	background-color : #af9abb;
	width: 28px;
	height: 28px;
	text-align: center;
	display: inline-block;
	cursor : pointer;
	vertical-align: middle;
	border-radius: 2px;
}
.modeAffichage.selected {
	background-color : #ff6666;
}
.modeAffichage.disabled{
	background-color : #CCCCCC;
	cursor: not-allowed;
}

.modeAffichage img{
	margin-top : 5px;
	width:18px;
	height:18px;
}

.divFilArianeTri{
	margin-bottom: 15px;
}


.divFilAriane{
	text-align: left;
    color: #777777;
    background: transparent;
    font-size: 12px;
    font-weight: 400;
    list-style: none outside none;
    padding: 9px 0 0;
    position: relative;
    display:inline-flex;
}

.divFilAriane p {
	border: 1px solid #aaa;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right:5px;
    cursor:pointer;
}

.divFilAriane span{
	margin-left : 15px;
	margin-right : 15px;
}

.divFilAriane span a{
	color: #ff6666;
	text-decoration: none;
}

.divFilAriane span a:hover{
	color: rgb( 119, 119, 119 );
	text-decoration: underline;
}

.divFiltre{
	display: inline-block;
	float: left;
	margin-bottom: 5px;
}
.divFiltre span{
	font-family: Tahoma;
	font-size: 14px;
	color: #ff6666;
	vertical-align: middle;
}

.divTri{
	display: inline-block;
	margin: 10px 0;
}

.divTri span{
	font-family: Tahoma;
	font-size: 14px;
	color: #ff6666;
	vertical-align: middle;
}

.selectStyle{
	overflow:hidden;
    background: white url(/webshop/img/flecheCombo.png) no-repeat center right 6px; 
    border: solid 1px #cccccc;     
	width: 150px;
	height: 25px;
    display: inline-block;
    vertical-align: middle; 
}

.selectStyle select{
	width:101%; /* pour augmenter la taille de la liste d�roulante d�pli�e */
    background-color:transparent; 
    background-image:none; 
    -webkit-appearance: none; 
    border:none; 
    box-shadow:none; 
    padding:4px 2px; 
    font-size: 12px;
	font-family: Tahoma;
	color: #777777;
	cursor : pointer;
	outline-style:none;
	height: 25px;
	padding-right: 20px;
	-webkit-appearance: none;
    -moz-appearance: none !important;
}

.selectStyle select::-ms-expand{
    display: none;
}

.filtreSticky{
	margin-top:6px;
    background-color: #f5f5f5;
    border-bottom: 3px solid #efefef;
    /* height: 50px; */
    border-top: 3px solid #efefef;
    /* background-color: white; */
    width: 100%;
    z-index: 10;
}

.zoneCatalogue{
	min-height:500px;
	width: 100%;
	padding-top: 60px;
	background: center center no-repeat url(/webshop/img/phili.jpg);
	background-opacity: 0.5;
}

.zoneCopyCatalogue{
	height: 100%;
	width: 100%;
	background: #FFFFFF;
	padding-top: 0px;
}

.conteneurVignette{
	text-align: left;	
}
.conteneurVignette.PlusVendu{
	background-color: #DCD4E3;
}

.conteneurVignette .vignette{
	margin: 10px 0px 20px 10px;
	text-align: left;
}
.conteneurVignette.FicheDetail .vignette{
	margin: 30px 10px 0px 10px;
}

.vignette{
	display:inline-block;
	vertical-align: top;
	padding:5px;
	height: 235px;
  	width: 215px;
}


.vignette .imgProduit {
	height: 183px;
	width: 170px;
	/* border: solid 1px #dadada; */
	cursor : pointer;
	display: inline-block;
	position: relative;
	text-align:center;
}

.vignette .imgProduit p{
	top:0;
	margin-top:0px;
	max-width:170px; 
	line-height:183px; 
	height:183px;
	text-align:center; 
	-webkit-margin-before: 0;
}

.vignette .imgProduit img{
	max-height: 183px;
	max-width: 170px;
	vertical-align: bottom;
	display: inline-block;
}


.divSuppr{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.zoneDescription{
	font-size: 17px;
  	font-family: Tahoma;
  	color: #222222;
	width:100%;
	height: 45px;
}

.vignetteBtAjouterA{
	border-radius:50%;
	color : #ffffff;
	width: 25px;
  	height: 25px;
 	border: none;
 	cursor : pointer;
}

.divComExpress{
	text-align: right;
	margin-right: 35px;
}

.divComExpress div{
	display: inline-block;

}

.vignetteBtAjouterA i{
	/*font-size: 1.3em !important;*/
}

.zoneDetailPrix{
	height: 40px;
	width: 100%;
}

.zoneDetailPrix table{
	height: 40px;
	width: 100%;
}

.zoneDetailPrix table td{
	padding: 0;
}
					
.zoneDetailPrix .btdetail{
	color: #ffffff;
	font-size: 14px;
	font-family: Tahoma;
	background-color: #6d527c;
	border: none;
	cursor : pointer;
	width: 60px;
	height: 25px;
}

.modeAchat1{
	line-height: 20px;
	background: left center no-repeat url(/webshop/img/1stock.png);
	font-weight : bold;
	padding-left: 25px;
	margin-left: 3px;
}

.modeAchat2{
	line-height: 20px;
	background: left center no-repeat url(/webshop/img/2prev.png);
	font-weight : bold;
	padding-left: 25px;
	margin-left: 3px;
}

.modeAchat3{
	line-height: 20px;
	background: left center no-repeat url(/webshop/img/3jour.png);
	font-weight : bold;
	padding-left: 25px;
	margin-left: 3px;
}

.modeAchat4{
	line-height: 20px;
	background: left center no-repeat url(/webshop/img/4prod.png);
	font-weight : bold;
	padding-left: 25px;
	margin-left: 3px;
}

.dateLivraison{
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
	color: #777777;
}

.dateLivraisonlointaine{
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
	color: #000000;
}


.zoneDetailPrix .prixBarre{
	text-align: center;
	line-height: 26px;
	font-size: 13px;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: line-through;
}

.zoneDetailPrix .prix{
	text-align: right;
	line-height: 26px;
	font-size: 15px;
	font-family: Tahoma;
	font-weight: bold;
	color: #ff6666;
}
.plusVendues{
	padding-top : 10px;
	padding-bottom : 10px;
	color: #777777;	
	font-family : "Tahoma"; 
	font-size : 16px;
}

.enteteTabListe{
	background: #ff6666;
}

.enteteTabListe th{
	font-family : "Tahoma"; 
	font-size : 13px;
	text-align: center;
    color: white;
    padding : 5px 5px 5px 5px;
    font-weight: normal;
}

.trSup td{
	padding-top: 5px;
	text-align: center;
	color: #777777;
	border-top: solid 1px #CCCCCC; /*rgba(120, 204, 149, 0.46);*/
}

.trSup.noborder td{
	border-top: 0 none;
}		

.trPlusVendues{
	text-align: left; 
}
.trPlusVendues td{
	background-color: #ff6666; 
}

.trProduction td{
	background-color: rgba(120, 204, 149, 0.46);
}

.trProdFutur td{
	background-color: rgba(255, 255, 128, 0.46);
}

.trProdPenja td{
	background-color: rgba(255, 128, 255, 0.46);
}

.trPlusVendues {
	background-color: #ff6666; 
}

.trProduction {
	background-color: rgba(120, 204, 149, 0.46);
}

.trProdFutur {
	background-color: rgba(255, 255, 128, 0.46);

}

.trProdPenja {
	background-color: rgba(255, 128, 255, 0.46);
}

.trPlusVendues td.tdImageProduit, .trPlusVendues td.tdNomProduit, .trPlusVendues td.tdDescriProduit{
	background-color: #ff6666;
}

.trProduction td.tdImageProduit, .trProduction td.tdNomProduit, .trProduction td.tdDescriProduit{
	background-color: #78cc95;
}

.trProdFutur td.tdImageProduit, .trProdFutur td.tdNomProduit, .trProdFutur td.tdDescriProduit{
	background-color: #ffff80;
}

.trProdPenja td.tdImageProduit, .trProdPenja td.tdNomProduit, .trProdPenja td.tdDescriProduit{
	background-color: #ff80ff;
}

.trSup.trPlusVendues td, .trSup.trProduction td, .trSup.trProdFutur td, .trSup.trProdPenja td{
	border-top: solid 1px white;
}


.trInf td{
	padding-bottom: 5px;
	text-align: center;
	color: #777777;
	
}

.tdImageProduit{
	padding: 0px 0px 5px 5px;
	width: 100px;
}

.imgGammeOrigine{
 	width: 100%; 
    overflow: hidden;
	display: inline-block;
	background-color:#eeeeee;
}

.imgGammePenja{
 	width: 100%; 
    overflow: hidden;
	display: inline-block;
	background-color:#eeeeee;
}

.imgProducteur{
	line-height: 20px;
	background: left center no-repeat url(/webshop/img/producteur.png);
	font-weight : bold;
	padding-left: 25px;
	margin-left: 3px;
}

.imgProduitListe{
	width: 100%;
/* 	max-width: 88%; */
	text-align:center;
	height: 170px;
    max-height: 170px;
    overflow: hidden;
	/* border: solid 1px #dadada; */
	display: inline-block;
	cursor: pointer;
	background-color:#eeeeee;
}


.imgProduitListe img.mini{
	width: auto;
	text-align:center;
	height: 170px;
    max-height: 170px;
    overflow: hidden;
}

.imgProduitListe img.real{
	min-width: 300px;
	max-width: 800px;
}

.imgProduitListe div.popupImg {
    width: 800px;
	z-index:11000;
	position:fixed; 
	left: 50%;
	text-align:center;
	top:100px;
}

.imgProduitListe div.popupImg div{
    position: relative; 
    left: -50%;
	text-align:center;
}

.tdNomProduit{
	font-size: 17px;
	font-family: Tahoma;
	color: #222222 !important;
	text-align: left !important;
	cursor : pointer;
}

.tdNomProduit div{
	white-space:nowrap;
	min-width: 100px;
	max-width: 175px;
	overflow:hidden;
	text-overflow: ellipsis;
	margin-left: 10px;
}

.tdNomProduit:hover{
	color: #ff6666 !important;
}

.tdDescriProduit{
	font-size: 17px;
	font-family: Tahoma;
	color: #222222 !important;
	text-align: left !important;
	
}
.tdDescriProduit div{
	white-space:nowrap;
	width:165px;
	overflow:hidden;
	text-overflow: ellipsis;
	margin-left: 10px;
}

.tdCoupCoeur{
	width: 20px;
	vertical-align: middle;
}

.tdCoupCoeur button{
  border-radius: 50%;
  background-color: #C0AFC6;
  color: #ffffff;
  margin-top:-2px;
  width: 21px;
  height: 21px;
  border: none;
  cursor: pointer;
}

.tdCoupCoeur button i{
  font-size: .75em !important;
}

.tdTaille{
	font-size: 15px;
	font-family: Tahoma;
	color: #ff6666 !important;
}

.tdQualite{
	font-size: 14px;
  	font-family: Tahoma;
}

.tdProd{
	font-size: 14px;
	font-family: Tahoma;
	color: #777777;
	min-width: 50px;
	max-width: 90px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tdProd span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tdCouleur{
	font-size: 14px;
	font-family: Tahoma;
	color: #777777;
	min-width: 30px;
	max-width: 90px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tdCouleur span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.textCdt{
  	font-size: 15px;
	font-family: Tahoma;
	color: #ff6666;
}

.textNbrTiges{
	font-size: 14px;
	font-family: Tahoma;
	color: #777777;
}

.stock{
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
	font-size: 10px;
	font-family: Tahoma;
	color: #777777;
	height:25px;
	padding:5px 3px 5px 3px;
  	display: inline-block;
  	min-width: 24px;
  	max-width: 40px;
    text-align: center;
    text-overflow: ellipsis;
}


.encadre{
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
	min-width: 20px;
  	display: inline-block;
}

.stockAZero{
	cursor : pointer;	
}

.stockAZero:hover{
	border-color: #ff6666;
	color: #ff6666;	
}

.tdInfoComp{
	font-size: 14px;
	font-family: Tahoma;
	color: #777777;
}

.nbrElmtPanier{
	display: inline-block;
	color : #6d527c;
	font-size: 14px;
	font-family: Tahoma;
	
}

.sigleValide{
	display: inline-block;
	visibility:hidden;
	color : #cda1c5;
	margin-left: 3px;
}

.sigleValide.visible{
	visibility:visible;
}

.trSup td, .trInf td {
	white-space: nowrap;
}
.tdQte{
	width : 165px;
}

.tdQte div{
	display: inline-block;
	vertical-align: middle;
	height: 27px;
}

.tdQte div.selectQuantity{
	border: #EAEAEA solid 1px;
}
.tdQte div.selectQuantity button{
	background-color: #EAEAEA;
}

.tdQte div.inputQuantity{
	border-top: #EAEAEA solid 1px;
	border-bottom: #EAEAEA solid 1px;
}

.tdQte div.selectQuantity.cadran{
	border: #ff6666 solid 1px;
}

.tdQte div.selectQuantity.cadran button{
	background-color: #ff6666; /*#B8AEBB;*/
}

.tdQte div.inputQuantity.cadran{
	border-top: #ff6666 solid 1px;
	border-bottom: #ff6666 solid 1px;
}

.tdQte div.btValidation{
	margin-left: 15px;
}

.btMoinsQte{
	background-color: #ddd;
	color : #494949;
	width: 20px;
 	height: 27px;
 	cursor : pointer;
 	border: 0 none;
 	padding: 0 4px;
}

.inputQte{
	width: 20px;
 	height: 25px;
 	font-size: 12px;
	font-family: Tahoma;
	color: #777777;
	text-align: center;
 	border: 0 none;
}

.btPlusQte{
	background-color: #ddd;
	color : #494949;
	width: 20px;
 	height: 27px;
 	cursor : pointer;
 	border: 0 none;
 	padding: 0 4px;
}

.cadran > .btMoinsQte, .cadran > .btPlusQte {
	color : white;
	background-color: #ff6666;
}

.btPanierCom{
	background-color: #222222;
	color : #ffffff;
	width: 25px;
 	height: 27px;
 	border: none;
 	cursor : pointer;
}

.btPanierCom.validated{
	background-color : #6D527D;
}
.btMoinsQte.disabled, .btPlusQte.disabled{
 color:#CCCCCC;
}
.btPanierCom.disabled{
	background-color : #CCCCCC;
}
.trEspace{
	height: 20px;
}

.divEnsemGen{
	background-color:#ffffff;
	text-align: left;
	text-transform: uppercase;
	padding: 0;
	vertical-align: middle;
	margin-bottom: 5px;
}

.divEnsemGen div{
	display : block;
	vertical-align: middle;
}

.divEnsemGen span{
	font-size: 10px;
	font-family: Tahoma;
	margin-left: 0;
	vertical-align: baseline;
}

i.ensemGenDefil {
	color : #ffffff;
	font-size: 1.5em !important;
	cursor : pointer;
	padding:2px 10px;
}

.img-container {
	/* background: bottom center url('/webshop/img/default-bg3.jpg'); */
	width: 100%;
	text-align:center;
	height: 170px;
    max-height: 170px;
    overflow: hidden;
}

.img-container img {
	height: 100%;
}

.size-line {
	height:28px;
	color:#333333;
	padding: 0 2px;
}

.size-line-desc {
	height:40px;
	color:#333333;
}

.left-size-line {
	position:absolute;
	    padding-top: 5px
}

.divQte {
	float:right;
}

.thumbnail-rosedor {
	display: block;
    /* padding: 4px; */
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-bottom: 4px solid #ff6666;
    /* box-shadow: 2px 2px 7px; */
    /* border-radius: 4px; */
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.center{
	text-align: center !important;
}

.imgMenuRecherche{
	height: 321px;
	display: inline-block;
	float: left;
	width: 300px;
	margin-top: -25px;
	margin-left: -30px;
}

.imgMenuRecherche img{
	height: 321px;
	width: 100%;
}


/* THUMBNAIL */
.thumbnail-rosedor h3 {
	margin-top: 5px;
	font-size: 12px;
	font-weight:bold;
	color:#ff6666;
}

.thumbnail-rosedor .caption {
	padding: 12px 0;
}

li.selected-date {text-decoration: underline;}

.goToTop {
    position: fixed;
    background-color:#ff6666;
    color:#ffffff;
    border:none;
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 15px;
    z-index: 100000;
    cursor: pointer;
    margin: 10px;
    font-size: 2em;
    padding: 10px;
}

.filtres-button {
    position: fixed;
    background-color:#ff6666;
    opacity: 0.7;
    color:#ffffff;
    border:none;
    width: 50px;
    height: 50px;
    bottom: 150px;
    left: 0;
    z-index: 10;
    cursor: pointer;
    margin:0;
    font-size: 2em;
    padding-top: 11px;
    padding-left: 16px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.filtres-button {
	display:none;
}

.filtres-desktop {
	padding-left:0;
	min-width: 220px;
	background-color: #eeeeee;
}

.bar-tri {
	position: fixed;
    /* width: calc(100% - 260px); */
    width: 100%;
    z-index: 10;
    background-color: #eeeeee;
}

.bar-tri-express {
    width: 100% !important;
}

.vignettes-width {
	/* margin-left:260px; */
}

.vignettes-width-express {
	margin-left:0;
}

.bloc-title-vignettes {
	overflow: hidden;
    display: inline-block;
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bloc-right-vignettes {
	padding: 0 2px;
}

.bloc-marque-repere {
    text-align: center;
    margin-top: 2px;
    padding: 5px 50px;
    border-radius: 3px;
 /*   float: right; */
}

.ngdialog.ngdialog-theme-information .ngdialog-content {
    -webkit-animation: ngdialog-flyin .10s;
    animation: ngdialog-flyin .5s;
    border-radius: 0 !important;
    margin: 0 auto !important;
    position: relative !important;
/*     width: 60% !important; */
/*     height: 500px !important; */
    border: none !important;
}



#popupInfoContainer {
/* 	height: 470px !important; */
}

.ngdialog-theme-information .ngdialog-content {
    background-color: rgba(230, 230, 230, 1) !important;
}

#popupInfoIframe {
	height: 100%;
    width: 100%;
/*     padding: 0 25%; */
}

#popupInfoIframe body {
	height: 100%;
    max-height: 100%;
    display: block;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

#popupInfoIframe body img {
	height: 100%;
    width: 100%;
}


#popupInfoIframe a {
	height: 100%;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

#popupInfoIframe img {
	height: 100%;
    max-height: 470px;
    width: auto;
    display: block;
    position: relative;
}

/* ********************************************************* */
/* *********************** FILTERS ************************* */
/* ********************************************************* */

.filterComponent {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    width: 100%;
}
.filterComponent:has(.mobile-filter) {
    top: 50px !important;
    z-index: 2000;
    position: absolute;
}

.blurry-background-mobile {
    display: block;
    position: fixed;
    top: 0; left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1500;
    backdrop-filter: blur(2px);
}
.filters-array {
	width: 100%;
}
.filters-array .filters-array-container {
    display: flex;
    flex-direction: row;
    
    padding: 6px;
    background-color: white;
    overflow: visible;
}
.filters-array:not(.mobile-filter) .filters-array-container {
    flex-wrap: wrap;
}
.filters-array.mobile-filter  {
    position: fixed;

    z-index: 2000;
    padding: 50px 0 120px 0;

    width: 100%;
    height: calc(100% - 50px);
    background-color: white;

    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
}
.filters-array.mobile-filter .filters-array-container {
    flex-direction: column !important;
    overflow-y: auto;
    scrollbar-width: thin !important;
    scrollbar-color: #888 #f1f1f1;
    scrollbar-gutter: stable;
    width: 100%;
    height: 100%;
}
.filters-array.mobile-filter .filter-mobile-header {
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    padding-top: 12px;
    display: flex;
    z-index: 2000;
    background-color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.filters-array.mobile-filter .filter-mobile-header span {
    margin: auto;
    font-size: 20px;
    font-weight: 700;
}
.filters-array.mobile-filter .filter-mobile-header i {
    position: absolute;
    right: 16px; top: 12px;
    font-size: 30px;
}
.filters-array .filters-array-container .filter {
    margin-left: 8px;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: white;
    height: 32px;
    cursor: pointer;
    position: relative;
}

.filters-array .filters-array-container .filter.isOpen {
    height: max-content;
    width: max-content;
}

.filters-array .filters-array-container .filter .filter-dropdown-tab {
    padding: 8px 32px 8px 24px;
    height: 32px; 
    font-weight: 400;
    margin-top: -1px;

    display: flex;
    position: relative;
}
.filters-array .filters-array-container .filter.filter-dropdown, .filters-array .filters-array-container .filter.filter-popup  {
    border: solid 1px black;
    border-radius: 16px;
}
.filters-array.mobile-filter .filters-array-container .filter-dropdown {
    margin: 4px auto;
    width: 250px !important;
}
.filters-array.mobile-filter .filters-array-container .filter-dropdown:not(.isOpen) {
    
    height: 40px !important;
    border-radius: 20px !important;
}
.filters-array.mobile-filter .filters-array-container .filter-dropdown .filter-dropdown-tab {
    padding: 12px 32px 12px 28px !important;
    height: 40px;
}
.filters-array.mobile-filter .filters-array-container .filter:not(.filter-dropdown) {
    margin: 4px auto;
    width: 250px !important;
    height: 40px !important;
    padding: 4px 0 !important;
}

.filters-array .filters-array-container .filter.filter-active {
    border-width: 2px !important;
    font-weight: 700 !important;
}
.filters-array:not(.ecran-sousFamilles) .filters-array-container .filter.filter-active {
	border-color: var(--vert-2) !important;
    background-color: var(--vert-3) !important;
}
.filters-array.ecran-sousFamilles .filters-array-container .filter.filter-active {
	border-color: var(--logo-petales-1) !important;
    background-color: var(--logo-petales-1) !important;
    
}
.filters-array.ecran-sousFamilles .filters-array-container .filter.filter-active .filter-dropdown-tab {
	color: white !important;
}

.filters-array .filters-array-container .filter.filter-active .filter-dropdown-tab {
    margin-top: -2px;
}
.filters-array .filters-array-container .filter.filter-active span.filter-dropdown-title {
    font-weight: 700;
}
.filters-array.mobile-filter .filter .filter-dropdown-title {
    margin-left: 20px;
}
.filters-array:not(.mobile-filter) .filters-array-container  .filter#filter-0 .filter-dropdown-tab .filter-dropdown-title,
.filters-array:not(.mobile-filter) .filters-array-container  .filter#filter-1 .filter-dropdown-tab .filter-dropdown-title
.filters-array:not(.mobile-filter) .filters-array-container  .filter#filter-2 .filter-dropdown-tab .filter-dropdown-title,
.filters-array:not(.mobile-filter) .filters-array-container  .filter#filter-4 .filter-dropdown-tab .filter-dropdown-title {
    margin-left: 20px;
}
.filters-array:not(.mobile-filter) .filters-array-container .filter#filter-3 .filter-dropdown-tab .filter-dropdown-title {
    margin-left: 10px;
}
.filters-array .filters-array-container .filter.filter-family:not(.filter-popup) {
    width: 180px;
}
.filters-array .filters-array-container .filter:not(.filter-popup):not(.filter-family) {
    min-width: 160px;
    width: fit-content;
}
.filters-array.mobile-filter .filters-array-container .filter:not(.filter-popup):not(.filter-family):not(.filter-dropdown) {
    display: flex !important;
}
.filters-array .filters-array-container .filter.filter-popup {
    padding-right: 24px !important;
    width: fit-content !important;
}
.filters-array .filters-array-container .filter span:not(.filter-slider) {
    height: 16px;
    max-width: 200px;
    line-height: 16px;
    font-size: 16px;
    position: relative;
    

    top: 50%;
    margin-left: 16px;
    transform: translateY(-8px);
    padding-bottom: 1px;
}
.filters-array .filters-array-container .filter .filter-dropdown-tab .filter-icon {
    position: absolute;
    left: 12px;
    top: 0;

    height: 100%;
    font-size: 24px;
    --pseudo-ftSize: 24px;

    display: flex;
}
.filters-array .filters-array-container .filter .filter-dropdown-tab .filter-icon:has(i.custom-icon.rosedor-setup-preferences) {
	--pseudo-ftSize: 20px !important;
}
.filters-array .filters-array-container .filter .filter-dropdown-tab .filter-icon i {
    margin: auto;
}
.filters-array .filters-array-container .filter .filter-dropdown-tab .filter-icon i.custom-icon.rosedor-accessoires {
    transform: translateY(2px);
}
.filters-array.mobile-filter .filter .filter-dropdown-tab .filter-icon:has(i.fa-map-marker) {
    margin-left: 5px;
}

/* ************************* */
/* **** FILTER DROPDOWN  *** */
/* ************************* */

.filters-array .filters-array-container .filter-dropdown .filter-dropdown-tab input[type="checkbox"] {
    display: none;
    position: absolute;
    right: 8px;
}
.filters-array .filters-array-container .filter-dropdown .filter-dropdown-tab label {
    margin-left: 8px;
    position: absolute;
    right: 12px;
    font-size: 14px;
    cursor: pointer;

    top: 50%;
    transform: translateY(-50%);
}
.filters-array .filters-array-container .filter-dropdown .filter-dropdown-tab label.fa-times {
    font-size: 20px !important;
}
.filters-array .filters-array-container .filter-dropdown .filter-dropdown-tab span.filter-dropdown-title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -1px;
    height: 20px;
}

.filters-array.mobile-filter .filters-array-container .filter .filter-title {
    line-height: 16px;
    height: fit-content;
    margin: auto 0 auto 0;
    padding-bottom: 4px;
}

.filters-array.mobile-filter .filters-array-container .isOpen.filter-dropdown .dropdown-container {
    position: unset;
    top: 0;
    border: none;
    box-shadow: none;
    border-radius: 0px 0px 16px 16px;
    width: 100%;
}
.filters-array.mobile-filter .filters-array-container #filter-8.isOpen.filter-dropdown .dropdown-container {
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    border-radius: 0px 0px 16px 16px;
    padding-left: 9px; padding-right: 7px;
    padding-top: 4px; margin-top: 4px;
    padding-bottom: 4px;
    min-width: unset;
}
.filters-array.mobile-filter .filters-array-container #filter-4.isOpen.filter-dropdown .dropdown-container .dropdown-list-simple {
    padding: 0px 12px 8px 24px !important;
}
.filters-array.mobile-filter .filters-array-container #filter-4.isOpen.filter-dropdown .dropdown-container .dropdown-list-simple .list-item {
    margin-top: 4px;
    margin-bottom: 4px;
}

.filters-array .filters-array-container .filter-dropdown .dropdown-container {
    position: absolute;
    top: 34px; left: 0px;
    z-index: 2101;

    border: solid 1px black;
    border-radius: 8px;
    background: white;
    font-weight: normal;

    display: flex;
    flex-direction: column;
    width: max-content;
    min-width: 100%;
    overflow: hidden;

    box-shadow: 0 2px 1px -1px #ccc,0 1px 1px #ccc,0 1px 2px #ccc;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list, .filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container .popup-filter-list {
    max-height: 210px;
    overflow-y: auto;
    scrollbar-width: thin !important;
    scrollbar-color: #888 #f1f1f1;
    padding: 0 0 12px 0;
}
.stretch-40 {
	max-width: 40%;
	flex: 1;
}

.filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container {
    border-top: inset 1px lightgray;
    border-bottom: inset 1px lightgray;
}
.filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container .popup-filter-list {
    max-height: 156.5px;
}
.filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container .popup-filter-list.maxH-98 {
    max-height: 130px;
}
.filters-array.mobile-filter .filters-array-container .filter-dropdown.isOpen .dropdown-container .dropdown-list {
    max-height: calc(100vh - 312px);
}
.filters-array .filters-array-container .filter-dropdown.isOpen .dropdown-container .empty-list {
	padding: 0px 12px 4px 12px;
}
.filters-array .filters-array-container .filter-dropdown.isOpen .dropdown-container .filter-not-available {
	padding: 4px 12px;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list .list-item, .filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container .popup-filter-list .list-item {
    margin-left: 0;
    display: block;
    padding: 0 8px;
    position: relative;
    cursor: pointer;
}
.filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container .popup-filter-list .list-item {
    border-radius: 4px;
    box-shadow: .5px -.5px 2.5px .1px #aaa;
    margin: 6px;
    font-size: 14px;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list .list-item.selected-filter, .filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container .popup-filter-list .list-item.selected-filter {
    background-color: var(--vert-3);
    color: var(--vert-2);
    font-weight: 700;
    order: -1;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list .list-item i.delete-filter, .filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container .popup-filter-list .list-item i.delete-filter {
    display: none;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list .list-item.list-item.selected-filter i.delete-filter, .filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-list-container .popup-filter-list .list-item.selected-filter i.delete-filter, .filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column .filter-column-selected i.delete-filter {
    display: block;
    font-weight: 800;
    position: absolute;
    right: 8px; top: 50%;
    transform: translateY(-50%);
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-lookup, .filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-lookup {
    position: relative;
    padding: 8px;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-lookup input, .filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-lookup input {
    width: 100%;
    border-radius: 4px;
    border: solid 1px black;

    padding-right: 24px; padding-left: 8px;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-lookup i, .filters-array .filters-array-container .filter-popup .popup-filters .popup-filters-column .popup-filter-container .popup-filter-lookup i {
    position: absolute;
    right: 16px; top: 50%;
    transform: translateY(-50%);
}

.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list-simple {
    max-height: 210px;
    overflow-y: auto;
    scrollbar-width: thin !important;
    scrollbar-color: #888 #f1f1f1;
    padding: 12px;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list-simple .list-item  {
    display: flex;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list-simple .list-item select#filter-mobile-tailles-select {
    width: 100%;
    background-color: white;
    border-radius: 4px;
    border: 1px solid lightgray
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list-simple .list-item label.filter-switch {
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    margin-left: 0;
    right: unset;
}
.filters-array .filters-array-container .filter-dropdown .dropdown-container .dropdown-list-simple .list-item .filter-title {
    line-height: 16px;
    font-size: 16px;
    height: fit-content;
    margin: auto 0 auto 0;
    padding-bottom: 2px;
}

/* ************************* */
/* FILTER ADDITIONAL (POPUP) */
/* ************************* */

.filters-array .filters-array-container .filter-popup .filter-active-quantite {
    position: absolute;
    top: 0; right: 0;

    height: 24px; width: 24px;
    border-radius: 12px;
    outline: 1px solid white;
    background-color: var(--flag-red);
    color: white;

    transform: translate(35%, -35%);
    display: flex;
}
.filters-array .filters-array-container .filter-popup .filter-active-quantite div {
    margin: auto;
}

.filters-array .filters-array-container .filter-popup .popup-container {
    position: absolute;
    z-index: 2101;
    top: 34px; right: 0px;

    border: solid 1px black;
    border-radius: 8px;
    background: white;
    font-weight: normal;

    cursor: auto;
    min-width: 500px;

    padding: 16px;

    display: flex;
    flex-direction: column;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-title {
    font-weight: 700;
    font-size: 20px;
}

.filters-array .filters-array-container .filter-popup .popup-container .popup-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 8px;
    justify-content: space-between;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 2px;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column .filter-column-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column .filter-column-selected {
    padding-left: 4px;
    margin:2px 4px;
    font-size: 15px;
    position: relative;
    background-color: var(--vert-3);
    opacity: 0.75;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column .popup-column-filter {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column .popup-column-filter select#filter-tailles-select {
    width: 175px;
    border-radius: 8px;
    padding: 4px;
    background-color: white;
    cursor: pointer;
}
.filters-array option:hover, .filters-array option:active, .filters-array option:focus{
    background-color: #228b78 !important;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column .popup-column-filter .filter-title,
.filter.standalone .filter-title {
    line-height: 18px;
    font-size: 16px;
    height: fit-content;
    margin: auto 0 auto 0;
    padding-bottom: 2px;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column .popup-column-filter input.filter-checkbox {
    height: 18px;
    width: 18px;
    accent-color: #228b78;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-filters .popup-filters-column .popup-column-filter label.filter-checkbox-label {
    line-height: 16px;
    font-size: 17px;
    margin-bottom: 1px;
    margin-left: 8px;
}

.filters-array .filters-array-container .filter-popup .popup-container .popup-buttons {
    margin-top: auto;
    padding-top: 1.5rem;
    display: flex;
    justify-content: flex-end;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-buttons .filter-link {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    margin-left: 32px; margin-right: 32px;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-buttons .filter-link .link-label {
    text-decoration: underline;
}
.filters-array .filters-array-container .filter-popup .popup-container .popup-buttons button, .filters-array.mobile-filter .filter-mobile-footer button {
    border: none;
    color: white;
    background-color: var(--vert-1);
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
    height: 40px;
    width: 25%;
}

.filters-array .filters-array-container .filter-link {
    margin-left: 16px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}
.filters-array.mobile-filter .filters-array-container .filter-link {
    margin: 8px auto;
}
.filters-array .filters-array-container .filter-link.filter-favorite {
    margin-right: 32px;
    margin-left: auto;
}
.filters-array #array-2.filters-array-container .filter-link.filter-favorite {
    margin: 0;
}
.filters-array.mobile-filter.deactivated #array-2.filters-array-container span {
    width: max-content;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
}
.filters-array .filters-array-container .filter-link.filter-favorite .filter-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.filters-array:not(.mobile-filter) .filters-array-container .filter-link .link-label {
    margin: auto 0 auto 8px !important;
    padding-bottom: 2px;    
}
.filters-array .filters-array-container .filter-link .link-label, .filters-array.mobile-filter .filter-mobile-footer .link-label {
    text-decoration: underline;
    margin-left: 8px;
}

.filters-array.mobile-filter .filter-mobile-footer {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0; left: 0;
    width: 100%;
    margin-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid black;
    z-index: 2000;
    background-color: white;
}
.filters-array.mobile-filter .filter-mobile-footer .link-label {
    cursor: pointer;
    margin: 16px auto;
}
.filters-array.mobile-filter .filter-mobile-footer  button {
    width: calc(100% - 32px);
    margin: 8px 16px;
}



/* ************************* */
/* ***** FILTER COLOR ****** */
/* ************************* */
.colorPalette {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 4px 20px 8px 20px;
    background-color: white;
    /*width: 100%;*/
}
.colorPalette .colorPick, .filters-array.mobile-filter .filters-array-container .isOpen.filter-dropdown .dropdown-container .colorPick {
    height: 24px; width: 24px;
    background-size: 100% !important;
    box-shadow: 0 2px 1px -1px #ccc,0 1px 1px #ccc,0 1px 2px #ccc;

    border-radius: 50%;
    margin: 0 2px 2px 2px;

    cursor: pointer;
}
.filters-array.mobile-filter .filters-array-container .isOpen.filter-dropdown .dropdown-container .colorPick {
    margin: 4px;
}
.colorPalette .colorPick:hover, .filters-array.mobile-filter .filters-array-container .isOpen.filter-dropdown .dropdown-container .colorPick:hover {
    box-shadow: 0 9px 3px -6px #ccc,0 6px 6px #ccc,0 3px 15px #ccc;
    outline: 3px solid #ccc;
    border: none !important;
}
.colorPalette .colorPick.border-grey, .filters-array.mobile-filter .filters-array-container .isOpen.filter-dropdown .dropdown-container .colorPick.border-grey {
    border: 1px solid grey;
}
.colorPalette .colorPick.color-picked, .filters-array.mobile-filter .filters-array-container .isOpen.filter-dropdown .dropdown-container .colorPick.color-picked {
    outline: 3px solid black;
    border: none !important;
}
.colorPalette .colorPick input, .filters-array.mobile-filter .filters-array-container .isOpen.filter-dropdown .dropdown-container .colorPick input  {
    display: none;
}
.colorPalette .colorPick label, .filters-array.mobile-filter .filters-array-container .isOpen.filter-dropdown .dropdown-container .colorPick label {
    width: 100%; height: 100%;
    border-radius: 50%;
}
.filters-array.mobile-filter .filters-array-container .filter-dropdown .filter-dropdown-tab .filter-icon .color-circle {
    margin: auto;
    height: 22px; width: 22px;
    border: 2px solid black;
    border-radius: 50%;
    background-color: #ffffff;
    transform: translateY(1px);
}

.filter#selectFr-desktop, .filter#catalogueComplet-desktop {
	display: flex;
  	padding-top: 4px;
  	padding-bottom: 8px;
  	padding-right: 16px;
}

/* ************************* */
/* **** RETOUR ARRIERE ***** */
/* ************************* */

#retourArriere {
	padding: 4px 20px 8px 20px;
}

#retourArriere button {
	height: 28px;
	border-radius: 14px;

	color: #fff;
	font-weight: bold;
	background-color: var(--vert-1);

	border: none;
	padding: 0 8px;
}


/* ************************* */
/* ** FILTER SLIDER ROUND ** */
/* ************************* */

/* The switch - the box around the slider */
.filter-switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 18px;
    margin-top: auto; margin-bottom: auto;
    margin-right: 8px;
}
.filters-array.mobile-filter .filters-array-container .filter label.filter-switch {
    transform: scale(1.2);
    margin-left: 4px; margin-right: 12px;
}
/* Hide default HTML checkbox */
.filter-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.filter-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: lightgray;
    -webkit-transition: .4s;
    transition: .4s;
}
.filter-slider:before {
    position: absolute;
    content: "";
    height: 14px; 
    width: 14px;
    left: 2px; 
    bottom: 2px; 
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.filter-slider {
    background-color: var(--vert-1);
}
input:checked+.filter-slider:before {
    -webkit-transform: translateX(11.5px);
    -ms-transform: translateX(11.5px);
    transform: translateX(11.5px);
}

/* Rounded sliders */
.filter-slider.round {
    border-radius: 18px;
}
.filter-slider.round:before {
    border-radius: 50%;
}

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


@media screen and (max-width:1360px){
	.topPromoMenuRecherche{	
		display: none;
	}
	.containerDivListeFamille{
		width: 370px;
	}
	
	.imgMenuRecherche{
		display: none;
	}
	
}

@media screen and (max-width:992px){
	.tabCatalogueListe{
	 	margin-top: 30px;
	}
	.zoneCatalogue {
		padding-top: 0;
	}
	.conteneur-catalogue:not(:has(.inputTag.modeMobile)) {
		padding-top:64px;
	}
	.conteneur-catalogue:has(.inputTag.modeMobile) {
    	padding-top: 120px !important;
    }

	.filtres-desktop {
		display:none !important;
	}
	.filtres-button {
		display:block !important;
	}
	.img-container {
	    height: 100px;
	    max-height: 100px;
	    margin-right:10px;
	}
	.btnFiltreMobile {
		left: 30px;
	    top: 15px !important;
	    width: 120px;
	    background-color: #ff6666;
	    color: #ffffff;
	}
	.btnFiltreMobile a {
	    color: #ffffff !important;
	}
	.vignettes-width {
		margin-left:0;
	}
	.bar-tri {
		display:none;
	}
	.bloc-title-vignettes {
	    max-width: 120px;
		white-space: nowrap;
	}
	.bloc-right-vignettes {
		padding: 0 0 0 10px;
	}
	
	.filterComponent {
		background: transparent;
	}
	
	.vignettes-block {
		margin-top: 0px;
	}
	    
}

@media screen and (max-width:768px){
	.textNbrTiges {
		display: inline-block;
	    max-width: 35px !important;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    vertical-align: top !important;
	}
	.textCdt {
		display: inline-block;
	    max-width: 30px !important;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    vertical-align: top !important;
	}
}

@media screen and (max-height:700px){
	.topPromoMenuRecherche{	
		display: none;
	}
}

@media screen and (max-width: 424px) {

	.conteneur-catalogue:not(:has(.inputTag.modeMobile)) {
		padding-top: 112px !important;
	}	
	.conteneur-catalogue:has(.inputTag.modeMobile) {
    	padding-top: 168px !important;
    }
}

.conteneurMenuRecherche .carousel-inner {
  display: inline-block;
  vertical-align: top;
}