.elementor-262 .elementor-element.elementor-element-a107f17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-262 .elementor-element.elementor-element-5cc5b60{--display:flex;--padding-top:20px;--padding-bottom:40px;--padding-left:60px;--padding-right:60px;}.elementor-262 .elementor-element.elementor-element-5cc5b60:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-5cc5b60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8997eb0 );}.elementor-262 .elementor-element.elementor-element-41c89d6{--display:flex;--min-height:500px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-41c89d6:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-41c89d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.styyle.ch/wp-content/uploads/2026/02/legals-hero.webp");background-size:cover;}.elementor-262 .elementor-element.elementor-element-3a81d34{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:30px;--padding-left:60px;--padding-right:60px;}.elementor-262 .elementor-element.elementor-element-3a81d34:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-3a81d34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2fad004 );}.elementor-262 .elementor-element.elementor-element-f14ca03{font-family:var( --e-global-typography-2ce176f-font-family ), Sans-serif;font-size:var( --e-global-typography-2ce176f-font-size );font-weight:var( --e-global-typography-2ce176f-font-weight );color:var( --e-global-color-8997eb0 );}.elementor-262 .elementor-element.elementor-element-6da9dba{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-8472a47 );}.elementor-262 .elementor-element.elementor-element-3094071{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-262 .elementor-element.elementor-element-3094071:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-3094071 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3832c73 );}.elementor-262 .elementor-element.elementor-element-d14e31e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-a6e7abf{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-262 .elementor-element.elementor-element-2391c34 .elementor-heading-title{color:var( --e-global-color-8472a47 );}.elementor-262 .elementor-element.elementor-element-56d1eca{color:var( --e-global-color-8472a47 );}.elementor-262 .elementor-element.elementor-element-82a40eb{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-262 .elementor-element.elementor-element-82a40eb:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-82a40eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8472a47 );}.elementor-262 .elementor-element.elementor-element-18b3cbf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-229e3ca{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-262 .elementor-element.elementor-element-5cc5b60{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-41c89d6{--min-height:400px;}.elementor-262 .elementor-element.elementor-element-3a81d34{--padding-top:50px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-262 .elementor-element.elementor-element-f14ca03{font-size:var( --e-global-typography-2ce176f-font-size );}.elementor-262 .elementor-element.elementor-element-6da9dba{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-262 .elementor-element.elementor-element-3094071{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-d14e31e{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-82a40eb{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-18b3cbf{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-262 .elementor-element.elementor-element-5cc5b60{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-41c89d6{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-3a81d34{--width:100%;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-f14ca03{font-size:var( --e-global-typography-2ce176f-font-size );}.elementor-262 .elementor-element.elementor-element-6da9dba{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-262 .elementor-element.elementor-element-3094071{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-d14e31e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-82a40eb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-18b3cbf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-262 .elementor-element.elementor-element-3a81d34{--width:55%;}.elementor-262 .elementor-element.elementor-element-a6e7abf{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-262 .elementor-element.elementor-element-3a81d34{--width:70%;}.elementor-262 .elementor-element.elementor-element-a6e7abf{--width:100%;}.elementor-262 .elementor-element.elementor-element-229e3ca{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-54c6534 *//*
   0. Styles généraux du tableau
*/

/* Bordures horizontales seulement — 1px */
table {
    border-collapse: collapse;
}

table tr {
    border-bottom: 1px solid #d4e4a1 !important;
}

/* Supprime les bordures verticales */
table td,
table th {
    border: none !important;
}

/* Neutralise tous les zebra stripes (y compris ceux d'Elementor / thèmes) */
table tr:nth-child(even) td,
table tr:nth-child(odd) td {
    background-color: transparent !important;
}


/* Texte des données */
table td {
    font-family: "Work Sans", sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.9em !important;
    color: #00a66d !important;
}


/*
   1. Ligne d’en-tête
*/

table tr:first-child th {
    background-color: #9883ba !important;
    color: #ffffff !important;

    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.9em !important;

    padding: 8px 6px;
}


/*
   2. Renommer "Numéro de Fiche" → "N°"
*/

/* Cache le texte d'origine */
table tr th:nth-child(1) {
    font-size: 0 !important;
}

/* Remplace par "N°" */
table tr th:nth-child(1)::after {
    content: "N°";
    font-size: 0.9em !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}


/*
   3. Masquer les colonnes Date (6) & End Date (7)
*/

table tr th:nth-child(6),
table tr td:nth-child(6),
table tr th:nth-child(7),
table tr td:nth-child(7) {
    display: none !important;
}


/*
   4. Curseur en forme de main sur les images
*/

table img {
    cursor: pointer !important;
}









/* 
   1. Assombrir le site derrière la modale
*/
.modal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8) !important; 
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 
   2. Style du contenu de la modale
*/
.modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    border: none !important;       /* supprime toute bordure */
    box-shadow: none !important;   /* supprime toute ombre */
    background: transparent !important; /* assure fond transparent */
}

.modal-content img {
    width: 100%;
    height: auto;
    display: block;
    border: none !important;   
    outline: none !important;  
}

/* 
   3. Style de la croix de fermeture
 */
.modal-content .close {
    position: absolute;
    top: -20px;
    right: -20px;
    background-color: #ffffff;
    color: #00a66d;
    font-size: 24px;
    font-weight: bold;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.modal-content .close:hover {
    background-color: #f0f0f0;
    color: #007f50;
}/* End custom CSS */