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

@media screen and (min-width: 0px) and (max-width: 550px) {
  body {
  background-image: none;
  }
}


.h1textereferencement {
font-size: 1px;
display: none;
}

#spiner {
background-color: transparent;
position: fixed;
z-index: 9;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

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

@media screen and (min-width: 0px) and (max-width: 768px) {
  nav {
    display: none;
  }
}

nav .jeRecherche {
width: 100%;
background-color: ;
text-align: center;
/*display:none;*/
}

nav .jeRecherche #formsearch  {
width: 100%;
}

nav .jeRecherche #formsearch table  {
width: 100%;
text-align: center;
}

nav .jeRecherche #formsearch #topselect1  {
border:none;
font-size: 20px;
color: black;
text-align: left;
background-color: #FFD78D;
border-radius: 5px;
padding: 8px;
}

nav .jeRecherche #formsearch #btnsubmit  {
background-color: #1B798A;
}

nav .jeRecherche #formsearch #btnsubmit a  {
text-decoration: none;
}

nav .jeRecherche #formsearch #closesearch  {
background-color: #D6492F;
}

nav .jeRecherche #formsearch #closesearch a  {
text-decoration: none;
}

nav .jeRecherche #formsearch input {                                  
font-size: 20px;
border: none;
border-radius: 5px;
font-family: sans-serif;
margin-top: 10px;
background-color: transparent;
border: 2px solid gray;
padding:7px;
color: black;
display: inline-block;
}

nav .jeRecherche #formsearch span {
color:white;
font-family: sans-serif;
background-color: white;
font-size:20px;
cursor: pointer;
padding: 8px;
border-radius: 5px;
display: inline-block;
}

nav .blocknav {
width: 100%;
text-align: center;
min-height: 75px;
background-color: white;
}

nav .blocknav table {
width: 100%;
}

nav .blocknav #sousblocknav1 {
text-align: left;
}

nav .blocknav #sousblocknav1 a {
text-decoration: none;
color: darkgreen;
font-weight: bold;
font-family: verdana;
font-size: 18px;
}

nav .blocknav #sousblocknav1 a li {
list-style-type: none;
text-decoration: none;
}

nav .blocknav #sousblocknav2 {
/*background-color: white;*/
border-radius: 40px;
}

nav .blocknav #sousblocknav1,#sousblocknav3 {
/*background-color: #EEEEEE;*/
width: 190px;
border-radius: 4px;
text-align: center;
font-size: 17px;
}

nav .blocknav #sousblocknav2 .icone {
display: inline-block;
width: 14%;
min-width: 50px;  
margin: 3px;
cursor: pointer;
color: #555555;
}

nav .blocknav #sousblocknav2 .icone .detmenu {
display: block;
color: black;
font-weight:bold;
font-family: sans-serif;
font-size: 12px;
}

nav .blocknav #sousblocknav2 .icone li {
list-style-type: none;
display: inline-block;
margin-top: 3px;
}

nav .blocknav #sousblocknav2 .icone li a {
width: 30px;
height: 30px;
background-color: #EEEEEE;
padding: 5px;
text-decoration: none;
font-size: 26px;
color: #555555;
border-radius: 7px;
}

nav .blocknav #sousblocknav2 #icoindex li {
color: darkgreen;
}

nav .blocknav #sousblocknav2 #icoindex li a {
color: darkgreen;
}

nav .blocknav #sousblocknav2 #icodecouverte a {
position: relative;
}

nav .blocknav #sousblocknav2 #icodecouverte a span {
position: absolute;
top: -5px;
right: -15px;
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;
}

nav .blocknav #sousblocknav2 #iconotification a {
position: relative;
}

nav .blocknav #sousblocknav2 #iconotification a span {
position: absolute;
top: -5px;
right: -15px;
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;
}

nav .blocknav #sousblocknav3 .compte {
text-align: center;
}

nav .blocknav #sousblocknav3 .compte a {
display: inline;
cursor: pointer;
font-family: sans-serif;
text-decoration: none;
}

nav .blocknav #sousblocknav3 .compte a li {
display: inline;
list-style-type: none;
font-weight: bold;
color: black;
font-family: sans-serif;
}

