@font-face {
  font-family: 'Dark-elf';
  src: url('https://iluvilissi.fr/wp-content/uploads/2022/12/Dark-elf.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

    .fwb-accordion {
        cursor: url('https://iluvilissi.fr/wp-content/uploads/2025/06/pointeur.png') 10 2, pointer;
    }

    .fwb-accordion summary {
        font-family: 'Dark-elf', sans-serif;
	    font-size: 36px;
	    text-align: center;
        color: #A52000;
	    font-weight : bold;
        margin-top: 10px;
    }
    .fwb-accordion h3 {
        font-family: 'Dark-elf', sans-serif;
        color: #160203;
		font-size: 30px;
		text-align: center;
        font-weight : bold;
        margin-top: 20px;
    }
    .fwb-accordion li strong {
        font-family: 'Dark-elf', sans-serif;
	    font-size: 30px;
	    margin-top: 20px;
	    text-align: center;
     }
    .fwb-accordion img {
        max-width: 100%;
        height: auto;
        margin: 5px 0;
    }
    .fwb-accordion details {
        margin-bottom: 10px;
    }
    .fwb-personnalites-grid {
    		text-align: center;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 10px;
            align-items: stretch;
    }
    
    .fwb-personnalite strong,
    .fwb-personnalite em  {
        font-family: 'Dark-elf', sans-serif;
        text-align: center;
        color: #A52000;
        margin-bottom: 3px;
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 8px;
        background-color: #D9D8BD;
        font-size: 30px;
    }
    
    .fwb-personnalite {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border: 1px solid #ccc;
        padding: 15px;
        border-radius: 8px;
        height: 100%;
        min-height: 250px; /* Ajuste la hauteur minimale selon besoin */
        box-sizing: border-box;
    }
    
    .fwb-personnalite h3 {
        margin: 0 0 10px;
        font-size: 18px;
        font-weight: bold;
    }

    .fwb-personnalite p {
        margin: 0;
        line-height: 1.5;
        flex-grow: 1;
    }
    
    .fwb-categorie {
        margin-top: 10px;
        padding: 8px;
        background-color: #D9D8BD;
    }

    .fwb-categorie summary {
        cursor: pointer;
        list-style: none;
    }

    .fwb-categorie summary h3 {
        display: inline-block;
        margin: 0;
    }
    
     .fwb-categorie-content { 
        margin-bottom: 1em; 
        font-style: italic; 
        text-align: center; 
     }
     
     .sortable li {
    cursor: move;
    background: #f1f1f1;
    margin: 5px 0;
    padding: 8px 12px;
    border: 1px solid #ccc;
    }
    
    .ui-state-highlight {
    height: 2em;
    line-height: 1.2em;
    background: #e0e0e0;
    border: 2px dashed #bbb;
    }