body,
    html {
        height: 100%;
        margin: 0;
    }

    body {
        /* background: url(../img/bg.jpg) no-repeat center center fixed; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    @-webkit-keyframes flash {
        0% {
            opacity: 1;
        }

        50% {
            opacity: .1;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes flash {
        0% {
            opacity: 1;
        }

        50% {
            opacity: .1;
        }

        100% {
            opacity: 1;
        }
    }

    .flashit {

        -webkit-animation: flash linear 1s infinite;
        animation: flash linear 1s infinite;
    }

    a {
        font-weight: bold;
        color: black;
    }

    .ha h3 {
        color: #f30d02;
        font-weight: bold;
        border-bottom: 1px solid #10579e;
        padding-bottom: 7px;
        display: inline-block;
    }

    .right a {
        color: #F44336;
    }

    h2 {
        font-size: 30px !important;
        font-weight: bold;
        padding-bottom: 7px;
        color: #0077f6 !important;
        border-bottom: 2px solid;
        display: inline-block;
    }

    .p {
        position: absolute;
        bottom: 0;
    }



    /* Arrière-plan général */
    body {
        background-color: #f8f9fa;
        font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
        color: #333;
    }

    /* En-tête */
    header {
        background: linear-gradient(90deg, #007bff, #0056b3);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        color: white;
        padding: 60px 0;


    }

    header h1 {
        font-size: 3rem;
        font-weight: 700;
    }

    header p {
        font-size: 1.25rem;
        margin-top: 10px;
    }

    /* Logo */
    .bg .text-center img {
        margin-top: 30px;
        border-radius: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    /* Sections */
    section h2 {
        font-size: 2rem;
        margin-bottom: 20px;
        color: #0056b3;
    }

    section ul {
        list-style: none;
        padding-left: 0;
    }

    section ul li {
        padding: 8px 0;
        font-size: 2.1rem;
        position: relative;
        padding-left: 25px;
    }

    section ul li::before {
        content: "✔";
        position: absolute;
        left: 0;
        color: #28a745;
    }

    /* Contact section */
    section.container p {
        font-size: 2.4rem;
        margin-bottom: 10px;
    }

    /* Liens */
    a {
        color: #007bff;
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    /* Footer */
    footer {
        background: linear-gradient(90deg, #007bff, #0056b3);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        color: white;
        padding: 20px 0;
        font-size: 2rem;
        margin-top: 30px;
    }

    @media (max-width: 420px) {
        .p {
            font-size: 10px;
            /* position: relative; */
            bottom: 113px;
            left: 15%;
        }

        h2 {
            font-size: 23px !important;

        }

        section ul li {
            padding: 8px 0;
            font-size: 1.7rem;
            position: relative;
            padding-left: 25px;
        }

        section.container p {
            font-size: 1.7rem;
            margin-bottom: 10px;
        }

        footer {
            font-size: 1.5rem;
        }

        body {
            background-position: 58%;
        }


    }