nav .blocknav #sousblocknav3 .compte #seconnect {
color: darkblue;
font-weight: bold;
padding: 5px;
border-radius: 5px;
}

nav .blocknav #sousblocknav3 .compte #seconnect span {
border:none;
/*font-size: 18px;*/
padding: 5px;
border-radius: 50%;
}

nav .blocknav #sousblocknav3 .compte #sedeconnect {}

nav .blocknav #sousblocknav3 .compte #sedeconnect span {
border:none;
font-size: 18px;
padding: 5px;
border-radius: 50%;
}
/**************************************************************************************/

.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: 110px;*/
/*background-color: #48647A;*/
margin: 110px 10% auto;
}

@media screen and (min-width: 0px) and (max-width: 349px) {
  .contenu {
    /*margin-top: 130px;*/
    margin: 100px 0% auto;
  }
}

@media screen and (min-width: 350px) and (max-width: 768px) {
  .contenu {
    /*margin-top: 130px;*/
    margin: 100px 0% auto;
  }
}

@media screen and (min-width: 550px) and (max-width: 768px) {
  .contenu {
    /*margin-top: 145px;*/
    margin: 145px 0% auto;
  }
}

.contenu .baniereindex {
text-align: center;
font-family: verdana;
/*background-color: rgba(255, 255, 255, .5);*/
margin: 1%;
border-radius: 4px;
}

.contenu .baniereindex .zonetexte {
padding: 15px;
}

.contenu .baniereindex .zonetexte .nameapp {
list-style-type: none;
font-size: 30px;
color: #819830;
text-shadow: 0px 1px 1px gray;
}

.contenu .baniereindex .zonetexte .sloganapp {
list-style-type: none;
margin-top: 10px;
font-size: 18px;
}

.contenu .baniereindex .zonetexte .sloganapp .chiffres {
font-size: 22px;
color: #555555;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .contenu .baniereindex {
    display: none;
  }
}

.contenu .filter {
margin: 0px 1% auto;
text-align: center;
padding: 10px;
}

.contenu .filter .params {
text-align: center;
list-style-type: none;
font-family: sans-serif;
display: flex;
/*flex-wrap: wrap;*/
gap: 1rem;
justify-content: center;
}

/*.contenu .filter .params > * {
flex: 1;
} */ 

.contenu .filter .params a {
color: #555555;
padding: 10px;
text-decoration: none;
font-size: 17px;
margin:4px;
border-radius: 5px;
box-shadow: 2px 3px 6px lightgray;
background-color: white;
border: 2px solid white;
min-width: 100px;
}

.contenu .filter .params a span {
font-family: sans-serif;
font-weight: normal;
}
/**********************************************/

.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 .reversecss {
display: flex;
margin: 1%;
width: 98%;
}

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

@media screen and (min-width: 350px) and (max-width: 768px) {
  .contenu .reversecss {
  margin-top: 5px;
  }
}

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

.contenu .reversecss .notereverse {
position: relative;
width: calc(100% - 85px);
}

.contenu .reversecss .notereverse .note {
font-family: verdana;
font-size: 13px;
list-style-type: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: left;
margin-left: 4px;
color: #555555;
}


.contenu .reversecss .panelbtnreverse {
width: 85px;
text-align: center;
}

.contenu .reversecss .panelbtnreverse .btnreverse {
height: 30px;
background-color: white;
width: 30px;
display: inline-block;
margin: 4px;
border-radius: 2px;
position: relative;
cursor: pointer;
border: 1px double gray;
}

.contenu .reversecss .btnreverse span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 18px;
color: #555555;
}

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

/********/
.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-top: 8px;
}

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

.contenu .blockproduit .produitsvip .oneproduitvip {
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;
}

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

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

.contenu .blockproduit .produitsvip .oneproduitvip .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 .produitsvip .oneproduitvip .imgetdetails .img .imglarge {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 0px;
margin: 0px;
display: block;
}

.contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .img .imglarge img {
max-height: 250px;
}

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

.contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .img .imghaute img {
width: 250px;
}

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

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

  .contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .img {
  max-height: 160px;
  min-height: 160px;
  }

  .contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .img .imglarge img {
  max-height: 165px;
  }

  .contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .img .imghaute img {
  width: 165px;
  }
}

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

  .contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .img {
  max-height: 180px;
  min-height: 180px;
  }

  .contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .img .imglarge img {
  max-height: 185px;
  }

  .contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .img .imghaute img {
  width: 185px;
  }
}

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

}

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


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

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

.contenu .blockproduit .produitsvip .oneproduitvip .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 .produitsvip .oneproduitvip .imgetdetails .detailsmobile .detailsproduit .nomproduit {
font-size: 15px;
font-weight: bold;
}

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

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

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

.contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .detailsmobile .detailsproduit .vilmob span a {
font-family: sans-serif;
font-weight: normal;
}

.contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .detailsmobile .detailsauteur {
margin-top: 5px;
}

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

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

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

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

.contenu .blockproduit .produitsvip .oneproduitvip .imgetdetails .detailsmobile .detailsauteur .imgbtqsimple .imgbtq {
border: 2px solid orange;
border-radius: 100%;
padding: 2px;
}


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

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

.contenu .blockproduit .cadrepubboutique .auteur {
}

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

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

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

.contenu .blockproduit .cadrepubboutique .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 .cadrepubboutique .auteur table tr .panelprofil a div img {
max-width: 90px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

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

.contenu .blockproduit .cadrepubboutique .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 .cadrepubboutique .auteur table tr .panelinfos a .infosoffre {
font-weight: normal;
font-size: 12px;
color: #555555;
display: block;
margin-top: 3px;
}

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

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

.contenu .blockproduit .cadrepubboutique .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 .cadrepubboutique .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 .cadrepubboutique .presentation {
font-family: sans-serif;
text-align: center;
margin-top: 7px;
font-size: 11px;
}

.contenu .blockproduit .cadrepubboutique .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 .cadrepubboutique .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 .cadrepubboutique .recentpost:hover {
overflow-x: auto;
}

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

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

.contenu .blockproduit .cadrepubboutique .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 .cadrepubboutique .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 .cadrepubboutique .recentpost .onerecentpost .imageonepost img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 110%;
z-index: 2;
}

.contenu .blockproduit .cadrepubboutique .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 .cadrepubboutique .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 .cadrepubboutique .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;
}

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

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

.contenu .blockproduit .cadrepubboutique2 .auteur {
}

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

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

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

.contenu .blockproduit .cadrepubboutique2 .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 .cadrepubboutique2 .auteur table tr .panelprofil a div img {
max-width: 90px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

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

.contenu .blockproduit .cadrepubboutique2 .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 .cadrepubboutique2 .auteur table tr .panelinfos a .infosoffre {
font-weight: normal;
font-size: 12px;
color: #555555;
display: block;
margin-top: 3px;
}

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

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

.contenu .blockproduit .cadrepubboutique2 .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 .cadrepubboutique2 .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 .cadrepubboutique2 .presentation {
font-family: sans-serif;
text-align: center;
margin-top: 7px;
font-size: 11px;
}

.contenu .blockproduit .cadrepubboutique2 .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 .cadrepubboutique2 .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 .cadrepubboutique2 .recentpost:hover {
overflow-x: auto;
}

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

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

.contenu .blockproduit .cadrepubboutique2 .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 .cadrepubboutique2 .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 .cadrepubboutique2 .recentpost .onerecentpost .imageonepost img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 110%;
z-index: 2;
}

.contenu .blockproduit .cadrepubboutique2 .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 .cadrepubboutique2 .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 .cadrepubboutique2 .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;
}


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

.contenu .blockproduit .produitsrecent {
/*margin-top: 20px;*/
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
/*column-count: 2;
column-gap: 0;*/
}

.contenu .blockproduit .produitsrecent .oneproduitrecent {
margin: 20px 0px auto;
background-color: white;
display: inline-block;
border-radius: 4px;
position: relative;
box-shadow: 0px 0px 2px lightgray;
border: 3px solid white;
min-width: 250px;
/*flex: 11 50%;*/
/*box-sizing: border-box;*/
/*break-inside: avoid;*/
}

.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: -20px;
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;
}
/**************************************************************************/

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

