/*
 ######  #######  #####  ####### #######
 #     # #       #     # #          #
 #     # #       #       #          #
 ######  #####    #####  #####      #
 #   #   #             # #          #
 #    #  #       #     # #          #
 #     # #######  #####  #######    #

*/


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    /* line-height: 1; */
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}


/*
*@colors
*/

:root {
    --primary-color: #fff;
    --secondary-color: #000;
    --toggler-menu: #fff;
    --barre-scroll: #001a33;
    --fond-scroll: #fff;
    --hovercolor: #8888;
    --bg-menu: #001a33;
    --bg-menu-transparent: #001a33;
    --bleu-titre: #75775d;
    --vert-texte: #292b1a;
    --bg-vert: #eec12d;
    --bg-footer: #001a33;
    --txt-special: #14518b;
    --rouge: #d5062d;
    --bleu-btn: #14518b;
}

@font-face {
    font-family: 'Addison';
    src: URL('addisonbrother.ttf') format('truetype');
}

/* @font-face {
    font-family: 'Biko-regular';
    src: URL('Biko_Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Biko-light';
    src: URL('Biko_Light-Restricted.otf') format('opentype');
} */
@font-face {
    font-family: 'Biko-bold';
    src: URL('Biko_Bold.otf') format('opentype');
}
/* @font-face {
    font-family: 'Biko-black';
    src: URL('Biko_Black.otf') format('opentype');
} */
/*
  ####  ###### #    # ###### #####    ##   #
 #    # #      ##   # #      #    #  #  #  #
 #      #####  # #  # #####  #    # #    # #
 #  ### #      #  # # #      #####  ###### #
 #    # #      #   ## #      #   #  #    # #
  ####  ###### #    # ###### #    # #    # ######
*/

body {
    color: var(--primary-color);
    font-family: 'Roboto', sans-serif;
    background-color: var(--bg-footer);
}

body::-webkit-scrollbar-track {
    border: 0px solid var(--barre-scroll);
    background-color: var(--fond-scroll);
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: var(--fond-scroll);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--barre-scroll);
}


/* Scrollbar textarea */

textarea::-webkit-scrollbar-track {
    border: 0px solid var(--barre-scroll);
    background-color: var(--fond-scroll);
}

textarea::-webkit-scrollbar {
    width: 10px;
    background-color: var(--fond-scroll);
}

textarea::-webkit-scrollbar-thumb {
    background-color: var(--barre-scroll);
}

.content {
    min-height: 400px;
}

p.special {
    font-family: "Addison", sans-serif;
    color: var(--txt-special);
    font-size: 4.5rem;
    /* font-size: min(100%, 16px); */
    transform: rotate(13deg);
    text-align: center;
    margin-bottom: -10px;

}
.principal h1{
    font-family: "Biko-bold", sans-serif;
    text-transform: uppercase;
    font-size: 2.8rem;
    color: var(--primary-color);
    /* font-size: min(100%, 16px); */
    transform: rotate(13deg);
    text-align: center;
    line-height: 1;
}
h1 span {
    font-size: 4rem;
}
.label-above .field-wrap, .label-below .field-wrap{
    justify-content: center;
}

/*
 #    # ###### #    # #    #
 ##  ## #      ##   # #    #
 # ## # #####  # #  # #    #
 #    # #      #  # # #    #
 #    # #      #   ## #    #
 #    # ###### #    #  ####
*/

header:not(.woocommerce-products-header) {
    width: 100%;
    z-index: 10000;
    position: fixed;
    top: 0;
}

.navbar-toggler {
    position: relative;
    padding: 0;
    border: 0;
    width: 36px;
    height: 36px;
}

.navbar-toggler {
    outline: none !important;
    box-shadow: none !important;
}

.navbar-toggler .toggler-line {
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 99px;
    background: var(--toggler-menu);
    transform: translatey(-50%);
}

.navbar-toggler .toggler-line:nth-of-type(1),
.navbar-toggler .toggler-line:nth-of-type(4) {
    transition: width 0.25s 0s, top 0.25s 0.25s, opacity 0s 0.25s;
}

.navbar-toggler .toggler-line:nth-of-type(1) {
    top: 9px;
}

.navbar-toggler .toggler-line:nth-of-type(4) {
    right: 0;
    top: 27px;
}

.navbar-toggler .toggler-line:nth-of-type(2),
.navbar-toggler .toggler-line:nth-of-type(3) {
    transition: transform 0.25s 0s;
}

.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(1),
.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(4) {
    top: 50%;
    opacity: 0;
    transition: top 0.25s 0s, opacity 0s 0.25s, width 0.25s 0s;
}

.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(2),
.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(3) {
    top: 50%;
    transition: transform 0.25s 0.25s;
}

