body {background-color:white!important;}

div.invalid-feedback.d-block {
    font-size: 40px!important; /* Ajustez la taille selon vos besoins */
    color: red!important; /* Optionnel, pour mieux distinguer l'erreur */
}

 .mon-label-style {
    
    color:white!important;
}

 /* Couleur de la pagination bootstrap */
.page-item.active .page-link {
  background-color:#769643;  
}
/* Couleur de la pagination bootstrap */
.page-link {
  color:darkgreen!important;
}

/* style des images dans les pages vitrines (arondi) */
.card1 img {
  border-radius:7px;
}

/* Page gamme style des drapeaux */
.gif {width:35px;}

/* Page liste des produits d'une catégorie style image */
.detailImgSm {
 width:2rem!important;
}

 /* image de la recette dans la page de visualisation  (show) */
.imRecetteSM {
   width:4rem;object-fit:cover;
}
 /* Taille de la police du titre dans la fiche produit  */
.receTitre {
   font-size:medium; 

}
/* A supprimer */
.rectext {
  font-size:small;line-height:12px;
}
 /* image du logo bio page produit */
.BioSM {
  width:3rem; 
 }

 /* Image des logos de recommandation page produit */
 .imRecoSM {
  width:3rem;object-fit:cover;
}
 /* font size Libellé sous le logo de recommandation page produit */
.textReco {
  font-size:medium;
}

/* Image de fond la fiche gamme (fiche produit) */
.fnd{
  
  /* background-image: url(/images/fond.jpg)!important;    */
  background-image: url(/public/images/eglise.jpg)!important;  
  background-repeat: no-repeat;
  background-size: cover ;
  
   
}
/* Couleur de la fiche de la gamme et opacité  */
.cont {
    opacity:0.7!important;
    background-color: white!important;
}

 /* couleur de fond des CGV */
.fondcgv {
  background-color:rgb(238, 247, 237);
}

/* Page de visu des commandes hover sur le bt de statut livraison */
 #box:hover {
  background-color:aqua!important;  
  border-radius:60%!important;  ;
  }

  /* Page de visu des commandes hover sur le bt affichage de la commande */
  #eye:hover {
    background-color:aqua!important;  
    border-radius:50%!important;  ;
    }

 /* A enlever */
  #imcart:hover {
      
    background-color:cadetblue!important;  
    border-radius:7px!important;
      
  }

  /* style de l'image en survol pour divers usages (conditionnement, dialog box)   */
  .imChoice:hover
  {
    color:rgb(14, 17, 10)!important; 
    background-color: aquamarine;
    font-size:medium;
  }

  /* couleur du titre de la dialog box */
  .ui-dialog-titlebar {
     color:red;
  }