.SectionNavTop {
width: 99%;
margin: 0px .5% auto;
position: fixed;
top: 0px;
background-color: #EEEEEE;
z-index: 8;
display: none;
border-radius: 0px;
border-top: none;
overflow: hidden;
}

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


.SectionNavTop .zoneflex {
display: inline-flex;
width: 100%;
margin-top: 6px;
}

.SectionNavTop .zone3flex {
width: 15%;
position: relative;
}

.SectionNavTop .zone3flex .icone li a  {
background-color: white;
}

.SectionNavTop .zone3flex .icone li a span {
position: absolute;
top: -5px;
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;
}

.SectionNavTop .zone2flex {
width: 70%;
position: relative;
}

.SectionNavTop .zone2flex form {
width: 100%;
}

.SectionNavTop .zone2flex .navTopsearch {
width: 98%;
text-align: center;
box-shadow: none;
margin: 1%;
padding-top: 1%;
border-radius: 5px;
background-color: transparent;
}

.SectionNavTop .zone2flex .navTopsearch .panelinput {
display: inline-flex;
width: 100%;
padding: 0;
position: relative;
top: -2px;
}

.SectionNavTop .zone2flex .navTopsearch .panelinput #s1 {
width: 12.5%;
position: relative;
border-radius: 5px;
display: none;
}

.SectionNavTop .zone2flex .navTopsearch .panelinput #s2 {
width: 100%;
}

.SectionNavTop .zone2flex .navTopsearch .panelinput #s2 input {
padding: 2%;
width: 94%;
border:none;
height: 20px;
font-size: 16px;
color: #555555;
text-align: center;
position: relative;
background-color: white;
border: 2px solid #819830;
margin-bottom: 2px;
height: 100%;
border-radius: 20px;
max-height: 40px;
}

.SectionNavTop .zone2flex .navTopsearch .panelinput #s2 input:focus {
outline: none;
border-color: white;
}

.SectionNavTop .zone2flex .navTopsearch .panelinput #s3 {
width: 12.5%;
position: relative;
border-radius: 5px;
display: none;
}

.SectionNavTop .zone2flex .navTopsearch .panelinput span {
padding: 10%;
font-size: 21px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
cursor: pointer;
color: green;
}

.SectionNavTop .zone2flex .navTopsearch #idtopselect {
width: 100%;
margin-top: 5px;
text-align: center;
}

.SectionNavTop .zone2flex .navTopsearch #idtopselect select {
padding: 2%;
width: 72%;
border:none;
font-size: 14px;
color: black;
text-align: center;
background-color: gold;
border-radius: 5px;
outline: none;
}

.SectionNavTop .zone2flex .navTopsearch #idtopselect select:focus {
outline: none;
}

*{
outline: none;
}

.SectionNavTop .zone1flex {
width: 15%;
position: relative;
}

.SectionNavTop .zoneflex .icone {
display: inline-block;
text-align: center;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 5px;
}

.SectionNavTop .zoneflex .icone li {
list-style-type: none;
display: inline-block;
}

.SectionNavTop .zoneflex .icone li a {
padding: 5px;
text-decoration: none;
font-size: 23px;
height: 25px;
width: 25px;
color: #555555;
/*box-shadow: 0px 0px 3px gray;*/
border: 1px solid lightgray;
border-radius: 5px;
background-color: white;
}

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

.SectionNavTop .optionssuplementaires {
background-color: ;
text-align: center;
}

.SectionNavTop .optionssuplementaires table {
width: 100%;
border-radius: 2px;
border-color: white;
}

.SectionNavTop .optionssuplementaires table tr td {
width: 33.3%;
}

.SectionNavTop .optionssuplementaires table tr td a {
display: block;
margin: 1px;
padding: 3px;
font-size: 11px;
border-radius: 4px;
color: #555555;
font-family: sans-serif;
font-weight: bold;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
/*box-shadow: 0px 1px 1px lightgray;*/
}

.SectionNavTop .optionssuplementaires table tr td a span {
margin: 2px;
text-align: left;
}

.SectionNavTop .optionssuplementaires table tr td a span img {
display: inline-block;
height: 20px;
}

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


*{
scrollbar-width: thin;
}

.SectionNavTop .optioncategorie {
padding: 0px;
display: block;
background-color: white;
}

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