.elementor-332 .elementor-element.elementor-element-8060289{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-8060289:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-8060289 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9057052 );}@media(max-width:767px){.elementor-332 .elementor-element.elementor-element-8060289{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-1b70303 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-332 .elementor-element.elementor-element-a70478d > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-8410d40 *//* --- GESTION DE LA GRILLE 3 COLONNES --- */
#sarlat-jobs-list {
    display: grid;
    /* Force 3 colonnes égales. minmax(0, 1fr) assure que la colonne ne rétrécisse pas au-delà du contenu */
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; /* Espace entre les vignettes plus large pour une meilleure séparation */
    padding: 20px 0;
}

/* --- VIGNETTE : Style de base --- */
.job-vignette {
    /* Suppression du flex: 1 1 300px pour laisser la grille gérer la taille */
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex; /* Utilisation de flex pour pousser le bouton en bas si les contenus ont des hauteurs différentes */
    flex-direction: column;
}

.job-vignette:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
}

/* --- TITRE et METIER --- */
.job-vignette .job-title {
    color: #004a99;
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #004a99;
    padding-bottom: 5px;
}

.job-vignette p {
    margin: 5px 0;
    line-height: 1.4;
}

.job-vignette strong {
    font-weight: 600;
    color: #333;
}

/* --- META-INFORMATIONS (ID et Date) --- */
.job-vignette .job-meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.85em;
    color: #666;
    margin: 10px 0 15px 0;
    padding-top: 10px;
    border-top: 1px dashed #eee;
    font-style: italic;
}

.job-vignette .job-id {
    font-weight: bold;
    color: #004a99;
}

.job-vignette .job-pub-date {
    color: #666;
}

.job-vignette .job-type-line {
    font-size: 0.9em;
    margin-bottom: 15px !important;
}


/* --- BOUTON ROUGE (Correction de l'écriture blanche) --- */
.job-vignette .job-link {
    /* Ceci garantit que le bouton est toujours en bas de la vignette */
    margin-top: auto; 
    
    display: block; /* Changé de inline-block à block pour prendre toute la largeur */
    width: 100%; /* Le bouton prend toute la largeur de la vignette */
    
    /* Couleurs demandées */
    background-color: #9D0A2B !important; /* Ajout de !important pour forcer la couleur de fond (spécificité) */
    color: white !important; /* Ajout de !important pour forcer la couleur du texte (spécificité) */
    
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s;
    box-sizing: border-box; /* S'assurer que le padding est inclus dans la largeur */
}

.job-vignette .job-link:hover {
    background-color: #7d0822 !important; /* Forcer la couleur au survol */
}

/* --- RESPONSIVITÉ (TRÈS IMPORTANT POUR LES GRILLES) --- */
@media (max-width: 992px) {
    /* Sur les tablettes, on passe à 2 colonnes */
    #sarlat-jobs-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 600px) {
    /* Sur les téléphones, on passe à 1 colonne pleine largeur */
    #sarlat-jobs-list {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8060289 */.elementor-332 .elementor-element.elementor-element-8060289 ul{list-style-type: none;
}

.elementor-332 .elementor-element.elementor-element-8060289 ul li{padding : 20px;
border-radius : 10px;
background: #F1F6F9;
    margin : 10px 0px;
}

.elementor-332 .elementor-element.elementor-element-8060289 a{font-size : 1.2rem;
font-weight: 700;
color : #9D0A2A;}/* End custom CSS */