/* style des liens de la page de confidentialité */
.politiqueLien a {
  text-decoration: none;
  color:darkslategray;
  font-weight: bold;
  font-size: small;
}
.politiqueLien a:hover {
  color: lightseagreen;
  font-weight: bold;
}
.politiqueLien a:visited {
  color: lightblue;
}

  /* ------------------------------------------ */
  /* A enlever */
  #fondInfos {
    /* background-image: url("/images/fond.jpg"); */
    background-image: url("/public/images/t.jpg");
    background-repeat: no-repeat;
    background-size: cover;
   height: 100rem;  
     */
  }
   /* A enlever */
  .titreSurImage {
    color: white;
  }
  /* image de fond de la page home */
  #fond {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
   /* style de l'Image loupe pour les pages avec filtres  */
  .searchImg { 
    height:1.3rem;
    margin-top:1.rem;
   }

    /* style du bouton de recherche pour les pages avec filtres  */
  .searchButton {

    background-color:white!important;
    border:none;
    height:2rem;
    margin-left:-2.3rem ;
    margin-top:1.6rem!important;
  }

  /* ********************************************************* */
           /* Média query pour les devices > 768 */
  /* ********************************************************* */
  @media only screen and (min-width: 769px) {

       .opaque { height:82%!important;}

     /* formulaires  */
     .formStyle {
       display:flex;
       flex-direction:row;
       justify-content:center;
     }

     .formSize {
      width:50%;

     }

    /* Pages presentation */
    #fond {
      /* background-image: url("/images/fond.jpg");*/
       background-image: url("/public/images/oip.jpg"); 
       background-repeat: no-repeat;
       background-size: cover;
       /* height:60vh;width:40vw; */
       background-color:#2576c8;
       
    }

    #fondx {
      /* background-image: url("/images/fond.jpg");*/
       /* background-image: url("/images/asso.jpg");  */
       background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5)), url("public/images/asso.jpg");
       background-repeat: no-repeat;
       background-size:cover;
      
       
        
      
       height:87.6vh;width:auto;
       background-color:#2576c8;
       /* opacity:0.15; */
       
       
    }

   
    #fondL {
      /* background-image: url("/images/fond.jpg");*/
       background-image: url("/public//images/eglise.jpg"); 
       background-repeat: no-repeat;
       background-size: cover;
       /* height:60vh;width:40vw; */
       background-color:#2576c8;
        
       
    }

    #fondR {
      /* background-image: url("/images/fond.jpg");*/
       background-image: url("/public//images/ecole.jpg"); 
       background-repeat: no-repeat;
       background-size: cover;
       /* height:60vh;width:40vw; */
       background-color:#55aaff;
       
    }

    #fondC {
      /* background-image: url("/images/fond.jpg");*/
       background-image: url("/public//images/oip.jpg"); 
       background-repeat: no-repeat;
       background-size: cover;
       /* height:60vh;width:40vw; */
       background-color:#b6d6f6;
       
    }

     /* a enlever */

    .imgServices {width:4.5rem;}

    /* image de fond page metier */
    #fndO{
      display: flex;
      flex-direction: column;
      align-items: center;
      background-image: url("/public/images/poupee.jpg")!important;  
      background-repeat: no-repeat;
      background-size: cover ;
      height: 55rem;
    }

     /* image de fond page offres pro */
    #fndM{
      display: flex;
      flex-direction: column;
      align-items: center;
      background-image: url(/public//images/business/gerant.jpg)!important;  
      background-repeat: no-repeat;
      background-size: cover ;
      height: 55rem;
    }
     /* style du champ de recherche de la page articles */
    .SearchField {
      min-width:35rem!important; 
    }
    /* page A propos style image*/
    #fondAr{
      background-image: url("/public//images/poupee.webp");
      background-repeat: no-repeat;
      background-size: cover;
      height: 15rem!important;  
  
    }

       /* page A propos style font */  
    #fondA h1, #fndM h1 {
      font-size: 5rem;
      font-weight: bold;
      color: white;
    }
      /* page A propos style couleurs */    
    #fondA div h2  {
      font-size: 2.1rem;
      font-weight: lighter;
      color: white;
      margin-top:1rem;
      background-color:black;
      border-radius:7px;
    }

    /* A enlever */ 
    .cont2 {
      opacity:0.9!important;
      background-color: white!important;
      border-radius:7px;
      margin:5rem 10rem 5rem 10rem!important;
    }

    /* titres bandeau noir */
    #fond h1, #fndM h1,#fndO h1 {
      font-size: 5rem;
      font-weight: bold;
      color: white;
    }

     /* titres slogan souligné */
    #fond h3, #fndM h3, #fndO h3 {
      font-size: 3.1rem;
      font-weight: lighter;
      color: white;
      margin-top: -2rem;
      text-decoration: underline;
    }
    #fond h4 {
      color:white;
      font-size: 1.1rem;
      margin-top: 0.4rem;
      font-weight: lighter;
    }
    /* #fond h5 {
      color:white;
      font-size: 1.4rem;
      margin-top: -1.0rem;
      font-weight: lighter;
      color:yellow;
    } */
     /* Bandeau noir home  */
    .titre2 {
      color: white;
      font-size: 2.7rem;
      background-color: black;
      padding-left: 2rem;
      padding-right: 2rem;
      padding-top: 0.6rem;
      padding-bottom: 0.8rem;
    }

    /* Bandeau noir  offre pro*/
    .titre3 {
      color: white;
      font-size: 2.7rem;
      background-color: black;
      padding-left: 2rem;
      padding-right: 2rem;
      padding-top: 0.6rem;
      padding-bottom: 0.8rem;
    }

     /* image conditions de vente */
    .imgEng1 {
      width:30rem!important;
      height:10rem!important;
      margin-top:2rem;
    }

    /* logo du site sur fond noir */
    #fond .logoFond,#fndM .logoFond {
      width: 30rem !important;
    }

   /* logo du site sur fond noir */
    #fond .logoFond,#fndO .logoFond {
      width: 30rem !important;
    }
    
    #fondInfos .logoFond2 {
      width: 50rem !important;
    }
    
     /* page produit bloc droite */
    .detailGammeSepDroite {
      border-right-style:solid; 
      border-right-color:light-gray;
      border-right-width:thin
   }

    /* page produit font des prix */
   .LprixHT { font-size:small;}
   .LprixTTC { font-size:x-small;}
   .prixHT {
     font-family:Segoe UI Semibold;
     font-weight:800;
     font-size:3rem;  
   }
   .prixTTC { 
     font-family:Segoe UI Semibold;
     font-weight:800;
     font-size:2rem;
   }

  }

   /* ********************************************************* */
           /* Média query pour les résolutions < 769 */
  /* ********************************************************* */

  @media only screen and (max-width: 768px) {
    
  .opaque { height: 90%; }

    /* Pages presentation */
    #fond {
      /* background-image: url("/images/fond.jpg"); */
      background-image: url("/public//images/eglise.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      height:102rem;
     
      
  
     
    }
    .imgsm{
      min-width:20rem;

    }
      /* a enlever */
    .imgServices {width:6.5rem;}
   
      /* image conditions de vente */
    .imgEng1 {

      width:30rem!important;
      height:10rem!important;
      margin-top:2rem;

    }
    /* logo info 'en savoir plus' dans page gamme */
    .detailSm {

      margin-top:2rem!important;
      display:flex;
      flex-direction:row;
      align-items:center;
      margin-bottom:2rem!important;
    }
     /* logo info 'en savoir plus' dans page gamme */
    .detailImgSm {
      width:2rem!important;
     }
     
     .detailImgSm {
       width:2rem!important;
       margin-top:2rem;
     }
     
/* image de fond gerant page offres pro */
    #fndM {
      background-image: url(/public//images/business/gerant.jpg)!important;  
      background-repeat: no-repeat;
      background-size: cover;
      height: 30rem;
      text-align:center;
    }

    /* image de fond page metier */
    #fndO {
      background-image: url(/public//images/pousse.jpg)!important;  
      background-repeat: no-repeat;
      background-size: cover;
      height: 30rem;
      text-align:center;
    }
      
     /* page A propos style image*/
    #fondA {
      background-image: url("/public//images/business/tea-etalage.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      height: 8rem;
     
    }

    /* page A propos style font */
    #fondA h1, #fndM h1 {
      font-size: 5rem;
      font-weight: bold;
      color: white;
      
    }
     /* style du champ de recherche de la page articles */
    .SearchField { 
      height:1.8rem;
      margin-top:0rem;
      width:35rem!important;
     }

     /* style de l'Image loupe pour les pages avec filtres  */
    .searchImg { 
      height:1.3rem;
      margin-top:1.rem
      
     }

      /* style du bouton de recherche pour les pages avec filtres  */
    .searchButton {
  
      background-color:white!important;
      border:none;
      height:2rem;
      margin-left:-2.3rem ;
      margin-top:1.6rem!important;
    }
  
    /* page A propos style titre h2 */ 
    #fondA div h2  {
      font-size: 2.1rem;
      font-weight: lighter;
      color: white;
      margin-top:1rem;
      background-color:black;
      border-radius:7px;
     
    }
     /* style du champ de recherche de la page articles */
    .SearchField {
      min-width:25rem!important;
    
    }
     /* a enlever */
    .cont2 {
      opacity:0.9!important;
      background-color: white!important;
      border-radius:7px;
          
    }
    /* titre h1 page metier, offres pros */  
    #fndM h1, #fndO h1  {
      font-size: 2rem;
      font-weight: bold;
      color: white;
      text-align:center;
      padding-top:1rem;
      
    }

    /* titre h3 page metier, offres pros */ 
    #fndM h3,#fndO h3 {
      font-weight: lighter;
      color: white;
      font-size: 1.2rem;
      margin-top: -1rem;
      text-decoration: underline;
      text-align:center;
    }
    
    /* page home titre h1 : PLF DISTRIBUTION ... */
    #fond h1  {
      font-size: 2rem;
      font-weight: bold;
      color: white;
      margin-top: 1rem;
    }
  /* page home titre h3 : votre grossiste ... */
    #fond h3 {
      font-weight: lighter;
      color: white;
      font-size: 1.2rem;
      margin-top: -1rem;
      text-decoration: underline;
    }
    /* page home titre  : votre réussite est notre ... */
    .titre2 {
      color: white;
      font-size: 1.4rem;
      background-color: black;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.2rem;
      padding-bottom: 0.4rem;
    }

    /* page metier titre */
    .titre3 {
      color: white;
      font-size: 1rem;
      background-color: black;
      padding-left: 2rem;
      padding-right: 2rem;
      padding-top: 0.6rem;
      padding-bottom: 0.8rem;
      margin:0.5rem;
    }

    /* style des textes d'accroche des pages vitrine */
    .accroche {
      font-size: 1.2rem;
      font-weight: lighter;
      color:rgb(3, 51, 51)!important;
    }
  
    /* style taille des logos des pages vitrine */
    #fond .logoFond {
      width: 27rem !important;
    }
    /* style taille des logos des pages vitrine */
    #fndM .logoFond,#fndO .logoFond {
      width: 17rem !important;
      }

    /* a enlever */
    .blkInfo img {
      width: 5rem !important;
      object-fit: cover;
    }
  
     /* texte des pages d'info */
    .infos p {
      font-size: small !important;
      color: black !important;
    }
    .infos H5 {
      text-align: center;
      color: black !important;
    }
    .infos H6 {
      font-size: medium !important;
      font-weight: 300px;
      color: black !important;
    }

    /* page gamme titre 'description' */
    .detailGammeSepDescr {
      border-top-style:solid; 
      border-top-color:light-gray;
      border-top-width:thin;  
   }
    /* page produit prix */
    .LprixHT { font-size:small;}
    .LprixTTC { font-size:x-small;}
    .prixHT {
      font-family:Segoe UI Semibold;
      font-weight:800;
      font-size:3rem;  
    }
    .prixTTC { 
      font-family:Segoe UI Semibold;
      font-weight:800;
      font-size:2rem;
    }

  }

  /* ------------Liste des categories---------------------------- */

   /* block categorie dans page gamme de thés */
  .categoryBlock {

    display:flex;
    justify-content:center;
    flex-direction:column;
  }
  /* texte du bloc cat"gorie */
  .categoryText {
    width:90%;
    display:flex; 
    justify-content:start;
    flex-direction:column;  
  }

  /* image du bloc catégorie */
  .categoryImage{
    object-fit:cover;
    border-radius:60%;
    height:12rem;
    width:12rem;
  }

  /* Hover sur l'image */
  .categoryImage:hover{
      border-color:chartreuse;
      border-style:solid;
      border-width:thick;
  }

  /* disposition de la Description de la catégorie */
  .categoryDescription {
    display:flex;
    flex-direction:row;
    justify-content:center;
  }

   /* arondi de l'image catégorie */
  .categoryMainImage
  {
   border-radius:8px;
    
  }

   /* style de l'image dans la liste des articles et news */
  .articlesImage{
    object-fit:cover;
    border-radius:7px;
    height:14rem;
    width:14rem;
  }

 /* ------------Liste gamme---------------------------- */ 

  /* lien en savoir plus */
 .gammeDetail {
      text-decoration:none!important;
      color:dodgerblue!important;
      font-size:larger;
      margin-top:2rem; 
 }

 .gammeDetail:hover {
   font-weight: bolder;
 }

 /* -------------- detail produit de gamme -------------------- */

  /* a enlever */
 .detailColor
 {
   background-color:ghostwhite;
 }  
  
  /* separateur bas du block catégorie */
 .detailGammeSepBasse {
   border-bottom-style:solid; 
   border-bottom-color:light-gray; 
   border-bottom-width:thin;
 }

