.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;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-262 .elementor-element.elementor-element-c28be0e{--display:flex;--border-radius:20px 20px 0px 0px;}.elementor-262 .elementor-element.elementor-element-c28be0e:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-c28be0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8472a47 );}.elementor-262 .elementor-element.elementor-element-8a35ef2{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-262 .elementor-element.elementor-element-8a35ef2:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-8a35ef2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8472a47 );background-image:url("https://styyle.ch/wp-content/uploads/sites/17/2026/05/findbike-header.webp");background-position:center center;background-size:cover;}.elementor-262 .elementor-element.elementor-element-802f1e7{--display:flex;--min-height:600px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-567e554{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:30px;--padding-left:60px;--padding-right:60px;}.elementor-262 .elementor-element.elementor-element-567e554.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-262 .elementor-element.elementor-element-5c512d1{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 );line-height:var( --e-global-typography-2ce176f-line-height );text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-primary );}.elementor-262 .elementor-element.elementor-element-230fd34{text-align:start;}.elementor-262 .elementor-element.elementor-element-230fd34 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-262 .elementor-element.elementor-element-f82b610{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-262 .elementor-element.elementor-element-f82b610:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-f82b610 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8472a47 );}.elementor-262 .elementor-element.elementor-element-f3afa73{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-4d6aa56{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-262 .elementor-element.elementor-element-a9d64cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 40px 5px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-c6fab36 );border-radius:20px 20px 20px 20px;}.elementor-262 .elementor-element.elementor-element-a9d64cb.elementor-element{--align-self:stretch;}.elementor-262 .elementor-element.elementor-element-a9d64cb .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:11px;}.elementor-262 .elementor-element.elementor-element-a9d64cb .elementor-icon-box-title{margin-block-end:25px;}.elementor-262 .elementor-element.elementor-element-a9d64cb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-c6fab36 );}.elementor-262 .elementor-element.elementor-element-a9d64cb.elementor-view-framed .elementor-icon, .elementor-262 .elementor-element.elementor-element-a9d64cb.elementor-view-default .elementor-icon{fill:var( --e-global-color-c6fab36 );color:var( --e-global-color-c6fab36 );border-color:var( --e-global-color-c6fab36 );}.elementor-262 .elementor-element.elementor-element-a9d64cb .elementor-icon{font-size:42px;}.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 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-262 .elementor-element.elementor-element-8a35ef2{--border-radius:20px 20px 20px 20px;}.elementor-262 .elementor-element.elementor-element-802f1e7{--min-height:500px;}.elementor-262 .elementor-element.elementor-element-567e554{--padding-top:50px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-262 .elementor-element.elementor-element-5c512d1{font-size:var( --e-global-typography-2ce176f-font-size );line-height:var( --e-global-typography-2ce176f-line-height );}.elementor-262 .elementor-element.elementor-element-230fd34 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-262 .elementor-element.elementor-element-f82b610{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-262 .elementor-element.elementor-element-f3afa73{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-82a40eb{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-262 .elementor-element.elementor-element-8a35ef2:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-8a35ef2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-262 .elementor-element.elementor-element-802f1e7{--min-height:300px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-567e554{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-5c512d1{font-size:var( --e-global-typography-2ce176f-font-size );line-height:var( --e-global-typography-2ce176f-line-height );}.elementor-262 .elementor-element.elementor-element-230fd34 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-262 .elementor-element.elementor-element-f82b610{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-f3afa73{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-a9d64cb{padding:0px 15px 5px 15px;}.elementor-262 .elementor-element.elementor-element-82a40eb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-262 .elementor-element.elementor-element-567e554{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-262 .elementor-element.elementor-element-567e554{--width:80%;}}/* Start custom CSS for icon-box, class: .elementor-element-a9d64cb */.elementor-icon-box-icon {
    align-self: flex-start;
    margin-top: 18px;
}


@media (max-width: 767px) {

    .elementor-icon-box-icon {
        display: none !important;
    }

    .elementor-icon-box-content {
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }

    .elementor-icon-box-wrapper {
        display: block !important;
    }
}

.elementor-icon-box-content h3 {
    margin-bottom: 0;
}

.elementor-icon-box-content p {
    margin-top: 0;
}/* End custom CSS */
/* 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 */