html body main article div p span img {
  width: 80px;
}

/* === Taille du bandeau, élargissement... === */

#hero-banner {
    height: 300px;      /* hauteur souhaitée */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.logo_img {
    max-height: 100%;
    width: 1400px;
    object-fit: contain;
}

#hero-banner{
    background-color: #FFFCCC!important;
}


/* === FORÇAGE GLOBAL HEADER / BANDEAU SCIENCESCONF === */

/* Conteneur parent du menu (très souvent là que le bleu vit) */
header,
.header,
.topbar,
#header,
#topbar {
    background: #CCCC99 !important;
    background-color: #CCCC99! important;
    box-shadow: none !important;
}

/* Sécurise aussi le nav */
nav[role="navigation"] {
    background: #CCCC99 !important;
}

/* Si le bleu est un overlay (très fréquent Sciencesconf) */
header::before,
header::after,
.topbar::before,
.topbar::after {
    background: transparent !important;
    content: none !important;
}

/* Cas où Sciencesconf met un fond sur un wrapper global */
body > div:first-child,
.container-fluid:first-child {
    background: #CCCC99 !important;
}



/* === Remonter le bandeau gobal === */

header,
.header,
.topbar {
    margin-bottom: 0 !important;
    padding-bottom: 1 !important;
}

nav[role="navigation"] {
    margin-top: 0 !important;
    position: relative;
    top: -15px; /* ajuste -3px à -10px selon rendu */
}


/* Tous les boutons Sciencesconf - arrêter le thème bleu original */
.btn,
.btn-primary,
.btn-default {
    background-color: #999999!important;
    border-color: #999999!important;
    color: white!important;
}

/* Hover */
.btn:hover,
.btn-primary:hover,
.btn-default:hover {
    background-color: #FFFFFF!important;
    border-color: #999999!important;
}

/* Boutons spécifiques type "Étape suivante" */
input[type="submit"],
button {
    background-color: #999999!important;
    border: none !important;
    color: white!important;
}


/* === DESIGN === */


/* === FOND GLOBAL === */
body {
    background-color: #FFFCCC!important;
}

/* Conteneurs principaux */
.container,
.container-fluid,
#page,
#content {
    background-color: #FFFCCC !important;
}

/* Page active dans le menu */
nav[role="navigation"] ul li.active a {
    font-weight: 900 !important;
    text-decoration: underline;
color: #2E2E2E!important;
}
/* === taille boutons menu === */
nav[role="navigation"] ul li a {
    font-size: 18px !important;  
    font-weight: 700;
color: #2E2E2E!important;
}



/* === DESIGN SPECIFIQUE A LA PAGE SOUMISSION RESUME === */

/* Ronds des étapes */
.etape-number {
    background-color: white !important;
    color: #black!important;
    border: 2px solid black!important;
    border-radius: 50% !important;
}

/* Étape active */
.current .etape-number,
.active .etape-number {
    background-color: white!important;
    color: black!important;
}
/* Étape active  - couleur des écritures */
.etapes .etape-item:not(.active) .etape-number {
    background-color: #ccc; /* couleur du rond */
    color: #333;            /* couleur du chiffre */
}
.etapes .etape-item.active {
    color: #333 !important;
}

/* Couleur des écritures des étapes non actives */
.etapes .etape-item.active .etape-number {
background-color: white!important;
    color: #white!important;
}

/* Étape validée */
.done .etape-number,
.completed .etape-number {
    background-color: #66bb6a !important;
    color: white!important;
}

/* changement de couleur des astérisques  */
.is-required {
    color: #333 !important;
}



/* === changement de couleur encadré inscription à la conférence ("pas encore ouvert...")  === */

article.widget > div {
  background-color: #cfe8ff !important;
}