/* Général */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: white;
    color: black;
}

.container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.container-body {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 20px;
}

.containerMain {
    display: grid;
    grid-template-rows: auto 1fr auto; /* Header, contenu principal, footer */
    min-height: 100vh; /* La hauteur totale de la fenêtre */
}


.noMarginPadding {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

p {
    margin:0;
    padding:0;
}

a {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    border-radius: 0.3rem;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin: 0 5px;
    text-decoration: none;
    color: var(--color-btn-text--transparent--dark);
    background-color: var(--color-btn-bg--transparent--dark);
    border-color: var(--color-btn-border--transparent--dark);
}
    a:hover {
        color: var(--color-btn-text--transparent-hover--dark);
        background-color: var(--color-btn-bg--transparent-hover--dark);
        border-color: var(--color-btn-border--transparent-hover--dark);
    }

.btn-big p{
    font-size:1.5rem;
}