/*--------------------------------------------------
 # Reset CSS
--------------------------------------------------*/

/*--------------------------------------------------
 # Box Model
--------------------------------------------------*/

/* Box sizing rules */
*, *::before, *::after {
    box-sizing: border-box;
}

/*--------------------------------------------------
 # Reset Defaults
--------------------------------------------------*/

/* Remove default margin and padding */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, dl, dd {
    margin: 0;
    padding: 0;
}

/* Remove list styles on ul, ol elements */
ul, ol {
    list-style: none;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    overflow-x: hidden;
    scroll-behavior: smooth;
    background-color: #ffffff;
}

/* A elements that don't have a class get default styles */

/* Make images easier to work with */
img, picture, svg {
    max-width: 100%;
    display: block;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Container style */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

/* Ajustement du conteneur du header pour du00e9caler le logo vers la gauche */
header .container {
    padding-left: 5px;
}

/* Du00e9calage plus important du logo */
.logo {
    margin-left: -25px;
}

/* Standard section padding */
section {
    padding: 80px 0;
}

/* Section title styles */

.visible {
    display: block !important;
}

.full-width {
    width: 100% !important;
}

.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mr-0 { margin-right: 0 !important; }

.mt-1 { margin-top: var(--spacing-xs) !important; }
.mb-1 { margin-bottom: var(--spacing-xs) !important; }
.ml-1 { margin-left: var(--spacing-xs) !important; }
.mr-1 { margin-right: var(--spacing-xs) !important; }

.mt-2 { margin-top: var(--spacing-sm) !important; }
.mb-2 { margin-bottom: var(--spacing-sm) !important; }
.ml-2 { margin-left: var(--spacing-sm) !important; }
.mr-2 { margin-right: var(--spacing-sm) !important; }

.mt-3 { margin-top: var(--spacing-md) !important; }
.mb-3 { margin-bottom: var(--spacing-md) !important; }
.ml-3 { margin-left: var(--spacing-md) !important; }
.mr-3 { margin-right: var(--spacing-md) !important; }

.mt-4 { margin-top: var(--spacing-lg) !important; }
.mb-4 { margin-bottom: var(--spacing-lg) !important; }
.ml-4 { margin-left: var(--spacing-lg) !important; }
.mr-4 { margin-right: var(--spacing-lg) !important; }

.mt-5 { margin-top: var(--spacing-xl) !important; }
.mb-5 { margin-bottom: var(--spacing-xl) !important; }
.ml-5 { margin-left: var(--spacing-xl) !important; }
.mr-5 { margin-right: var(--spacing-xl) !important; }