.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(2) {
    transform: translatey(-50%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(3) {
    transform: translatey(-50%) rotate(-45deg);
}

.navbar-toggler:hover .toggler-line:nth-of-type(1),
.navbar-toggler:hover .toggler-line:nth-of-type(4) {
    width: 50%;
}

.dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(180deg);
}

.dropdown-toggle:after {
    transition: 0.3s;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.dropdown-menu[data-bs-popper] {
    margin-top: 0px;
    position: static;
}

.dropdown-menu {
    border: 0;
    background: inherit;
    border-radius: 0;
}

.nav-link {
    position: relative;
    width: fit-content;
}


/* .nav-link.active:not(.dropdown-toggle)::after,
.nav-link:not(.dropdown-toggle):hover::after {
    content: "•";
    position: absolute;
    margin-left: 5px;
    right: -15px;
    font-weight: bold;
    color: var(--bg-menu);
} */

.navbar-nav .nav-item .active {
    font-weight: bold;
}

.navbar-nav .nav-link:hover span::after,
.navbar-nav .current-menu-item .nav-link span::after {
    display: none;
}

.navbar-nav .nav-link:not(.dropdown-toggle)::after {
    position: absolute;
    bottom: 2px;
    height: 1px;
    width: 0px;
    content: "";
    background-color: #fff;
    transition: all ease-in .3s;
    left: 0;
    /* margin-left: unset; */
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0;
}

.navbar-nav .nav-item .nav-link:not(.dropdown-toggle):hover::after,
.navbar-nav .nav-item .nav-link.active::after,
.navbar-nav .nav-item.active .nav-link::after {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:992px) {
    .navbar-nav .nav-link:not(.dropdown-toggle)::after {
        bottom: -3px;
    }
}

body header nav li,
body header nav li a {
    text-transform: uppercase;
    color: #fff !important;
}

body header nav {
    transition: all ease-in-out .3s;
}

body header.clearHeader nav {
    background-color: var(--bg-menu-transparent) !important;
}

body header.darkHeader nav {
    background-color: var(--bg-menu) !important;
}

li.nav-item {
    margin-left: 10px;
    margin-right: 10px;
}

a.navbar-brand {
    margin-right: 18px;
}

@media(min-width:992px) {
    li.nav-item {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 0.8rem;
    }
    .navbar-collapse {
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }
    a.navbar-brand {
        margin-right: 5px;
    }
}

@media(min-width:1200px) {
    a.navbar-brand {
        margin-right: 40px;
    }
    li.nav-item {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 0.9rem;
    }
}

@media(min-width:1900px) {
    a.navbar-brand {
        margin-right: 100px;
    }
}

body header nav li {
    text-align: center;
}

.cta-menu {
    border: 1px solid #fff;
    padding: 8px;
}

.navbar-nav {
    align-items: center;
}

.wpml-ls-menu-item .wpml-ls-flag {
    border-radius: 99px;
    width: 16px;
    height: 16px;
}

.cta-menu {
    transition: all ease-in-out .3s;
}

.cta-menu:hover {
    background-color: var(--primary-color) !important;
}

.cta-menu:hover a {
    color: var(--bleu-titre) !important;
}

.cta-menu a::after {
    display: none;
}

a.dropdown-item {
    /* padding-left: 0px; */
    text-align: left;
}

.dropdown:hover .dropdown-menu {
    background-color: var(--bg-footer);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--bg-footer);
}

.navbar-nav .nav-item .nav-link:not(.dropdown-toggle):hover::after,
.navbar-nav .nav-item .nav-link.active::after,
.navbar-nav .nav-item.active .nav-link::after {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    bottom: 1px;
    left: 0;
    position: absolute;
}
body .listradio-wrap .nf-field-element label{
    margin-left: 0px!important;
}
.nf-breadcrumbs li a{
    background: #4d6173 !important ;
}
.nf-breadcrumbs li a:hover{
    background: #7291ac !important ;
}
.nf-breadcrumbs li.active a{
    background: #fff !important;
}
.nf-form-content input[type=button]{
    background: #4d6173 !important;
}
.nf-form-content input[type=button]:hover{
    color: #fff !important;
    background: #7291ac !important;
}
.label-above .nf-field-label{
    display: flex;
    justify-content: center;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea{
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
}
.nf-form-content input:not([type=button]){
    color: #fff !important;
    text-align: center;
}
.ninja-forms-req-symbol{
    display: none;
}
#nf-field-15-wrap .nf-field-element {
    display: flex;
    justify-content: center;
}
#nf-field-15-wrap .nf-field-element input{
    background-color: var(--rouge) !important;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 7px 30px;
    font-weight: bold;
}
.nf-form-content label{
    font-size: 1.2rem;
}
.nf-form-cont label, .nf-form-cont h3, .nf-form-cont input {
     font-family: 'Roboto', sans-serif;
     font-weight: bold;
     letter-spacing: 1px;
}
body .nf-field-container .nf-field-label{
    margin-bottom: 0px !important;
}
.nf-form-content input.ninja-forms-field{
    height: 35px !important;
}
/*
  ####   ####  #    # ##### ###### #    # #    #
 #    # #    # ##   #   #   #      ##   # #    #
 #      #    # # #  #   #   #####  # #  # #    #
 #      #    # #  # #   #   #      #  # # #    #
 #    # #    # #   ##   #   #      #   ## #    #
  ####   ####  #    #   #   ###### #    #  ####
*/

