html {
scrollbar-width: thin;
scrollbar-color: gray white;
}

html::-webkit-scrollbar {
width: 0.5rem;
border-radius: 20px;
background-color: white;
}

html::-webkit-scrollbar-thumb {
background-color: gray;
}

body {
margin: 0px;
padding: 0px;
background-color: #EEEEEE;
}
/******************************************************/
#spiner {
background-color: transparent;
position: fixed;
z-index: 11;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

nav {
top: 0px;
position:fixed;
width: 100%;
background-color: green;
border-bottom: 1px solid lightgray;  
z-index: 10;
}

nav .panelnav {
display: inline-flex;
background-color: white;
width: 100%;
}

nav li {
list-style-type: none;
display: inline-block;
}

nav .panelnav .retour {
margin: 10px;
padding: 5px;
width: 15%;
}

nav .panelnav .retour a {
background-color: gray;
padding: 5px;
font-size: 25px;
border-radius: 100%;
text-decoration: none;
color:white;
border: 2px solid white;
cursor: pointer;
}

nav .panelnav .suivre {
margin: 10px;
padding: 5px;
font-family: sans-serif;
text-align: center;
width: 80%;
text-align: right;
position: relative;
top: 8px;
}

nav .panelnav .suivre a {
padding: 8px;
background-color: white;
font-size: 12px;
font-family: sans-serif;
border-radius: 3px;
color:black;
text-decoration: none;
font-weight: bold;
border: 1px solid lightgray;
}

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

.navlaterale{
position: fixed;
background-color: #EEEEEE;
width: 35%;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
z-index: 20;
top:0px;
right: 0px;
}

@media screen and (min-width: 0px) and (max-width: 349px) {
  .navlaterale {
  width: 100%;
  }
}

@media screen and (min-width: 350px) and (max-width: 768px) {
  .navlaterale {
  width: 100%;
  }
}

@media screen and (min-width: 550px) and (max-width: 768px) {
  .navlaterale {
  width: 60%;
  }
}

.navlaterale{
-webkit-animation: toolsbar .5s;
animation: toolsbar .5s;
}

@-webkit-keyframes toolsbar {
from {-webkit-transform: translateX(100px)} to {transform: translateX(1px)}
}

.navlaterale .closenavlaterale{
width: 100%;
margin-top: 10px;
text-align: right;
}

.navlaterale .closenavlaterale a {
cursor: pointer;
color: red;
margin-right: 10px;
background-color: white;
border: 2px solid red;
height: 30px;
width: 30px;
display: inline-block;
position: relative;
border-radius: 100%;
}

.navlaterale .closenavlaterale a span {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
}

.navlaterale .panellateral1{
margin: 1px 8% auto;
background-color: transparent;
border-radius: 10px;
}

.navlaterale .panellateral1 .autorinfo {
width: 100%;
/*background-color: red;*/
text-align: center;
}

.navlaterale .panellateral1 .autorinfo .imgnoconnect {
text-align: center;
}

.navlaterale .panellateral1 .autorinfo .imgnoconnect a {
text-decoration: none;
}

