/****************************************/
/* On désactive la barre de Recherche   */
/****************************************/

.div-product-recherche-normal {
    display: none;  
  }

.div-product-recherche {
    display: none;  
  }

/****************************************/
/* AFFICHAGE DE LA BARRE NOM DU PRODUIT */
/****************************************/

.barre-nom-produit {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
}

.produit-nom-court{
    text-decoration: none;
    font-size: 16px;
    font-weight: bold; /* Descriptif court en gras */
    color:white;
    cursor: default;
}

.produit-nom-court:hover{
    text-decoration: none;
    color: white;
}

.produit-nom-long {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal; /* descriptif court en police normale */
    font-style: italic; /* et Italic */
    color:rgb(180, 169, 169);
    cursor: default;
}

.produit-nom-long:hover {
    text-decoration: none;
    color:rgb(180, 169, 169);;
}

.zone-detail-back {
    width: 50px;
    text-align: center;
}

.bt-return-produits {
    text-decoration: none;
    color:white;
    cursor: pointer;
}


/* Fin Affichage barre nom du produit */

.produit-zone-infos-generales {
    text-align: center;
}


/* Zone de l'image et la liste des mini images */
.image-produit-principale {
    width:280px;
    min-height: 280px;
    margin-left: 10px;
    margin-right: 20px;
    margin-top: 20px;
    /*margin-bottom: 100px;*/
    /*margin-bottom: 125px;*/
    display: inline-block;
    vertical-align: top;

}

/* affichage image principale du produit */

.img-principale {
    width: 250px;  
    cursor: zoom-in; /* Curseur qui montre qu'on peut zoomer sur l'image */
}

.zone-mini-preview {
    padding-top: 30px;
    padding-bottom: 20px;
}

/* les petites images qui apparaissent sous l'image principale du produit */
.mini_img_preview {
    max-width: 55px;
    max-height: 55px;
    cursor: pointer;
    margin-left: 10px; /* Ecart entre les mini-images */
    margin-top: 10px; /* Espacement avec la ligne du dessus */
   
}

.mini_img_preview img:hover {
    cursor: pointer;
}


/* Zone d'infos du produit */
.infos-produit {
    max-width: 300px;
    text-align: left;
    margin-left: 10px;
    margin-top: 40px;
    margin-right: 10px;
    margin-bottom: 25px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    
}

.bt-evolprix {
    width: 150px;
    margin-top: 10px;
    margin-bottom: 20px;    
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    text-align: center; 
    /*vertical-align: middle;*/            
    background-color: #1d1c1c;    
    color: #fff;                 
    text-decoration: none;        
    border: 1px solid #0a0a0a;
    border-radius: 4px;
    box-shadow: 2px 2px #cccccc;
}

.bt-evolprix a {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
}

.bt-evolprix :hover {
    color: #ff0000;
    border-color: #ff0000;
}



/*******************/
/* Zone Panier     */
/*******************/
.zone-panier-produit {
    background-color: rgb(210, 234, 238);
    width:300px;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 25px;
    display: inline-block;
    border-radius: 10px;
    border-spacing: 0;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    cursor: default;
    
}

.prix-vente-produit {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: blue;

}

.block-panier {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    display: block;
    width: auto;
    border: 1px solid rgb(118, 132, 180);
    border-spacing: 0;
    border-radius: 10px;
    text-align: center;
}

.block-qte-panier {
    margin-top: 20px;
    font-weight: normal;
    font-style: italic;
}

.text-qte {
    text-decoration: none;
    font-size: 18px;
    font-weight: normal; 
    font-style: italic;
    font-family: sans-serif;
    color: black;
}

.text-qte:hover {
    text-decoration: none;
    color: black;
}

.qte-select {
    margin-left: 20px;
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    font-family: sans-serif; 
    font-style: italic;
    cursor: pointer;
}

.qte-select option {
    font-size: 12px;
    font-weight: normal; 
    font-family: sans-serif;
    cursor: default;
}

.block-ajouter-panier {   
    text-align: center;    
}

.bt-ajouter-panier {
    width:210px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 50px;
    border-radius: 10px;
    background-color: #f38507;
    font-size: 20px;
    font-style: italic;
    cursor: pointer;
    


}

.etat-stock {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 25px;
    cursor: default;
}

.qte-dispo {
    text-decoration: none;
    color:rgb(7, 199, 33);
}

.qte-dispo:hover { /* Pour contrer Bootstrap */
    text-decoration: none;
    color:rgb(7, 199, 33);
}

.qte-rupture {
    text-decoration: none;
    color: red;
}

.qte-rupture:hover { /* Pour contrer Bootstrap */
    text-decoration: none;
    color: red;
}
/*******************/
/* Fin zone panier */
/*******************/
.points-principaux {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    text-align: center;
    font-style: italic;


}

.zone-descriptif-produit {
    font-size: 16px;
}

.zone-entete-descriptif-produit{
    width: 100%;
}

.entete-descriptif-produit {
    text-align: center;
    font-weight: bold;
    color: white; /* Couleur du texte "Descriptif produit" */
}

.zone-bt-pdf-produit {
    text-align: right;
    width: 40px;
}

.bt-pdf-produit {
    cursor: pointer;
}

.zone-descriptif {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-spacing: 0;
    border: 1px solid black;  
}

.info-produit-menu {
    background-color: aquamarine;
}

.zone-descriptif td{
    border-top: 1px solid rgb(166, 160, 160);
    padding-left: 10px;
    padding-right: 10px;
}

.separateur-10 {
    width: 10px;
    background-color: red;
}

/* Quang la modal est en plein écran, elle est réduite de 2.5% on top et bottom */
/*Centers the modal*/
.modal-dialog {
    margin: 2.5vh auto;
  }
  
  /*Sets the maximum height of the entire modal to 95% of the screen height et 35px à droite et gauche*/
  .modal-content {
    max-height: 95vh;
    margin-left: 35px;
    margin-right: 35px;
  }