/* --- MODIFICATIONS LAURENT : PHOCA GALLERY HORIZONTAL --- */
.phocagallery-view-category, 
.pg-category-view,
.pg-photoswipe {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 15px !important;
    width: 100% !important;
    padding-bottom: 20px !important;
}

.pg-item-box {
    flex: 0 0 220px !important;
    width: 220px !important;
    display: inline-block !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
}

.pg-item-box-image img.pg-image {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
}

.pg-item-box figcaption {
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin-top: 8px !important;
    white-space: normal !important;
}


/* --- MODIFICATIONS LAURENT : UNIFICATION VISUELLE METISMENU --- */
@media (min-width: 992px) {
    /* Aligne le texte et la flèche sur la même ligne et crée un bloc parent réactif */
    .metismenu-item.parent {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
    }

    /* Force le sous-menu à s'afficher en dessous de manière absolue pour ne pas décaler le reste du site */
    .metismenu-item.parent > ul.mm-collapse {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        z-index: 1000 !important;
        min-width: 250px !important;
        background: #ffffff !important; /* Ajustez la couleur du fond de votre menu si nécessaire */
        box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
        margin: 0 !important;
        padding: 10px 0 !important;
        list-style: none !important;
    }

    /* Rend le sous-menu visible lors du survol CSS de secours */
    .metismenu-item.parent:hover > ul.mm-collapse {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* --- MODIFICATIONS LAURENT : LIGNES DE SÉPARATION DANS LE SOUS-MENU --- */
.metismenu-item.parent ul.mm-collapse li.level-2 {
    border-bottom: 1px solid #e5e7eb !important; /* Crée une fine ligne gris clair */
}

/* Optionnel : Supprime la ligne pour le tout dernier élément de la liste pour faire plus propre */
.metismenu-item.parent ul.mm-collapse li.level-2:last-child {
    border-bottom: none !important;
}

/* Optionnel : Ajoute un petit espace pour que le texte ne colle pas à la ligne */
.metismenu-item.parent ul.mm-collapse li.level-2 a {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  display: block !important;
  font-size: 0.8rem !important;
  line-height: 0.8 !important;
}
.metismenu.mod-menu .metismenu-item {
  font-size: small !important;
}


/************ 
* FORMULAIRE LAURENT
*************/

table.tableauPanier td{
border: 1px solid #293707;
padding:5px;
}
table.tableauPanier{
border-spacing: 0; 
border-collapse: collapse; 
text-align:center;
width:auto;
border:1px solid black;
padding:5px;
}
table.tableauPanier tr:first-child  td{
background-color: #5E7623;
color: #D8F09B;
font-size : 15px;
}

table.tableauPanier tr:nth-child(2n+3) {
    background: rgba(0,0,0,0.15);
}

table.tableauPanier a{
text-decoration: none;
color: #5E7623;
}
table.tableauPanier a:hover,table.tableauPanier a:focus {
color: #005580;
text-decoration: underline;	
}
.PrixBadeaux{
color: #800000;
}

form.message input{
	height : 25px;
	width : 250px;
}

label.Lab100{
	width : 130px;
	font-size : 15px;
	display : inline-block;
	text-align : right;
	vertical-align : top;
	padding : 2px 20px 10px 0px;
	font-weight:bold;
}
td.contact{
/*color : #3F3C94;
background-color : FFF0FF;*/ 
width : 100%;
text-align : left ;
vertical-align : top ;
padding : 45px;
}
.obligatoire {
color : #FF0000; 
margin-left:-15px;
}
table.etapes{
color: #D8F09B;
width: 60%; 
height: 40px;
padding: 0;
text-align: center;
border-collapse: separate;
border-spacing: 8px 0px;
}
td.etapes-ok{
background-color: #5E7623; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 0;
}
td.etapes{
background-color: #C02800;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 0;
}