/* separateur haut du block catégorie */
 .detailGammeSepHaute {
   border-top-style:solid; 
   border-top-color:light-gray;
   border-top-width:thin;
}

/* block des recommandations dans fiche produit */
.detailGammeReco { 
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  align-items:center;
  
}
.detailGammeinterligneReco
{
  line-height:3px!important;
  margin-top:2rem;
}

.detailGammeImg {
  width:20rem;
  object-fit:cover;
}

/* ----------------- panier --------------- */
/* bouton ajouter au panier */
.btPanier
{
  width:8.3rem;
  height:2.3rem;
  background-color:black;
  border-radius:7px;
  border-width:thin;
  color:white;
  text-decoration:none;

}
 /* couleur de survol du bt panier */
.btPanier:hover {

  background-color:darkcyan;
  color:white;

}

 /* a enlever */
.btPanierFinal
{
  width:5.3rem;
  height:2.3rem;
  border-radius:7px;
  border-width:thin;
  background-color: red;
  text-decoration:none;
  color:white;
}

/* bouton ajouter au panier */
.btPanier {
   
  color:white!important;
  height:3rem!important;
  padding:0.5em!important;
  width:75%!important;
   
}

/* a enlever */
.btPanierFinal:hover {

  background-color:darkcyan;
  color:white;

}
 