.navlaterale .panellateral1 .autorinfo .imgnoconnect img {
display: inline-block;
border-radius: 100%;
padding: 4px;
border: 2px solid white;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect {
text-align: center;
background-color: white;
padding: 8px;
border-radius: 4px;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect .alink1 {
text-decoration: none;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect .alink1 .panelspan1 {
cursor: pointer;
color: green;
font-family: sans-serif;
font-style: normal;
font-size: 17px;
padding: 4px;
text-shadow: 0px 1px 1px black;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect .alink1 .panelspan1 span {
color: green;
height: 25px;
width: 20px;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect .soldenoconnect {
list-style-type: none;
font-family: sans-serif;
font-weight: bold;
font-size: 17px;
background-color: ;
color: #555555;
padding: 4px;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect .soldenoconnect span {
color: orange;
height: 23px;
width: 20px;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect .btnaddsolde {
font-family: sans-serif;
font-weight: ;
text-decoration: none;
color: #FF044B;
display: inline-block;
border-radius: 3px;
font-size: 12px;
padding: 4px;
border: 1px solid lightgray;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect .btnaddsolde span {
color: #FF044B;
height: 14px;
width: 20px;
}

.navlaterale .panellateral1 .autorinfo .imgconnect {
text-align: center;
}

.navlaterale .panellateral1 .autorinfo .imgconnect a {
text-decoration: none;
}

.navlaterale .panellateral1 .autorinfo .imgconnect img {
display: inline-block;
border-radius: 100%;
padding: 4px;
border: 2px solid white;
}

.navlaterale .panellateral1 .autorinfo .tdinfosconnect {
text-align: center;
background-color: white;
padding: 8px;
border-radius: 4px;
}

.navlaterale .panellateral1 .autorinfo .tdinfosconnect .alink1 {
text-decoration: none;
}

.navlaterale .panellateral1 .autorinfo .tdinfosconnect .alink1 .panelspan1 {
cursor: pointer;
color: green;
font-family: sans-serif;
font-style: normal;
font-size: 17px;
padding: 4px;
text-shadow: 0px 1px 1px black;
}

.navlaterale .panellateral1 .autorinfo .tdinfosconnect .alink1 span {}

.navlaterale .panellateral1 .autorinfo .tdinfosconnect .alink1 .panelspan1 span {
color: green;
height: 25px;
width: 20px;
}

.navlaterale .panellateral1 .autorinfo .tdinfosconnect .soldeconnect {
list-style-type: none;
font-family: sans-serif;
font-weight: bold;
font-size: 17px;
background-color: ;
color: #555555;
padding: 4px;
}

.navlaterale .panellateral1 .autorinfo .tdinfosconnect .soldeconnect span {
color: orange;
height: 23px;
width: 20px;
}

.navlaterale .panellateral1 .autorinfo .tdinfosconnect .btnaddsolde {
font-family: sans-serif;
font-weight: ;
text-decoration: none;
color: #FF044B;
display: inline-block;
border-radius: 3px;
font-size: 12px;
padding: 4px;
border: 1px solid lightgray;
}

.navlaterale .panellateral1 .autorinfo .tdinfosnoconnect .btnaddsolde span {
color: #FF044B;
height: 14px;
width: 20px;
}

.navlaterale .panellateral2 {
margin: 40px 3% auto;
text-align: center;
}

.navlaterale .panellateral2 .souspanellateral2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.navlaterale .panellateral2 .souspanellateral2 a {
padding: 10px;
display: block;
width: 38%;
text-decoration: none;
color: #555555;
font-family: verdana;
background-color: white;
border-radius: 20px 0px 20px 0px;
font-size: 14px;
margin: 4px;
border: 2px double #EEEEEE;
}

.navlaterale .panellateral2 a span {
margin: 5px;
font-size: 20px;
}

.navlaterale .panellateral2 p {
font-family: sans-serif;
font-weight: bold;
text-align: center;
font-size: 16px;
}

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

.navlaterale .panellateral3 {
width: 100%;
font-family: sans-serif;
text-align: center;
}

.navlaterale .panellateral3 p {
font-family: verdana;
font-size: 14px;
text-align: justify;
padding: 10px;
color: #555555;
}

.navlaterale .panellateral3 p a {
text-decoration: none;
font-size: 12px;
}

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

.navlaterale .panellateral4 {
margin-top: 30px;
width: 100%;
text-align: center;
}

.navlaterale .panellateral4 a {
border:2px solid white;
padding: 15px;
background-color: white;
text-decoration: none;
color: black;
font-family: sans-serif;
border-radius: 5px;
box-shadow: 3px 4px 6px lightgray;
}

.navlaterale .panellateral4 .btnconnect {
background-color: green;
color: white;
border: none;
}

.navlaterale .panellateral4 .btndisconnect {
background-color: red;
color: white;
border: none;
}

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

.contenu {
margin-top: 80px;
}

@media screen and (min-width: 0px) and (max-width: 349px) {
  .contenu {
  margin-top: 70px;
  }
}

.contenu .panelsouscat {
margin-top: 1px;
padding: 1%;
padding-bottom: 10px;
scrollbar-width: thin;
display: inline-flex;
width: 98%;
overflow-x: auto;
}

.contenu .panelsouscat .icomodele {
margin: 3px;
padding: 5px;
min-width: 30px;
background-color: white;
display: inline-block;
text-align: center;
text-decoration: none;
font-family: sans-serif;
border-radius: 3px;
color: blue;
}

.contenu .panelsouscat .icoliste {
margin: 3px;
padding: 5px;
min-width: 180px;
background-color: white;
display: inline-block;
text-align: center;
text-decoration: none;
font-family: sans-serif;
border-radius: 3px;
color: blue;
box-shadow: 0px 0px 4px lightgray;
font-size: 14px;
}


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

/********/
.statutlivraisonmobile {
font-size: 10px;
background-color: #EEEEEE;
color: orangered;
padding: 4px;
border-radius: 2px;
font-family: verdana;
position: absolute;
top: 2px;
left: 2px;
z-index: 3;
list-style-type: none;
}

.statutlivraisonmobile2 {
font-size: 12px;
background-color: #48647A;
color: white;
padding: 2px;
border-radius: 3px;
font-family: verdana;
position: absolute;
top: 2px;
right: 2px;
z-index: 3;
list-style-type: none;
font-weight: bold;
/*font-style: italic;*/
border: 1px solid #EEEEEE;
}

/*.statutlivraisonmobile {
display: none;
}*/
/********/

.contenu .blockproduit {
margin: 0px 1% auto;
margin-top: 1px;
background-color: ;
text-align: center;
}

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

.contenu .blockproduit .pubone {
background-color: transparent;
margin: 1%;
}

.contenu .blockproduit .pubone .auteur {
}

.contenu .blockproduit .pubone .auteur table {
width: 100%;
}

.contenu .blockproduit .pubone .auteur table tr .panelprofil {
background-color: white;
width: 90px;
text-align: center;
}

.contenu .blockproduit .pubone .auteur table tr .panelprofil a {
display: inline-block;
border-radius: 2px;
margin: 4px;
padding: 0;
height: 50px;
position: relative;
}

.contenu .blockproduit .pubone .auteur table tr .panelprofil a div {
border: 4px solid #EEEEEE;
border-radius: 100%;
height: 65px;
width: 65px;
overflow: hidden;
display: inline-block;
position: relative;
}

.contenu .blockproduit .pubone .auteur table tr .panelprofil a div img {
max-width: 90px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.contenu .blockproduit .pubone .auteur table tr .panelinfos {
background-color: white;
text-align: left;
}

.contenu .blockproduit .pubone .auteur table tr .panelinfos a {
font-family: sans-serif;
font-weight: bold;
font-size: 16px;
color: #006BC0;
margin: 0px 5px auto;
display: inline-block;
}

.contenu .blockproduit .pubone .auteur table tr .panelinfos a .infosoffre {
font-weight: normal;
font-size: 12px;
color: #555555;
display: block;
margin-top: 3px;
}

.contenu .blockproduit .pubone .auteur table tr .panelinfos a #infosvues {
font-weight: normal;
font-size: 12px;
color: #555555;
display: block;
margin-top: 3px;
}

.contenu .blockproduit .pubone .auteur table tr .panelbtnauteur {
background-color: white;
width: 90px;
}

.contenu .blockproduit .pubone .auteur table tr .panelbtnauteur .panelbtnvisit {
display: inline-block;
border: 1px solid #006BC0;
text-decoration: none;
margin: 4px;
background-color: azure;
padding: 4px;
font-family: sans-serif;
font-size: 12px;
width: 70px;
color: #555555;
border-radius: 2px;
}

.contenu .blockproduit .pubone .auteur table tr .panelbtnauteur .panelbtnwhatsapp {
display: inline-block;
border: 1px solid green;
text-decoration: none;
margin: 4px;
background-color: white;
padding: 4px;
font-family: sans-serif;
font-size: 12px;
width: 70px;
margin-top: 10px;
color: green;
border-radius: 2px;
}

.contenu .blockproduit .pubone .presentation {
font-family: sans-serif;
text-align: center;
margin-top: 7px;
font-size: 11px;
}

.contenu .blockproduit .pubone .presentation a {
padding: 4px;
text-decoration: none;
font-size: 12px;
display: inline-block;
color: #006BC0;
border-radius: 20px;
border: 1px solid #006BC0;
font-family: sans-serif;
box-shadow: 0px 0px 5px lightblue;
}

.contenu .blockproduit .pubone .recentpost {
display: inline-flex;
background: linear-gradient(180deg,transparent,transparent,white,white);
width: 99%;
border-radius: 4px;
overflow-x: hidden;
margin-top: 7px;
padding-bottom: 10px;
}

.contenu .blockproduit .pubone .recentpost:hover {
overflow-x: auto;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .contenu .blockproduit .pubone .recentpost {
  display: inline-flex;
  background-color: white;
  width: 99%;
  border-radius: 4px;
  overflow-x: auto;
  margin-top: 7px;
  padding-bottom: 10px;
  }

  .contenu .blockproduit .pubone .recentpost:hover {
  /*overflow-x: auto;*/
  }
}

.contenu .blockproduit .pubone .recentpost .onerecentpost {
height: 210px;
min-width: 140px;
max-width: 140px;
background-color: white;
overflow: hidden;
margin: 6px;
border-radius: 4px;
box-shadow: 0px 3px 3px #555555;
border: 3px solid #006BC0;
position: relative;
}

.contenu .blockproduit .pubone .recentpost .onerecentpost .imgbackground {
width: 120%;
height: 120%;
background-size: cover;
filter: blur(8px);
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.contenu .blockproduit .pubone .recentpost .onerecentpost .imageonepost img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 110%;
z-index: 2;
}

.contenu .blockproduit .pubone .recentpost .onerecentpost .prixonepost {
padding: 4px;
background-color: rgba(22, 110, 160, .8);
font-size: 10px;
font-family: sans-serif;
color: #EEEEEE;
border-radius: 3px;
position: absolute;
top: 57%;
left: 50%;
transform: translate(-50%, 50px);
width: 85%;
z-index: 3;
text-align: center;
}

.contenu .blockproduit .pubone .recentpost .plusrecentpost {
height: 210px;
min-width: 140px;
max-width: 140px;
background-color: #006BC0;
overflow: hidden;
margin: 6px;
border-radius: 4px;
box-shadow: 0px 3px 3px #555555;
border: 3px solid white;
position: relative;
}

.contenu .blockproduit .pubone .recentpost .plusrecentpost a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
text-align: center;
/*font-weight: bold;*/
text-decoration: none;
font-family: verdana;
color: white;
font-size: 14px;
}

/*************************************************************************************/
.myslidersoptionnp {
display: none;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .myslidersoptionnp {
  display: block;
  }
}

/* Slideshow container */
.myslidersoptionnp .slideshow-containernp {
max-width: 100%;
position: relative;
margin: auto;
}

/* Hide the images by default */
.myslidersoptionnp .mySlidesnp {
display: none;
}

.myslidersoptionnp .mySlidesnp img {
/*width: 50px;*/
-webkit-animation: fade 1s;
animation: fade 1s; 
}

/* Caption text */
.myslidersoptionnp .text {
color: white;
font-size: 15px;
width: 100%;
text-align: center;
font-weight: bold;
font-family: sans-serif;
-webkit-animation: fade2 1s;
animation: fade2 1s; 
}

.myslidersoptionnp .fade {
animation-name: fade;
animation-duration: 1.5s;
-webkit-animation: fade 1s;
animation: fade 1s; 
}

@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

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

.myslidersoptionnp2 {
display: none;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .myslidersoptionnp2 {
  display: block;
  }
}

/* Slideshow container */
.myslidersoptionnp2 .slideshow-containernp2 {
max-width: 100%;
position: relative;
margin: auto;
}

/* Hide the images by default */
.myslidersoptionnp2 .mySlidesnp2 {
display: none;
}

.myslidersoptionnp2 .mySlidesnp2 img {
/*width: 50px;*/
-webkit-animation: fade 1s;
animation: fade 1s; 
}

/* Caption text */
.myslidersoptionnp2 .text {
color: white;
font-size: 15px;
width: 100%;
text-align: center;
font-weight: bold;
font-family: sans-serif;
-webkit-animation: fade2 1s;
animation: fade2 1s; 
}

.myslidersoptionnp2 .fade {
animation-name: fade;
animation-duration: 1.5s;
-webkit-animation: fade 1s;
animation: fade 1s; 
}

@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/***********************************************************************************/

.contenu .blockproduit .recent {
margin-top: 10px;
}

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

.contenu .blockproduit .produitsrecent {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent {
margin: 20px 0px auto;
background-color: white;
display: inline-block;
border-radius: 4px;
position: relative;
box-shadow: 0px 0px 3px lightgray;
border: 3px solid white;
min-width: 250px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails {
width: calc(99%);
display: block;
margin: .5%;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img {
margin: 2px;
border-radius: 5px;
text-align: center;
max-height: 185px;
min-height: 185px;
overflow: hidden;
position: relative;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imgbackground {
width: 100%;
height: 100%;
background-size: cover;
filter: blur(8px);
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imglarge {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 0px;
margin: 0px;
display: block;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imglarge img {
max-height: 250px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imghaute {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 0px;
margin: 0px;
display: block;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imghaute img {
width: 250px;
}


/*******responsive******/

@media screen and (min-width: 0px) and (max-width: 349px) {
  .contenu .blockproduit .produitsrecent .oneproduitrecent {
  margin: 10px 0px auto;
  min-width: 150px;
  }

  .contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img {
  max-height: 160px;
  min-height: 160px;
  }

  .contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imglarge img {
  max-height: 165px;
  }

  .contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imghaute img {
  width: 165px;
  }
}

@media screen and (min-width: 350px) and (max-width: 768px) {
  .contenu .blockproduit .produitsrecent .oneproduitrecent {
  margin: 10px 0px auto;
  min-width: 166px;
  }

  .contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img {
  max-height: 180px;
  min-height: 180px;
  }

  .contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imglarge img {
  max-height: 185px;
  }

  .contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .img .imghaute img {
  width: 185px;
  }
}

@media screen and (min-width: 610px) and (max-width: 768px) {

}

/*******fin responsive******/

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .details {
width: calc(100% - 16px - 155px);
text-align: left;
margin: 4px;
position: relative;
display: none;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile {
display: block;
margin: 4px;
text-align: center;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsproduit li {
list-style-type: none;
display: block;
font-family: sans-serif;
font-weight: normal;
padding: 1px;
color: #555555;
font-size: 14px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsproduit .nomproduit {
font-size: 15px;
font-weight: bold;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsproduit .prixproduit {
text-transform: uppercase;
color: red;
font-size: 14px;
font-weight: bold;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsproduit .vilmob {
font-size: 12px;
font-family: sans-serif;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsproduit .vilmob span a {
font-family: sans-serif;
}


.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsproduit .vilmob #map {
padding: 1px;
display: inline-block;
font-size: 13px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsproduit .vilmob #clock {
padding: 3px;
display: inline-block;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsauteur {
margin-top: 5px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsauteur .imgbtqpro {
position: relative;
margin-top: 7px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsauteur .imgbtqpro .imgbtq {
border: 2px solid white;
border-radius: 100%;
padding: 2px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsauteur .imgbtqpro .badgepro {
position: absolute;
top: -22px;
right:-32px;
width: 30px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsauteur .imgbtqsimple {
position: relative;
margin-top: 4px;
}

.contenu .blockproduit .produitsrecent .oneproduitrecent .imgetdetails .detailsmobile .detailsauteur .imgbtqsimple .imgbtq {
border: 2px solid gray;
border-radius: 100%;
padding: 2px;
}


/******************************incrustation vip***************************************/

.oneproduitvipincrust {
margin: 20px 0px auto;
border-radius: 2px;
position: relative;
display: inline-block;
box-shadow: 0px 0px 3px lightgray;
border: 3px solid orange;
background-color: #FFDEAA;
min-width: 250px;
}

.oneproduitvipincrust .imgetdetails {
width: calc(99%);
display: block;
margin: .5%;
}

.oneproduitvipincrust .imgetdetails .img {
margin: 2px;
border-radius: 5px;
text-align: center;
max-height: 185px;
min-height: 185px;
overflow: hidden;
position: relative;
}

.oneproduitvipincrust .imgetdetails .img .imgbackground {
width: 100%;
height: 100%;
background-size: cover;
filter: blur(8px);
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.oneproduitvipincrust .imgetdetails .img .imglarge {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 0px;
margin: 0px;
display: block;
}

.oneproduitvipincrust .imgetdetails .img .imglarge img {
max-height: 250px;
}

.oneproduitvipincrust .imgetdetails .img .imghaute {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 0px;
margin: 0px;
display: block;
}

.oneproduitvipincrust .imgetdetails .img .imghaute img {
width: 250px;
}

/*******responsive******/

@media screen and (min-width: 0px) and (max-width: 349px) {
  .oneproduitvipincrust {
  margin: 10px 0px auto;
  min-width: 150px;
  }

  .oneproduitvipincrust .imgetdetails .img {
  max-height: 160px;
  min-height: 160px;
  }

  .oneproduitvipincrust .imgetdetails .img .imglarge img {
  max-height: 165px;
  }

  .oneproduitvipincrust .imgetdetails .img .imghaute img {
  width: 165px;
  }
}

@media screen and (min-width: 350px) and (max-width: 768px) {
  .oneproduitvipincrust {
  margin: 10px 0px auto;
  min-width: 166px;
  }

  .oneproduitvipincrust .imgetdetails .img {
  max-height: 180px;
  min-height: 180px;
  }

  .oneproduitvipincrust .imgetdetails .img .imglarge img {
  max-height: 185px;
  }

  .oneproduitvipincrust .imgetdetails .img .imghaute img {
  width: 185px;
  }
}

@media screen and (min-width: 610px) and (max-width: 768px) {

}

/*******fin responsive******/


.oneproduitvipincrust .imgetdetails .details {
width: calc(100% - 16px - 155px);
text-align: left;
margin: 4px;
position: relative;
display: none;
}

.oneproduitvipincrust .imgetdetails .detailsmobile {
text-align: center;
margin: 4px;
display: block;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsproduit li {
list-style-type: none;
display: block;
font-family: sans-serif;
font-weight: normal;
padding: 1px;
color: #555555;
font-size: 14px;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsproduit .nomproduit {
font-size: 15px;
font-weight: bold;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsproduit .prixproduit {
text-transform: uppercase;
color: red;
font-size: 14px;
font-weight: bold;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsproduit .vilmob {
font-size: 12px;
font-family: sans-serif;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsproduit .vilmob span {
padding: 1px;
display: inline-block;
font-size: 13px;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsproduit .vilmob span a {
font-family: sans-serif;
font-weight: normal;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsauteur {
margin-top: 5px;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsauteur .imgbtqpro {
position: relative;
margin-top: 7px;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsauteur .imgbtqpro .imgbtq {
border: 2px solid #006BC0;
border-radius: 100%;
padding: 2px;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsauteur .imgbtqpro .badgepro {
position: absolute;
top: -22px;
right:-32px;
width: 30px;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsauteur .imgbtqsimple {
position: relative;
margin-top: 4px;
}

.oneproduitvipincrust .imgetdetails .detailsmobile .detailsauteur .imgbtqsimple .imgbtq {
border: 2px solid orange;
border-radius: 100%;
padding: 2px;
}
/******************************fin incrustation vip***************************************/


/******************************incrustation boutique pub***************************************/
.onestorepub {
margin: 20px 0px auto;
background-color: white;
display: inline-block;
border-radius: 4px;
position: relative;
box-shadow: 0px 0px 3px lightgray;
min-width: 250px;
border: 3px solid rgba(22, 110, 160, 1);
/*background: url('../imgconfig/ny.webp');*/
background-image: url('../imgconfig/map-image-color.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

/*******responsive******/

@media screen and (min-width: 0px) and (max-width: 349px) {
  .onestorepub {
  margin: 10px 0px auto;
  min-width: 150px;
  }
}

@media screen and (min-width: 350px) and (max-width: 768px) {
  .onestorepub {
  margin: 10px 0px auto;
  min-width: 166px;
  }
}

@media screen and (min-width: 610px) and (max-width: 768px) {
}

/*******responsive******/

.onestorepub .imgetdetails {
width: calc(100%);
/*margin: .5%;*/
min-height: 240px;
position: relative;
overflow: hidden;
}

.onestorepub .imgetdetails .colorbackcover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(22, 110, 160, .5);
z-index: 2;
border-radius: 2px;
}

.onestorepub .imgetdetails .details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
text-align: center;
}

.onestorepub .imgetdetails .details .imgprofil {
width: 70px;
height: 70px;
border: 3px double white;
display: inline-block;
overflow: hidden;
border-radius: 100%;
position: relative;
/*box-shadow: 0px 2px 2px white;*/
margin-top: 20px;
box-shadow: 1px 1px 1px black;
}

.onestorepub .imgetdetails .details .imgprofil img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 80px;
}

.onestorepub .imgetdetails .details .namestore {
margin-top: 2px;
text-align: center;
text-shadow: 1px 1px 1px black;
}

.onestorepub .imgetdetails .details .namestore li {
list-style-type: none;
font-weight: bold;
color: white;
font-family: sans-serif;
font-size: 18px;
}

.onestorepub .imgetdetails .details .namestore img {
display:inline-block;
height: 22px;
}

.btnactionstore .panelbtnvisit {
display: inline-block;
border: 1px solid #166EA0;
text-decoration: none;
margin: 4px;
background-color: azure;
padding: 6px;
font-family: sans-serif;
font-size: 12px;
width: 70px;
color: #555555;
border-radius: 2px;
box-shadow: 1px 1px 1px black;
}

.btnactionstore .panelbtnwhatsapp {
display: inline-block;
border: 1px solid green;
text-decoration: none;
margin: 4px;
background-color: white;
padding: 6px;
font-family: sans-serif;
font-size: 12px;
width: 70px;
margin-top: 10px;
color: green;
border-radius: 2px;
box-shadow: 1px 1px 1px black;
}

.btnactionstore .lespoints {
display: none;
}

/**************************fin incrustation boutique pub***************************************/

/******************************************************************************************************/
.contenu .blockproduit .panelplus {
display: flex;
justify-content: space-around;
}

.contenu .blockproduit .panelplus .cadreplus {
background-color: white;
border-radius: 3px;
display: inline-block;
margin-top: 14px;
text-align: center;
padding: 10px;
box-shadow: 0px 0px 6px lightgray;
border: 2px solid white;
min-width: 50px;
}

.contenu .blockproduit .panelplus .cadreplus .btnplus {
text-decoration: none;
font-weight: bold;
font-family: sans-serif;
color: #819830;
width: 100%;
display: inline-block;
font-size: 20px;
}

.contenu .blockproduit .panelplus .cadreplus #notepage {
font-size: 12px;
font-weight: normal;
}

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

.contenu .blockproduit .catpopulaire {
}

.contenu .blockproduit .catpopulaire fieldset {
margin: 2%;
border: none;
border-top: 2px solid gray;
font-family: verdana;
text-align: center;
color: ;
font-weight: bold;
font-size: 14px;
}

.contenu .blockproduit .catpopulaire .panelcategorie {
text-align: center;
padding: 2px;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
margin: 4px;
}

.contenu .blockproduit .catpopulaire .panelcategorie > * {
flex: 1;
}

.contenu .blockproduit .catpopulaire .panelcategorie .onesupcat {
display: inline-block;
min-width: 130px;
margin: 2px;
background-color: white;
padding: 4px;
border-radius: 4px;
box-shadow: 0px 0px 4px lightgray;
}

.contenu .blockproduit .catpopulaire .panelcategorie .onesupcat a {
text-decoration: none;
color: black;
}

.contenu .blockproduit .catpopulaire .panelcategorie .onesupcat a img {
height: 45px;
display: inline-block;
margin-top: 2px;
}

.contenu .blockproduit .catpopulaire .panelcategorie .onesupcat a .namecat {
list-style-type: none;
font-family: sans-serif;
font-size: 12px;
color: #555555;
}

.contenu .blockproduit .catpopulaire .panelcategorie .onesupcat a .nbproduitcat {
list-style-type: none;
font-family: sans-serif;
font-size: 11px;
color: orangered;
}

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

footer {
margin-top: 20px;
background-color: ;
text-align: center;
color: black ;
}


footer li {
list-style-type: none;
margin-top: 8px;
font-size: 12px;
font-family: sans-serif;
}

footer li .appname {
color: #819830;
font-weight: bold;
font-size: 16px;
}

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

.navBottom {
width: calc(100%);
/*margin: 0px 1% auto;*/
text-align: center;
position: fixed;
bottom: 0px;
background-color: white;
z-index: 11;
display: none;
border-top: 5px solid white;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .navBottom {
    display: block;
  }
}

.navBottom .icone {
display: inline-block;
width: 16%;
margin: 3px;
text-align: center;
cursor: pointer;
border: 1px dotted lightgray;
border-radius: 4px;
/*border-left: none;
border-bottom: none;*/
}

.navBottom .icone .detmenu {
display: block;
color: black;
font-weight:bold;
font-family: sans-serif;
font-size: 9px;
margin-bottom: 2px;
}

.navBottom #icoadd2 {
border-radius: 5px;
box-shadow: 0px 0px 6px lightgray;
position: relative;
top: -10px;
background-color: #819830;
border: 2px solid #EEEEEE;
}

.navBottom .icone li {
list-style-type: none;
display: inline-block;
margin-top: 3px;
}

.navBottom .icone li a {
padding: 3px;
text-decoration: none;
font-size: 23px;
color: #555555;
border-radius: 100%;
}

.navBottom #icoadd2 .cadrebtn {
background-color: #819830;
width: 90%;
border-radius: 5px;
}

.navBottom #icoadd2 .cadrebtn a {
font-size: 24px;
color: white;
border-radius: 15px;
}

.navBottom #icodecouverte2 {
position: relative;
}

.navBottom #icodecouverte2 li a span {
position: absolute;
top: -8px;
right: -8px;
background-color: red;
color: white;
padding: 2px;
font-size: 11px;
font-family: sans-serif;
border-radius: 5px;
border: 2px solid white;
height: 10px;
width: 12px;
}
/**************************************************************************/