:root, [data-bs-theme=light] {
    --bs-blue: #5d87ff;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ff6692;
    --bs-orange: #fd7e14;
    --bs-yellow: #F8C20A;
    --bs-green: #36c76c;
    --bs-teal: #20c997;
    --bs-cyan: #539bff;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #29343d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f6f7f9;
    --bs-gray-200: #eff4fa;
    --bs-gray-300: #dfe5ef;
    --bs-gray-400: #7c8fac;
    --bs-gray-500: #5a6a85;
    --bs-gray-600: #29343d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #C70A0A;
    --bs-secondary: #16CDC7;
    --bs-success: #36c76c;
    --bs-info: #46caeb;
    --bs-warning: #F8C20A;
    --bs-danger: #ff6692;
    --bs-light: #eff4fa;
    --bs-dark: #0a2540;
    --bs-muted: #526b7a;
    --bs-indigo: #6610f2;
    --bs-light-indigo: #ebf3fe;
    --bs-dark-light: #29343d;
    --bs-light-gray: #F4F7FB;
    --bs-purple: #6f42c1;
    --bs-cyan: #539bff;
    --bs-primary-rgb: 199, 10, 10;
    --bs-secondary-rgb: 22, 205, 199;
    --bs-success-rgb: 54, 199, 108;
    --bs-info-rgb: 70, 202, 235;
    --bs-warning-rgb: 248, 194, 10;
    --bs-danger-rgb: 255, 102, 146;
    --bs-light-rgb: 239, 244, 250;
    --bs-dark-rgb: 10, 37, 64;
    --bs-muted-rgb: 82, 107, 122;
    --bs-indigo-rgb: 102, 16, 242;
    --bs-light-indigo-rgb: 235, 243, 254;
    --bs-dark-light-rgb: 41, 52, 61;
    --bs-light-gray-rgb: 244, 247, 251;
    --bs-purple-rgb: 111, 66, 193;
    --bs-cyan-rgb: 83, 155, 255;
    --bs-primary-text-emphasis: shade-color(#C70A0A, 60%);
    --bs-secondary-text-emphasis: shade-color(#16CDC7, 60%);
    --bs-success-text-emphasis: shade-color(#36c76c, 60%);
    --bs-info-text-emphasis: shade-color(#46caeb, 60%);
    --bs-warning-text-emphasis: shade-color(#F8C20A, 60%);
    --bs-danger-text-emphasis: shade-color(#ff6692, 60%);
    --bs-light-text-emphasis: #f6f7f9;
    --bs-dark-text-emphasis: #29343d;
    --bs-primary-bg-subtle: #F5F7FB;
    --bs-secondary-bg-subtle: #A6F7F5;
    --bs-success-bg-subtle: #EBFAF0;
    --bs-info-bg-subtle: rgba(70, 202, 235, 0.2);
    --bs-warning-bg-subtle: #FFF9E5;
    --bs-danger-bg-subtle: #FFCCDB;
    --bs-light-bg-subtle: #f6f7f9;
    --bs-dark-bg-subtle: #29343d;
    --bs-primary-border-subtle: #c1bdff;
    --bs-secondary-border-subtle: #a2ebe9;
    --bs-success-border-subtle: #afe9c4;
    --bs-info-border-subtle: #b5eaf7;
    --bs-warning-border-subtle: #fce79d;
    --bs-danger-border-subtle: #ffc2d3;
    --bs-light-border-subtle: #eff4fa;
    --bs-dark-border-subtle: #5a6a85;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Manrope", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #98A4AE;
    --bs-body-color-rgb: 152, 164, 174;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(152, 164, 174, 0.75);
    --bs-secondary-color-rgb: 152, 164, 174;
    --bs-secondary-bg: #eff4fa;
    --bs-secondary-bg-rgb: 239, 244, 250;
    --bs-tertiary-color: rgba(152, 164, 174, 0.5);
    --bs-tertiary-color-rgb: 152, 164, 174;
    --bs-tertiary-bg: #f6f7f9;
    --bs-tertiary-bg-rgb: 246, 247, 249;
    --bs-heading-color: #29343d;
    --bs-link-color: #000;
    --bs-link-color-rgb: 0, 0, 0;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #C70A0A;
    --bs-link-hover-color-rgb: 199, 10, 10;
    --bs-code-color: #d63384;
    --bs-highlight-color: #98A4AE;
    --bs-highlight-bg: #fef3ce;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #e0e6eb;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0;
    --bs-border-radius-sm: 8px;
    --bs-border-radius-lg: 15px;
    --bs-border-radius-xl: 18px;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0px 1px 4px 0px rgba(133, 146, 173, 0.2);
    --bs-box-shadow-sm: 0px 2px 4px -1px rgba(175, 182, 201, 0.2);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: unset;
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(99, 91, 255, 0.25);
    --bs-form-valid-color: #36c76c;
    --bs-form-valid-border-color: #36c76c;
    --bs-form-invalid-color: #ff6692;
    --bs-form-invalid-border-color: #ff6692;
}
body {
    color: #333333;
}
.header {
    z-index: 1001;
}
.form-control, .form-select {
    background-color: #fff;
    border-radius: 0;
}
.form-floating >label {
    background-color: transparent;
}
.link-black {
    color: #000;
}
.link-black:hover {
    color: #C70A0A;
}
.link-red {
    color: #C70A0A;
}
.link-red:hover {
    color: #C70A0A;
}
.bg-dark-grey {
    background-color: #555555;
}
.bg-red {
    background-color: #C70A0A;
}
.text-gray {
    color: #7E7F81;
}
.btn-red {
    background-color: #C70A0A;
    border: solid 1px #C70A0A;
    border-radius: 0;
    color: #fff;
    padding-bottom: 0.75rem !important;
    padding-top: 0.75rem !important;
    text-transform: uppercase;
}
.btn-red:hover {
    background-color: #DF0D0D;
    border: solid 1px #C70A0A;
    color: #fff;
}
.btn-red-outline {
    background-color: transparent;
    border: solid 1px #C70A0A;
    border-radius: 0;
    color: #C70A0A;
    padding-bottom: 0.75rem !important;
    padding-top: 0.75rem !important;
    text-transform: uppercase;
}
.btn-red-outline:hover {
    background-color: transparent;
    border: solid 1px #C70A0A;
    color: #DF0D0D;
}
.btn-white {
    background-color: #fff;
    border-radius: 0;
    color: #CCCCCC;
    padding-bottom: 0.75rem !important;
    padding-top: 0.75rem !important;
    text-transform: uppercase;
}
.btn-white:hover {
    background-color: #fff;
    color: #909090;
}
.btn-next-event {
    border-bottom: none;
    border-left: solid 12px #C70A0A;
    border-right: none;
    border-top: none;
    border-radius: 0;
    max-width: 390px;
    padding: 0;
}
a.text-red, a.text-red:hover {
    color: #C70A0A;
}
a.text-success, a.text-success:hover {
    color: #37C76C;
}

.homepage {
    font-family: "Barlow Condensed", serif;
}
.homepage .navbar-brand, .member-archive .navbar-brand, .member-single .navbar-brand, .event-archive .navbar-brand, .event-single .navbar-brand {
    color: #555555;
    font-family: "Barlow Condensed", serif;
    font-size: clamp(1.8rem, 5vw, 2.8rem);
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
}
.homepage .navbar-brand span, .member-archive .navbar-brand span, .member-single .navbar-brand span {
    color: #C70A0A;
}

.brand-logo a {
    color: #555555;
    font-family: "Barlow Condensed", serif;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 0.5rem
}
.brand-logo a > span {
    line-height: 1;
    margin: 0;
}
.brand-logo a > span.logo-first {
    font-size: 1.2rem;
}
.brand-logo a > span.logo-second {
    color: #C70A0A;
    font-size: 1.4rem;
    letter-spacing: 0.05rem;
}
.member-archive .page-heading, .event-archive .page-heading {
    display: flex;
    align-items: center;
    justify-content: center;

    background: url('/assets/images/banners/banner-archive-member.webp') no-repeat center;
    background-size: cover;

    width: 100%;
    aspect-ratio: 4.8 / 1; /* Maintient le ratio 1920x400 (4.8:1) */
}
.member-archive h1, .event-archive h1 {
    color: #fff;
    font-family: "Barlow Condensed", serif;
    font-style: normal;
    font-weight: 300;
    text-shadow: 1px 2px 3px rgba(0,0,0, 0.75);
    text-transform: uppercase;
}
.member-archive h1 > span {
    color: #fff;
}
.member-archive input, .member-archive select {
    border-radius: 0;
}
.member-archive input {
    border-left: none;
    padding-left: 0;
}
.member-archive .input-group-text {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #e0e6eb;
    border-right: none;
    border-radius: 0;
}
.member-page {
    min-height: 800px;
}
.member-page h1 {
    font-family: "Barlow Condensed", serif;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
}
.member-page .punchline {
    color: #C70A0A;
    font-size: 1.25rem;
    font-weight: 400;
}
.member-page .description {
    color: #000;
    font-size: 1.1rem;
    font-weight: 300;
}
.member-page .address {
    color: #000;
    font-family: "Barlow Condensed", serif;
    font-size: 1.4rem;
    font-weight: 400;
}
.event-card .card-title {
    color: #C70E0E;
    font-family: "Barlow Condensed", serif;
    font-size: 1.75rem;
    font-weight: 300;
}
.event-card .card-event-dates {
    font-size: 1.25rem;
    font-weight: 300;
}
#navbarSupportedContent > ul > li > a {
    border-radius: 0;
    color: #555555;
    font-family: "Barlow Condensed", serif;
    font-size: 1.2rem;
    padding: 0.35rem 0;
}
#navbarSupportedContent > ul > li > a:hover {
    color: #C70A0A;
    /* border-bottom: solid 1px #C70A0A; */
}

#qui-sommes-nous h2, #nos-manifestations h2, #nous-rejoindre h2, #nos-adherents h2 {
    font-family: "Barlow Condensed", serif;
    font-size: 2.2rem;
    font-weight: 300;
}
#qui-sommes-nous h3, #nos-manifestations h3, #nous-rejoindre h3 {
    font-family: "Barlow Condensed", serif;
    font-size: 1.6rem;
    font-weight: 300;
}

.carousel-caption {
    z-index: 98;
}

#loginModal .modal-content, #registerModal .modal-content {
    border-radius: 0;
}
#loginModal input, #registerModal input, #loginModal select, #registerModal select {
    border-radius: 0;
}
.modal-title {
    font-family: "Barlow Condensed", serif;
    font-size: 1.8rem;
    font-weight: 300;
    text-transform: uppercase;
}
.modal-title span {
    color: #C70A0A;
}
#loginModal .form-control {
    border-radius: 0;
}


#nous-rejoindre {
    background-color: #FAFAFA;
}
#nous-rejoindre .form-control {
    background-color: #fff;
    border-radius: 0;
}
.login-form input {
    border-radius: 0;
}
#nos-manifestations {
    margin-bottom: 0 !important;
}
#map { height: "360"px; }


footer {
    color: #AFAFAF;
}
footer a {
    color: #AFAFAF;
}
footer a:hover {
    color: #FAFAFA;
}
/* back */
.sidebar-nav ul .sidebar-item > .sidebar-link.active {
    background-color: #C70A0A;
}
#user_member_description, #place_description {
    min-height: 7rem;
}
.page-account h1 {
    font-family: "Barlow Condensed", serif;
    font-size: 2.2rem;
    font-weight: 300;
    text-transform: uppercase;
}
.page-account .btn {
    border-radius: 0;
    text-transform: uppercase;
}
.text-justify {
    text-align: justify;
}