/* ******************************************* galaxy a56 ************** */
       /* Média query pour les devices < 1080 */  

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

 
@media (max-width: 1081px)   {

  /* titre slovo en mode mobile */
     .ttreF {
       font-size:5rem!important;
      
     }

       /* titre slovo en mode mobile */
     .ttreFW {

      width:60%!important;
      margin-top:4rem!important;
       margin-bottom:4rem!important;

     }

    }

/* ********************************************************* */
           /* Média query pour les devices < 769 */
  /* ********************************************************* */
  
@media only screen and (max-device-width: 768px) {

    .opaque { height:92%!important;}


     /* formulaires  */
     .formStyle {
      display:flex;
      flex-direction:row;
      justify-content:center;
    }
    /* rgpd */
    
    #cc-nb-text,.cc-pc-head-title-text,.cc-cp-body-content-entry-text {
      font-size: 1.5rem!important;
    }
    .cc-cp-body-tabs-item-link {
      font-size: 1.1rem!important;
    }

    #cc-nb-title,.cc-pc-head-title-headline {
       font-size:2rem!important;
   }
   .cc-nb-okagree,.cc-cp-foot-save {
     background-color: #769643!important;
     height:4rem!important;
     width:25rem!important;
     font-size: 1.5rem!important;
     margin-bottom:5rem!important;;
    
 }
     .cc-nb-changep {
      width:25rem!important;
      height:4rem!important;
      font-size: 1.5rem!important;  
   }
   .cc-pc-head-lang
   {
     display:none!important;
   }
  

    .formSize {
      width:100%;
     }

     /* masque le bloc infos de la page article des laptops */
     .artLaptop
    {
      display:none !important;
    }
    
    /* affiche le bloc infos de la page article pour les smartphones */
    .artSmart
    {
      display:flex !important;
      flex-direction:column;
    }
    
     /* images de la page engagement */
    .imgEng {

      width:10rem!important;
      height:10rem!important;
    }

     /* image conditions de vente */
    .imgEng1 {

      width:22rem!important;
      height:7rem!important;

    }
     /* images catégories de la page gamme */
    .listeImg{

      border-radius:7px;
      display:flex;
      width:3rem!important;

    }
      /* images mode paiement de la page cgv */
    .imgEng2 {

      width:10rem!important;
      height:7rem!important;
      margin-top:2rem;
    }

    /* texte accroche  et ligne de texte pages cgv */
    .accroche2 {font-size:1.6em!important;}
    .textArt1 {font-size:1.5em!important;}

     /* Style des champs formulaire */
    .inputStyle {
       height:4rem;
       font-size:2.5rem;
    }

     /* a enlever */
    .form-label{
      height:4rem;
      font-size:2rem;
    }

     /* champs du formulaire llgin */
    .form-control{
      height:4rem;
      font-size:2rem;
    }

     /* Style des champs formulaire */
    .inputStyle2 {
      height:4rem;
      width:4rem;
      font-size:2.5rem;
      margin-left:-1.2rem!important; 
   }

     /* lien dans formulaire edition */
    .buttonStyle
    {
      height:4.5rem;
      width : 18rem;
      font-size:2.5rem;
      padding:0.1rem;
    }

      /* lien dans formulaire edition page articled*/
    .buttonStyleAr
    {
      height:4.5rem;
      width : 19rem;
      font-size:2.5rem;
      padding:0.1rem;
          
    }

    /* lien dans formulaire edition */
    .buttonStyleC
    {
      height:4.5rem;
      width : 19rem;
      font-size:2.5rem;
      padding:0.1rem;
      width:100%!important;
    }

     /* position du bouton dans le formulaire */
    .pos-button
    {
      text-align:center!important;
    }
  
    /* bt de sélection image dans les formulaire */
    .formTemplate {
      width:4rem!important;
      height:4rem!important;
      margin-top:3.5rem!important;
      margin-left:1rem;
      background-color:#AD5359;
      
     }

      /* image dans les formulaires avec selection */
     .formtemplateImg {
      margin-top:-1rem;
      margin-right:2rem;
      width:3rem;
      height:3rem;
      object-fit:cover;
    }

    /* image recette dans les formulaires avec selection */
    .formRecetteImg {
      margin-top:-1rem;
      margin-right:2rem;
      width:6rem!important;
      height:6rem!important;
      object-fit:cover;
    }

     /* lien dans les formulaires avec selection */
    .formtemplateA{
     height:max;
     text-decoration:none;
     font-size:x-large!important;
    }

     /* page commande espacement du texte */
    .lineh {
      line-height: 15px !important;;
     }

     /* lien mot de passe oublié */
    .formLink {
      font-size:1.8rem;
    }

     /* a enlever */
    .page-link {
       font-size:3rem;
    } 
    .page-link:hover {
      background-color:aquamarine;
    }


     /* ******************* style du texte des pages vitrine*/
     /* adaptable en responsive */
 
     .textArt {
      font-size:xx-large!important;
    }
    .textArt2 {
      font-size:xx-large!important;
      margin-left:2rem!important;
      margin-top:1rem!important;
    }

    .ttre {
      font-size:5rem!important;
    }

     /* titre slovo en mode mobile */
     .ttreF {
       font-size:5rem!important;
      
     }

       /* titre slovo en mode mobile */
     .ttreFW {

      width:60%!important;
      margin-top:4rem!important;
       margin-bottom:4rem!important;

     }

    .ttreT {
      font-size:3rem!important;
    }
    .ttreT2 {
      font-size:4rem!important;
    }

    .accroche {
      font-size:2rem!important;
    }

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

    /* image drapeaux page gamme */
    .gif {width:65px!important;}

    /* image du bloc catégorie */
    .categoryImage {

      width:25rem!important;  
      height:25rem!important;  
    }

      /* style de l'image dans la liste des articles et news */
    .articlesImage {
      width:50rem;
      height:30rem;
      margin-bottom:2rem
    }
     /* style du champ de recherche de la page articles */
    .SearchField { 
      height:2.5rem;
      margin-top:0rem;
      width:60rem!important;
     }

    /* style de l'Image loupe pour les pages avec filtres  */
    .searchImg { 
      height:2.2rem;
      margin-top:0.8rem
      
     }

      /* style du bouton de recherche pour les pages avec filtres  */
    .searchButton {
      background-color:white!important;
      border:none;
      height:3.6rem;
      margin-left:-3.4rem ;
      margin-top:1.6rem!important;
    }

    /* page articles titre */
    .artTitre {display:none;}

     /* page articles description */
    .ArticleDescription {
      margin-top:4rem;
      width:85!important;
      text-align:center;
   }

     /* block image de la page articles et news */
    .divImgCat{
      height: 26rem!important;
      width:26rem!important;
      display:flex!important; 
      justify-content:center!important; 
  }

  /* image de la liste des thé par categorie */
  .imgsm{
    min-width:35rem!important;
  }
  /* bouton detail pour smartphone */
  .detailSm {

    margin-top:7rem!important;
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-bottom:2rem!important;
  }

  /* logo info 'en savoir plus' dans page gamme */
  .detailImgSm {
    width:6rem!important;
    margin-top:2.5rem;
  }
   
  /* lien en savoir plus */
  .gammeDetail {
    text-decoration:none!important;
    color:dodgerblue!important;
    font-size:3rem!important;
  } 

   /*style des conditionnement disponible  */
  .conditTxtSM {
    font-size:2.5rem;
  }
  .conditImgSM
  {
     min-width:8rem;
  }

  /* texte sous le prix (prix public ...) */
  .stextArt {
    font-size:1.2rem!important;

  }

  /* prix dans page produit ou liste */
  .LprixHT { 
    font-size:x-large;
     
  }
  .LprixTTC { 
    font-size:x-large;
  }
  .prixHT {
    
    font-size:6rem!important;
    font-family:Segoe UI Semibold;
    font-weight:800;
   
  }
  .prixTTC {
    font-family:Segoe UI Semibold;
    font-weight:800;
    font-size:5rem!important;
    
  }

   /* texte connectez-vous .... dans page produit */
  .connectNotif {
    font-size:xx-large;
    padding-bottom:1rem;

  }

  /* bouton ajouter au panier */
  .btPanier {
   
    color:white!important;
    height:5rem!important;
    padding:1rem!important;
    width:75%!important;
    font-size:xx-large;
  }

   /* image de la recette dans la page de visualisation  (show) */
  .imRecetteSM {
    width:7rem!important;
  }

   /* a enlever */
  .imABSM {
    width:4rem!important;    
  }

  /* Taille de la police du titre dans la fiche produit  */
  .receTitre {
   font-size:2rem;
   font-weight: bolder;
  }
  .recText {
    font-size:x-large; 
    max-width: 35rem;
  }
  /* image du logo bio page produit */
  .BioSM {
    height:7rem!important; 
    width:7rem!important; 
  }
  .BioTitre {
    font-size:2rem;
    font-weight: bolder;
  }

  /* Image des logos de recommandation page produit */
  .imRecoSM {
    width:6rem;
    height:6rem; 
    object-fit:cover;
  }
 /* font size Libellé sous le logo de recommandation page produit */
  .textReco {
    font-size:x-large;
  }
}

