h1 {
    font-family   : var(--title-font);
    font-size     : 55px;
    text-transform: uppercase;
    font-weight   : 600;
    color         : white;
    line-height   : 1.1;
}
h2 {
    color        : var(--color-1);
    font-weight  : 600;
    font-size    : 38px;
    line-height  : 1.1;
    font-family  : var(--title-font);
    margin-bottom: 1.5rem;
}
h3 {
    color    : var(--color-1);
    font-size: 25px;
}
.accueil h2 {
    font-size: 45px;
}
h4 {
    font-size     : 16px;
    color         : var(--gold-med);
    text-transform: uppercase;
    margin-bottom : 1rem;
}
#content .page-header {
    color   : white;
    height  : 375px;
    position: relative;
}
#content .page-header:after {
    content : url("../../img/justice-head.svg");
    right   : -2%;
    top     : 11%;
    position: absolute;
}
.accueil #content .page-header {
    height: 598px;
}
.accueil #content .page-header:after {
    content: none;
}
#content .page-header p {
    padding       : 1rem 0;
    text-transform: uppercase;
    font-weight   : 300;
    font-size     : 22px;
    color         : white;
}
#content .page-header .container {
    border-left : 10px solid var(--gold-light);
    padding-left: 2rem;
}
#content .page-header img {
    object-position: right;
}
p {
    color: var(--color-1-alt);
}
.quote p {
    color      : var(--gold);
    font-size  : 29px;
    font-family: var(--title-font);
}
.split {
    position: relative;
    overflow: hidden;
}
.split .split-container {
    display       : flex;
    flex-direction: column;
    padding       : 4rem 0 1rem 3.5rem;
    position      : relative;
}
.split.split-reverse .split-container {
    display       : flex;
    flex-direction: column;
    padding       : 4rem 3.5rem 1rem 0;
}
.icone {
    width: auto;
}
.split .split-container:before {
    content         : "";
    width           : 217px;
    height          : 2px;
    background-color: var(--gold-med);
    position        : absolute;
    top             : 5%;
    left            : 0;
}
.accueil .split:after {
    content : url("../../img/justice.svg");
    right   : -2%;
    top     : 11%;
    position: absolute;
}
.split.split-reverse .split-container:after {
    content         : "";
    width           : 271px;
    height          : 2px;
    background-color: var(--gold-med);
    position        : absolute;
    left            : 0;
    top             : 5%;
}
.split.split-reverse .split-container:before {
    content         : "";
    width           : var(--container-out-margin);
    height          : 2px;
    background-color: var(--gold-med);
    position        : absolute;
    top             : 5%;
    left            : calc(-1 * var(--container-out-margin));
}
.accueil .split.split-reverse:after {
    content : url("../../img/justice.svg");
    left    : -11%;
    top     : 11%;
    position: absolute;
}
.trait {
    content         : "";
    width           : 271px;
    height          : 2px;
    background-color: var(--gold-med);
    position        : absolute;
    left            : 50%;
    top             : 0;
    transform       : translateX(-50%);
}
.trait-left {
    content         : "";
    width           : 271px;
    height          : 2px;
    background-color: var(--gold-med);
    position        : absolute;
    left            : 0;
    top             : 0;
}
.trait-section {
    content         : "";
    width           : 300px;
    height          : 2px;
    background-color: var(--gold-med);
    position        : absolute;
    left            : 0;
    top             : 0;
}
.trait {
    position: relative;
}
#content ul li {
    margin-bottom: 8px;
    color        : var(--color-1-alt);
}
#content ul li strong {
    color: var(--color-1);
}
::marker {
    color    : var(--gold);
    /* couleur du marker */
    font-size: 1.2em;
    /* taille */
}
.split-top .split {
    overflow: unset;
}
.split-top .split-container-fluid {
    margin-top: -15rem;
}
.bg-light-2 {
    background: var(--bg-light-2);
}
.btn-info.btn-arrow {
    background    : transparent;
    padding       : 15px;
    transition    : 0.2s all;
    display       : block;
    text-transform: unset;
    border-radius : 0;
    border        : none;
}
.btn-info.btn-arrow .titre {
    text-transform: uppercase;
}
.btn-info.btn-arrow:after {
    top: 12%;
}
.btn-info:hover {
    background: white;
}
:not(.btn-check)+.btn:active {
    background: white !important;
}
.faqs-widgets .category-title.category-title {
    font-size     : 22px;
    position      : relative;
    color         : var(--gold);
    padding-left  : 1rem;
    font-weight   : 600;
    text-transform: uppercase;
    margin-top    : 2.5rem;
    margin-bottom : 1rem;
}
.faqs-widgets h2 button {
    padding: 16px 10px 16px 0;
}
.accordion-button:not(.collapsed) {
    background: transparent;
}
.accordion-button:focus {
    box-shadow: none;
}
.faqs-widgets .category-title:before {
    content   : "";
    position  : absolute;
    width     : 5px;
    height    : 21px;
    background: var(--gold);
    top       : 2px;
    left      : 0;
}
.faqs-widgets .accordion-button {
    font-size  : 18px;
    color      : var(--color-1);
    font-weight: 600;
    font-family: var(--text-font);
}
.faqs-widgets .accordion {
    border-bottom: 1px solid var(--color-1);
}
.faqs-widgets .accordion-body {
    color  : var(--color-1-alt);
    padding: 16px 0;
}
@media(max-width:1399px) {
    .split-top .split-container-fluid {
        margin-top: -7rem;
    }
}
@media(max-width:1199px) {
    .split-top .split-container-fluid {
        margin-top: 0;
    }
}
@media(max-width:991px) {
    .split .split-container,
    .split.split-reverse .split-container {
        padding: 4rem 1.5rem 0;
    }
    .split .split-container:before,
    .split.split-reverse .split-container:after {
        top: 9%;
    }
    .accueil .split.split-reverse:after,
    .accueil .split:after {
        display: none;
    }
    .accueil #content .page-header {
        height: 435px;
    }
    h1 {
        font-size  : 50px;
        line-height: 1;
    }
    #content .page-header .container {
        border-left: 5px solid var(--gold-light);
    }
    #content .page-header img {
        object-position: left;
    }
    .page-header p br {
        display: none;
    }
}
@media(max-width:767px) {
    #content .page-header,
    .accueil #content .page-header {
        height: 355px;
    }
    .page-header {
        padding: 2.5rem 1rem 2rem;
    }
    #content .page-header .container {
        border-left : 3px solid var(--gold-light);
        padding-left: 1.5rem;
    }
}
.contact .form-label {
    display: none;
}
@media(max-width:575px) {
    h1 {
        font-size: 30px;
    }
    #content .page-header,
    .accueil #content .page-header {
        height: auto;
    }
    .accueil h2,
    h2 {
        font-size: 28px;
    }
    #content .page-header p {
        font-size: 18px;
    }
    #main-menu .logo > img {
        height   : 85px;
        max-width: 100%;
    }
    .feature-img svg {
        width: 55px;
    }
    .quote p {
        font-size: 22px;
    }
    .split .split-container:before,
    .split.split-reverse .split-container:after {
        top: 35px;
    }
    .missions svg {
        width: 55px;
    }
}
.filter-buttons {
    margin-bottom: 30px;
    text-align   : center;
    gap          : 0;
    display      : flex;
    flex-wrap    : wrap;
}
.filter-btn {
    background    : white;
    border        : 1px solid var(--gold);
    padding       : 8px 15px;
    margin        : 0;
    cursor        : pointer;
    transition    : all 0.3s ease;
    text-transform: uppercase;
    font-size     : 14px;
}
.filter-btn.active,
.filter-btn:hover {
    background  : var(--gold);
    color       : white;
    border-color: var(--gold);
}
.isotope-item {
    transition: all 0.4s ease;
}
.isotope-item h2 {
    color        : var(--gold);
    font-family  : var(--text-font);
    margin-bottom: 0;
    padding-left : 0;
}
.glossaires-widgets .bloc-isotope {
    border-bottom: 1px solid var(--gold);
    padding      : 0 0 0.8rem;
}
.missions a.bloc {
    transition: 0.2s all;
    padding   : 0.5rem;
}
.missions a.bloc:hover {
    background: var(--bg-light);
}
.anchor {
    scroll-margin-top: 200px;
    /* décale le scroll de 200px vers le bas */
}