/* COULEURS ancienne primaire #9641D7 ancienne secondaire #AB53CC 0%, #4B3691 50%, #000752 100%), #000752 */
/* COULEUR rose :#D60B52 - violet #312783- gris clair: #F9F4F9 */
:root {
    --color-primary:  #F9F4F9;
    /*--color-secondary: radial-gradient(150% 125% at 10% 20%, #D60B52 0%, #D60B52    50%, #312783  100%), #312783; */
    --color-secondary: #312783;
    --color-texte: #312783;
    --color-flashy: #D60B52;
    --bg-secondary: url("/data/header/Bandeau1.png")
}



/* IMPORT de nos POLICES préférées*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Sora:wght@400;600;700&display=swap');

/* Corps de texte */
body {
    font-family: 'Barlow', sans-serif !important;
    color: var(--color-texte) !important;
}

/* le menu smartphone */
#header #menu ul {
    background: var(--color-primary) !important;
}

/* les icones submission */
.etapes .etape-item.active {
    font-weight: 700;
    color: var(--color-flashy) !important;
}

.etapes .etape-item {
    color: var(--color-flashy);
}

.etapes .etape-item .etape-number {    
    color: var(--color-flashy) !important;
   border: 1px solid var(--color-flashy) !important;
}

.etapes .etape-item.active .etape-number {
    background-color: var(--color-flashy) !important;
    border-color: var(--color-flashy) !important;
    color: #fff !important;
}

.btn-primary {
    background: var(--color-flashy) !important;
    border-color: var(--color-flashy) !important;
}

button, .btn, .elem_end > input[type=submit], 
#submit-element > input[type=submit], 
.save_button, .btn-primary {
    background: var(--color-flashy) !important;
    border-color: var(--color-flashy) !important;
    color: var(--color-primary) !important;
}

#header a {
  color: var(--color-texte) !important;
}

.dropdown-menu {
  background-color: var(--color-primary) !important;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Sora', sans-serif !important;
    font-size: x-large !important;
}

/* Backgrounds */
header#header {
    background-color: var(--color-primary);
}
header#header #hero-banner {
    background: var(--bg-secondary);
background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#page ul {list-style: disc inside;}


/* gestion des tableaux comité */
.committee {
    max-width: 900px;
    margin: auto;
}

.memberCO {
    display: flex;
    justify-content: space-between; /* clé */
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.memberCS {
    display: grid;
    grid-template-columns: 2fr 3fr 1fr;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    align-items: start;
}

.name {
    text-align: left;
}

.affiliation {
    text-align: left;
}

.country {
    text-align: right;
    justify-self: end;
    white-space: nowrap;
}