/* ********************************************************* */
           /* Média query pour les devices > 768 */
  /* ********************************************************* */
 

@media only screen and (min-device-width: 769px) {  
  
   /* titre des pages vitrines */
  .ttre {
    font-size:5rem!important; 
  }  

   /* prix dans la page produit ou liste */
  .LprixHT { font-size:small;}
  .LprixTTC { font-size:x-small;}
  .prixHT {
    font-family:Segoe UI Semibold;
    font-weight:800;
    font-size:3rem;  
  }
  .prixTTC { 
    font-family:Segoe UI Semibold;
    font-weight:800;
    font-size:2rem;
  }

   /* images de la page engagement */
  .imgEng {
    width:5rem!important;
    height:5rem!important;
  }

  /* bouton ajouter au panier */
  .btPanier {
    color:white!important;
    height:3rem!important;
    padding:0.5em!important;
    width:75%!important;
  }

   /* affiche le bloc infos de la page article des laptops */
  .artLaptop
  {
    display:flex!important;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
  }

   /* masque le bloc infos de la page article des smartphones */
  .artSmart
  {
    display:none !important;
  }
  
}

/* bt de sélection image dans les formulaire */
.formTemplate {
  width:3rem;
  margin-top:1rem;
  margin-left:1rem;
  background-color:#AD5359;
 }

 