p {
    word-break: break-word;
    /* line-height: 1.5rem; */
}

.pre-header {
    position: relative;
}

.pre-header img:not(.notouch) {
    width: 100%;
    object-fit: cover;
    max-height: 1000px;
    min-height: 850px;
    filter: brightness(0.7);
}

.pre-header .content-preheader {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pre-header .content-preheader h1 {
    color: #fff;
    font-size: 2.5rem;
}

.other-page {
    margin-top: 70px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
}

.img-en-avant {
    width: 100%;
    height: auto;
}

.text-info {
    color: var(--secondary-color) !important;
}

/* .principal {
    min-height: 700px;
    margin-top: 125px !important;
} */
a {
    color: var(--bg-footer);
}

section.logo-homepage{
    min-height: 100vh;
}

.btn-danger {
    background-color: var(--rouge);
    color: #fff;
    text-transform: uppercase;
}
.btn {
    border-radius: 50px;
    padding: 10px 30px;
}
.nf-breadcrumbs li a{
    font-size: 0px !important;
    padding: 6px 6px !important;
    border-radius: 50px;
}
.nf-breadcrumbs{
    display: flex;
    justify-content: center;
}
.nf-form-content{
    position: relative;
}
.nf-breadcrumbs{
    position: absolute;
    bottom: -7px;
    /* width: 100%; */
}
.nf-mp-header div {
    display: flex;
    justify-content: center;
}
#nf-label-field-16,#nf-label-field-17,#nf-label-field-18,#nf-label-field-19,#nf-label-field-20{
    display: none !important;
}
div.nf-form-fields-required {
    display: none;
}
.list-checkbox-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label{
    /* width: 100% !important; */
    text-align: center;
    padding: 5px 15px;
    border-radius: 50px;
    border: solid 1px #fff;
    transition: all ease-in-out .3s;
    margin-bottom: 15px;
}
#nf-field-18-wrap label{
    width: 110px !important;
}
#nf-field-19-wrap label{
    width: 245px !important;
}
#nf-field-20-wrap label{
    width: 270px !important;
}
.list-checkbox-wrap .nf-field-element li label:hover,.nf-checked-label,.list-radio-wrap .nf-field-element li label:hover{
    background: var(--bleu-btn) !important;
    border: solid 1px var(--bleu-btn) !important;
    cursor: pointer;

}
.listradio-wrap .nf-field-element label:after,.listradio-wrap .nf-field-element label.nf-checked-label:before,.nf-form-content input[type=radio].ninja-forms-field{
    display: none !important;
}
.nf-form-content .listcheckbox-wrap li, .nf-form-content .listradio-wrap li{
    display: flex;
    justify-content: center;
}
.nf-mp-header h3 {
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    font-size: 2rem;
}
.nf-error-msg, .ninja-forms-req-symbol {
    text-align: center;
}
.logo-homepage img {
    height: 100vh;
    object-fit: contain;
}
.grecaptcha-badge { 
    visibility: hidden;
}
/*
 ######  ####   ####  ##### ###### #####
 #      #    # #    #   #   #      #    #
 #####  #    # #    #   #   #####  #    #
 #      #    # #    #   #   #      #####
 #      #    # #    #   #   #      #   #
 #       ####   ####    #   ###### #    #
*/

footer {
    min-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-footer);
    color: var(--primary-color);
}

footer div:not(#wpadminbar) p,
footer div:not(#wpadminbar) a {
    color: var(--primary-color) !important;
}

footer div:not(#wpadminbar) a:hover {
    color: var(--bleu-titre) !important;
}

footer div:not(#wpadminbar) ul li {
    margin-bottom: 25px;
    margin-left: 0px !important;
}

footer h4 {
    text-transform: uppercase;
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 1.2rem;
}

footer div:not(#wpadminbar) a:not(.ab-item) {
    padding: 0px !important;
}

footer div:not(#wpadminbar) ul li a,
footer div:not(#wpadminbar) ul li,
footer div:not(#wpadminbar) p,
footer h4 {
    font-family: 'Raleway', sans-serif !important;
}

footer .footer-final p {
    /* text-transform: uppercase; */
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
}
footer a {
    text-decoration: none;
}
footer img {
    height: 65px !important;
    object-fit: contain !important;
    width: auto !important;
    max-width: 100% !important;
}


/*
 #####  ######  ####  #####   ####  #    #  ####  # #    # ######
 #    # #      #      #    # #    # ##   # #      # #    # #
 #    # #####   ####  #    # #    # # #  #  ####  # #    # #####
 #####  #           # #####  #    # #  # #      # # #    # #
 #   #  #      #    # #      #    # #   ## #    # #  #  #  #
 #    # ######  ####  #       ####  #    #  ####  #   ##   ######
*/


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}