.elementor-12 .elementor-element.elementor-element-fe1c91e{--spacer-size:80px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-9a09ece{text-align:left;}.elementor-12 .elementor-element.elementor-element-9a09ece .elementor-heading-title{color:#FB6B00;}.elementor-12 .elementor-element.elementor-element-9466887{--spacer-size:80px;}.elementor-12 .elementor-element.elementor-element-dbc962d{text-align:left;}.elementor-12 .elementor-element.elementor-element-dbc962d .elementor-heading-title{color:#FB6B00;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-20592ad{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-d3505cc{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-6343581 *//* Conteneur principal */
.about-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* Espacement entre les éléments */
    margin-top: 50px;
}

/* Fenêtres style Windows 98 */
.win98-dialog {
    width: 300px;
    background: #c0c0c0;
    border: 3px solid #808080;
    box-shadow: 4px 4px 0px black;
    font-family: 'MS Sans Serif', sans-serif;
    font-size: 16px;
    position: relative;
    padding: 8px;
    cursor: default;
}

/* Barre de titre Windows 98 */
.win98-titlebar {
    background: navy;
    color: white;
    padding: 3px 8px;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}

/* Contenu de la fenêtre */
.win98-content {
    background: white;
    padding: 10px;
    color: black;
    border: 2px inset gray;
}

/* Boutons de fermeture */
.win98-close {
    background: silver;
    border: 2px solid gray;
    cursor: pointer;
}

/* Flèche */
.arrow {
    font-size: 30px;
    color: black;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fddf70f *//* Conteneur des stages */
.stages-container {
    display: flex;
    justify-content: center;
    gap: 20px; /* Espace entre les fenêtres */
    margin-top: 50px;
}

/* Fenêtre style Windows 98 (spécifique aux stages) */
.stage-window {
    width: 250px;
    background: #c0c0c0;
    border: 3px solid #808080;
    box-shadow: 4px 4px 0px black;
    font-family: 'MS Sans Serif', sans-serif;
    font-size: 16px;
    position: relative;
    padding: 8px;
    text-align: center;
}

/* Barre de titre des stages */
.stage-titlebar {
    background: navy;
    color: white;
    padding: 3px 8px;
    font-weight: bold;
    text-align: left;
}

/* Contenu des fenêtres de stage */
.stage-content {
    background: white;
    padding: 10px;
    color: black;
    border: 2px inset gray;
}

.stage-window:hover {
    background: #d4d0c8; /* Un gris un peu plus clair */
    box-shadow: 10px 4px 0px #404040; /* Ombre plus marquée */
    cursor: pointer;
}

.stage-window:hover {
    background: linear-gradient(90deg, #400080, #8000ff);
    background-size: 400% 400%;
    animation: moveBackground 0.5s infinite alternate;
    box-shadow: 6px 6px 0px black, 0px 0px 10px #8000ff;
    transform: translateY(-5px);
}

/* Animation du fond */
@keyframes moveBackground {
    from { background-position: 0% 50%; }
    to { background-position: 100% 50%; }
}/* End custom CSS */