/* image dans les formulaires avec selection */
.formtemplateImg {
  margin-top:-1rem;
  margin-right:2rem;
  width:3rem;
  height:3rem;
  object-fit:cover;
}

/* pour la recette */
.formRecetteImg {
  margin-top:-1rem;
  margin-right:2rem;
  width:3rem;
  height:3rem;
  object-fit:cover;
}

 /* lien dans les formulaires avec selection */
.formtemplateA{
 height:max;
 text-decoration:none;
 font-size:small;
}

/* classes courantes de formattage */

.margin2 {
  margin: 2rem 0 1rem 0;
}
.height3 {
  height:3rem;
}
.height24 { 
  height:2.4rem;
}
.Width8 {
  width:8rem;
}
.maxWidth5 {
  max-width:5rem;
}
.maxWidth12 {
  max-width:12rem;
}

.W95P {
  width:90%;
  height:90%;
}
.W85P {
  width:85%;
}
.W40P {
  width:40%;
  height:40%;
}
.W30P {
  width:30%;
  height:30%;
}

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

 /* images catégories de la page gamme */
.listeImg
{
  border-radius:7px;
  display:flex;
  width:5rem;
 
}

 /* image de la liste des documents dans admin */
.condImg {
  border-radius:8px;
  display:flex;
  width:5rem!;

}
 /* formatage du bloc reference dans stock */
.formRef {
 
  display:flex;
  flex-direction:row;
  align-items:center;
}

  /* page commande espacement du texte */
.lineh {
   line-height:8px;
}

 /* bt de retour dans les formulaires */
.btnBackMod {
  background-color: #AD5359!important ;
}
 /* bt d'enregistrement dans les formulaires */
.btnBackEnr {
  background-color:peru!important ;
}


 
}