/* Polices d'écriture */

@font-face {
    font-family: "Montserrat-Light";
    src: url('../fonts/Montserrat-Light.ttf');
}

@font-face {
    font-family: "Montserrat-LightItalic";
    src: url('../fonts/Montserrat-LightItalic.ttf');
}

@font-face {
    font-family: "Montserrat-Italic";
    src: url('../fonts/Montserrat-Italic.ttf');
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url('../fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url('../fonts/Montserrat-Bold.ttf');
}


@font-face {
    font-family: "Montserrat-BoldItalic";
    src: url('../fonts/Montserrat-BoldItalic.ttf');
}

@font-face {
    font-family: "Montserrat-Black";
    src: url('../fonts/Montserrat-Black.ttf');
}


:root {
    --color-primary: #1c3350;
    --color-secondary: #fef99a;
    --color-tertiary: #ffb833;
    --color-subtitle: #d3d3d3;
    --color-white: #ffffff;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #B0C4DE;
}

html,
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 3;
}

#headerBase {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

HEADER SECTION {
    display: flex;
    align-items: center;
}

#linkLogoHeader {
    width: 6%;
}

#logoHeader {
    width: 100%;
}

header nav {
    width: 100%;
    display: flex;
}

header nav a {
    margin-right: 2%;
    margin-left: 2%;
    font-family: "Montserrat-Bold";
    color: var(--color-white);
    text-decoration: none;
    transition: color 1s ease;
}

header nav a:hover {
    color: var(--color-tertiary);
}

#menuExtend {
    width: 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#languageOfUser {
    cursor: pointer;
}

.flagLanguage {
    margin-right: 3%;
    width: 20%;
}

#changeLanguage {
    padding: 1%;
    padding-right: 0;
    margin-left: auto;
    width: 15%;
    flex-direction: column;
    justify-content: space-around;
    box-shadow: 1px 1px 12px #000000;
    border-radius: 0 0 0 10px;
    background-color: var(--color-white);
}

.language {
    padding-top: 2%;
    padding-bottom: 2%;
    margin-bottom: 2%;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-primary);
}

.language:hover {
    border-radius: 10px 0 0 10px;
    color: var(--color-tertiary) !important;
    background-color: var(--color-primary);
}

.titleLanguage {
    margin-left: 4%;
    font-family: "Montserrat-Regular";
    display: flex;
    align-items: center;
}

.titleLanguage IMG {
    margin-right: 3%;
}

.language I {
    margin-right: 4%;
}

#submenu {
    padding: 1%;
    padding-left: 0;
    display: none;
    align-items: center;
    box-shadow: 1px 1px 12px #000000;
    border-radius: 0 0 10px 10px;
    background-color: var(--color-white);
}

#submenu .subtitle {
    margin-left: 2%;
    margin-bottom: 5%;
}

#submenuItems {
    padding-right: 1%;
    width: 25%;
    display: flex;
    flex-direction: column;
    border-right: 2px solid #DFF2FF;
}

#submenuItems a {
    text-decoration: none;
    color: var(--color-primary);
}

#submenuItems A:hover {
    color: var(--color-tertiary);
}

#submenuItems H2 {
    padding: 3%;
    cursor: pointer;
    font-family: "Montserrat-Regular";
    font-size: 80%;
    margin-bottom: 3%;
    border-radius: 0 10px 10px 0;
}

#submenuItems h2:hover {
    color: var(--color-tertiary);
    background-color: var(--color-primary);
}

#titleSubMenu {
    color: var(--color-subtitle);
}

#submenuContent {
    padding: 2%;
    width: 50%;
    font-family: "Montserrat-Regular";
    line-height: 150%;
    color: var(--color-primary);
}

main {
    flex: 1;
    z-index: 1;
}

.link_button_header {
    width: 35%;
}

.button {
    cursor: pointer;
    text-transform: uppercase;
    transform: scale(0.9);
    transition: 0.5s transform;
    font-family: "Montserrat-Bold";
    color: #000000;
    background: linear-gradient(90deg, rgba(254, 249, 154, 1) 0%, rgba(255, 184, 51, 1) 100%);
}

.button:hover {
    color: #1c3350;
    transform: scale(1);
}

.button_header {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 175%;
    border-radius: 5px;
    border: 0;
}

.button_header:hover {
    transform: scale(1);
}

.link_button_discover_slider {
    width: 100%;
}

.button_discover_slider {
    padding: 1%;
    width: 100%;
    border: 2px solid #FFB833;
    border-radius: 10px;
}

.homepage_slider {
    z-index: 1;
    height: 100vh;
    width: 100%;
}

.homepage_slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 0;
}

.overlay {
    width: 35%;
    padding: 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 10px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-align: center;
}

.overlay H2 {
    font-family: "Montserrat-Black", Helvetica, Arial, sans-serif;
    letter-spacing: 5px;
}

.overlay BUTTON {
    margin-top: 2%;
}

.homepage_slider_panel {
    position: absolute;
    bottom: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    color: rgba(255, 255, 255, 0.7);
    z-index: 20;
}

.homepage_slider_panel_navigation {
    margin: 0 auto;
    padding: 10px;
    width: 70%;
    text-align: center;
}

.homepage_slider_panel_navigation i {
    margin: 0 3%;
    font-size: 15px;
}

.homepage_slider_panel_navigation i:hover,
.homepage_slider_panel_navigation i:active {
    color: white;
    cursor: pointer;
}

.homepage_slider_panel_controls {
    margin: 0 auto;
    padding: 10px;
    width: 70%;
    text-align: center;
}

.homepage_slider_panel_controls i {
    margin: 0 4%;
    font-size: 40px;
}

.homepage_slider_panel_controls i:hover,
.homepage_slider_panel_controls i:active {
    color: white;
    cursor: pointer;
}

.content_wrapper {
    margin-top: 3%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.box {
    padding: 3%;
    display: flex;
    flex-direction: column;
}

.box_blue {
    background-color: var(--color-primary);
}

.box_white {
    background-color: var(--color-white);
}

.box_content {
    width: 35%;
}

.box_content_title {
    margin-top: 7%;
    text-align: center;
    border-radius: 10px;
}

.box_content_title_text {
    font-family: "Montserrat-Bold";
    font-weight: bold;
    text-align: center;
    line-height: 200%;
    color: var(--color-primary);
}

.box_content_element {
    border-radius: 50px 10px 50px 10px;
}

.box_content_element_text,
.box_dynamic_content_menu {
    font-family: "Montserrat-Regular";
    line-height: 150%;
    color: var(--color-white);
}

.dynamic_content_wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}

.box_dynamic_content {
    width: 40%;
}

.box_dynamic_content_menu {
    padding: 2%;
    width: 75%;
    border-width: 2px;
    border-style: dotted;
    border-radius: 10px;
    border-color: transparent;
    cursor: pointer;
}

.box_dynamic_content_menu:hover {
    border-color: #FFB833;
}

.box_commitment {
    width: 10%;
    height: 150px;
    font-family: "Montserrat-Regular";
    text-align: center;
    border-radius: 50px;
}

.icon_commitment {
    color: #00FF7F;
}

.title {
    display: inline-block;
    margin-bottom: 1%;
    font-family: "Montserrat-Black";
}

.big_title {
    font-size: 300%;
}

.medium_title {
    font-size: 150%;
}

.yellow_title {
    background: linear-gradient(90deg, var(--color-secondary), var(--color-tertiary));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.green_title {
    background: -webkit-linear-gradient(90deg, rgba(127, 221, 76, 1) 0%, rgba(46, 139, 87, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.subtitle {
    margin-bottom: 2%;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    letter-spacing: 5px;
}

.grey_subtitle {
    color: var(--color-subtitle);
}

.blue_subtitle {
    color: var(--color-primary);
}

.illustration {
    width: 25%;
    border-radius: 10px;
}

.items_section {
    margin-top: 15px;
    margin-bottom: 15px;
    height: 500px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}

.items_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    width: 65%;
}

.item {
    padding: 1%;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    border-radius: 50px;
    font-family: "Montserrat-Regular";
    transition: all 0.3s ease;
    cursor: pointer;
}

a,
a * {
    text-decoration: none;
}

.item_white {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: var(--color-primary);
    background-color: var(--color-white);

}

.item_green {
    background-color: rgba(4, 105, 18, 0.5);
    color: var(--color-white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.item_item {
    min-width: 20%;
    width: 20%;
    max-width: 20%;
}

.item_commitment {
    min-width: 15%;
    width: 15%;
    max-width: 15%;
}

.item a {
    color: var(--color-primary);
    text-decoration: none;
}

.item_icon {
    font-size: 300%;
    transition: transform 0.3s ease, color 0.3s ease;
}

.item_white:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
    background-color: var(--color-primary);
    color: var(--color-white);
}

.item_white:hover .item_icon {
    transform: scale(1.2) rotate(-5deg);
    color: var(--color-white);
}

.item_white:hover a {
    color: var(--color-white);
}

.item_green:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 12px 30px rgba(4, 105, 18, 0.4), 0 0 15px rgba(4, 180, 40, 0.5);
    background-color: rgba(4, 105, 18, 0.8);
    color: var(--color-white);
}

.item_green:hover .item_icon {
    transform: scale(1.2) rotate(-5deg);
    color: #a8ffb5;
    /* vert clair lumineux */
}

.item_green:hover a {
    color: #e6ffe9;
    /* presque blanc, mais tirant vers vert clair */
}

.dynamic_content_tiles h3.subtitle {
    grid-column: 1 / -1;
    margin: 0 0 10px 0;
}

.dynamic_content_tiles {
    display: grid;
    grid-template-columns: repeat(auto-fill, 150px);
    justify-content: center;
    gap: 20px;
}

.dynamic_content_tile {
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: "Montserrat-Regular";
    border-radius: 10px;
    background-color: var(--color-white);
    padding: 10px;
}

.contact_fields_wrapper {
    width: 100%;
    display: flex;
    font-family: "Montserrat-Regular";
    justify-content: space-around;
    align-items: center;
}

.contact_fields_wrapper button {
    margin-top: 2%;
}

.contact_field {
    margin-left: 0 !important;
}

.contact_field input {
    width: 75%;
}

.contact_field input,
.box_contact textarea {
    text-transform: none !important;
    letter-spacing: 0px !important;
    font-family: "Montserrat-Regular" !important;
}

.contact_field {
    margin-left: 3%;
    font-family: "Montserrat-Regular";
    position: relative;
    padding: 15px 0 0;
    margin-top: 10px;
    width: 50%;
}

.contact_input {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #9b9b9b;
    outline: 0;
    font-size: 1.3rem;
    color: #fff;
    padding: 7px 0;
    background: transparent;
    transition: border-color 0.2s;
}

.contact_input::placeholder {
    color: transparent;
}

.contact_input:placeholder-shown~.contact_input_label {
    font-size: 1.3rem;
    cursor: text;
    top: 20px;
}

.contact_input_label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #9b9b9b;
}

.contact_input:focus {
    padding-bottom: 6px;
    font-weight: 700;
    border-width: 3px;
    border-image: linear-gradient(to right, #FFB833, #FEF99A);
    border-image-slice: 1;
}

.contact_input:focus~.contact_input_label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #FFB833;
    font-weight: 700;
}

#map {
    margin-right: 5%;
    z-index: 1;
    flex: 1;
    border-radius: 0 50px 50px 0;
}

.contact_details {
    padding: 1%;
    margin-top: 3%;
    margin-left: 3%;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    flex: 1;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    background: rgba(255, 255, 255, 0.8);
}

.contact_details_subtitle {
    text-align: center;
}

.contact_name,
.agency_name {
    margin-left: 3%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Montserrat-Bold";
    color: #2060bc;
}

.contact_details p {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 3%;
    font-family: "Montserrat-Regular";
    color: var(--color-primary);
}

.contact_details a {
    text-decoration: none;
    color: var(--color-primary);
}

.contact_details a:hover {
    text-decoration: underline;
}

.contact_details_separator {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.contact_details_separator_border {
    width: 20%;
    height: 5px;
    border-radius: 50px;
    background-color: #808080;
}

.box_contact_details_hours {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.agency_hours_badge {
    padding: 5px;
    font-size: 75%;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    border-radius: 2px;
}

.opened_badge {
    background-color: #82C46C;
    color: #006400;
}

.closed_badge {
    background-color: #FF5E4D;
    color: #BB0B0B;
}

footer {
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #5b65a2;
    font-family: "Montserrat-Light";
}

.widget {
    padding: 3%;
    width: 50%;
    font-family: "Montserrat-Bold";
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    transform: scale(0.9);
    transition: 0.5s transform;
}


.widget img {
    width: 20%;
}

.widget_linkedin {
    background-color: #0A66C2;
}

.widget_linkedin:hover {
    background-color: #084d91;
    transform: scale(1);
}

.widget_google {
    background-color: #C0C0C0;
}

.widget_google:hover {
    background-color: #a6a6a6;
    transform: scale(1);
}


footer a,
footer p {
    color: var(--color-primary);
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

/* Scrollbar */

html {
    scrollbar-width: thin;
    scrollbar-color: rgba(254, 249, 154, 1) #142439;
}

::-webkit-scrollbar {
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #142439;
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(254, 249, 154, 1) 0%, rgba(255, 184, 51, 1) 100%);
}

/* Sélection*/

::selection {
    color: #FFB833;
    background: #142439;
}

/* Style générique */

* {
    margin: 0;
    padding: 0;
}

.headerGeneralOnTop {
    /*animation: 2s headerGeneralOnTop forwards;*/
}

@keyframes headerGeneralOnTop {
    from {
        box-shadow: 1px 1px 12px #000000;
    }

    to {
        box-shadow: 0;
    }
}

.headerBaseOnTop {
    background-color: transparent;
    box-shadow: 0;
    animation: 2s headerBaseOnTop forwards;
}

@keyframes headerBaseOnTop {
    from {
        background-color: #1c3350;
        box-shadow: 1px 1px 12px #000000;
    }

    to {
        background-color: transparent;
        box-shadow: 0;
    }
}

.headerGeneralOnPage {
    box-shadow: 0;
    /* animation: 2s headerGeneralOnPage forwards;*/
}

@keyframes headerGeneralOnPage {
    from {
        box-shadow: 0;
    }

    to {
        box-shadow: 1px 1px 12px #000000;
    }
}

.headerBaseOnPage {
    background-color: transparent;
    box-shadow: 0;
    animation: 2s headerBaseOnPage forwards;
}

@keyframes headerBaseOnPage {
    from {
        background-color: transparent;
        box-shadow: 0;
    }

    to {
        background-color: #1c3350;
        box-shadow: 1px 1px 12px #000000;
    }
}





.content_main {
    margin-top: 30px;
    margin-bottom: 30px;
}

svg {
    transform: translateY(-0.5px);

}



#btnMenuMobi,
#menuMobi {
    display: none;
}

.pageActive {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    color: #FFB833;
}

#borderActive {
    border-bottom: 3px solid #FFB833;
    width: 50%;
}





#buttonSearch {
    margin-right: 5%;
    color: #FFFFFF;
}

.rowBoxes {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.header_section {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.activeItem {
    background: -webkit-linear-gradient(90deg, rgba(254, 249, 154, 1) 0%, rgba(255, 184, 51, 1) 100%);
    font-family: "Montserrat-Bold";
}

/* Agences */

#agencies {
    margin-top: 2%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
}

#agency {
    margin-left: 5%;
    width: 50%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 50px 0 0 50px;
}

#agency H2 {
    margin-top: 3%;
    margin-left: 3%;
}

#agency H3 {
    margin-left: 3%;
}

#agency BUTTON {
    margin-left: 3%;
    margin-top: 3%;
}

/* Social */

#social {
    margin-top: 3%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

#signUpNewsletter,
#internet {
    width: 46%;
}

#signUpNewsletter {
    margin-left: 5%;
    margin-right: 0.5%;
    border-radius: 50px 10px 10px 50px;
}

#signUpNewsletter .contact_field {
    margin: 0;

}

#signUpNewsletter INPUT {
    text-transform: none;
    letter-spacing: 0;
}

#buttonSignUpNewsletter {
    margin-top: 3%;
}

#choixGenreNewsletter {
    width: 50%;
    display: flex;
    justify-content: space-around;
    font-family: "Montserrat-Regular";
    color: #FFFFFF;
}

#choixGenreNewsletter LABEL {
    cursor: pointer;
}

#internet {
    margin-left: 0.5%;
    margin-right: 5%;
    background-color: #FFFFFF;
    border-radius: 10px 50px 50px 10px;
}



/* Footer */

.leaflet-popup-content H2 {
    font-size: 125%;
}

.leaflet-popup-content H3 {
    margin-bottom: 0;
    font-size: 75%;
}

.row {
    margin-top: 1%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row DIV {
    padding: 2%;
    font-family: "Montserrat-Black";
    background: -webkit-linear-gradient(90deg, rgba(254, 249, 154, 1) 0%, rgba(255, 184, 51, 1) 100%);
    border-radius: 10px;
}



.legalTitle {
    width: 100% !important;
    border-radius: 0;
}

.legalDesc {
    text-align: justify !important;
    line-height: 120% !important;
    margin-bottom: 1%;
}

.legalArticle {
    width: 94% !important;
}

.legalArticleSubtitle {
    margin-top: 1% !important;
    margin-bottom: 1% !important;
}

.active {
    z-index: 10;
    -webkit-animation: 0.2s blur ease-in;
    animation: 0.2s blur ease-in;
}

@-webkit-keyframes circle {
    0% {
        -webkit-clip-path: circle(75%);
        clip-path: circle(75%);
    }

    100% {
        -webkit-clip-path: circle(0%);
        clip-path: circle(0%);
    }
}

@keyframes circle {
    0% {
        -webkit-clip-path: circle(75%);
        clip-path: circle(75%);
    }

    100% {
        -webkit-clip-path: circle(0%);
        clip-path: circle(0%);
    }
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

#slide0 {
    background-image: url("../img/slider/0.jpg");
}

#slide1 {
    background-image: url("../img/slider/1.jpg");
}

#slide2 {
    background-image: url("../img/slider/3.jpg");
}

#slide3 {
    background-image: url("../img/slider/2.jpg");
}

#slide4 {
    background-image: url("../img/slider/4.jpg");
}

#commitments {
    padding: 1%;
    background-image: url("../img/backgrounds/green.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    flex-direction: column;
    justify-content: space-between;
}

#titleGreen {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

#commitmentsGreen {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}



#linksGreen {
    margin-top: 5%;
    margin-bottom: 2%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-family: "Montserrat-Light";
    color: #00FF7F;
}

#linksGreen A {
    color: #00FF7F;
}


#mase {
    margin-bottom: 3%;
    font-family: "Montserrat-BoldItalic";
    font-size: 200%;
    text-decoration: underline;
}

#policyGreen {
    font-size: 75%;
    text-decoration: underline;
}

.textGreen {
    text-align: center !important;
    color: #FFFFFF !important;
    font-weight: bold;
}

.openContentMaintenancePrincipeMesureBox {
    animation: 0.5s activeContentBox forwards;
}

.closeContentMaintenancePrincipeMesureBox {
    animation: 0.5s inactiveContentBox forwards;
}

@keyframes activeContentBox {
    from {
        margin-left: 5%;
        background: transparent;
    }

    to {
        margin-left: 50%;
        background: #FFFFFF;
    }
}

@keyframes inactiveContentBox {
    from {
        margin-left: 50%;
        background: #FFFFFF;
    }

    to {
        margin-left: 5%;
        background: transparent;
    }
}

#message_chat_customer {
    width: 50%;
    padding: 1%;
    margin-top: 7%;
    display: flex;
    justify-content: space-around;
    border-radius: 0 10px 10px 0;
    background-color: #c2dbff;
}

#message_chat_customer .icon {
    color: #1c3350;
}

#content_message_customer {
    display: flex;
    flex-direction: column;
}

#content_message_customer P {
    font-family: "Montserrat-Regular";
    color: #1c3350;
}

#form_contact {
    margin-top: 3%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

#form_contact_send {
    height: 83vh;
    margin-top: 6%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

#form_contact_send P {
    font-family: "Montserrat-Regular";
    color: #FFFFFF;
}

#box_contact {
    width: 80%;
    border-radius: 50px 50px 50px 10px;
}

.subtitle_contact {
    margin-top: 2%;
    font-family: "Montserrat-Bold";
    color: #D3D3D3;
}

.row_radio {
    margin-top: 2%;
    width: 20%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Montserrat-Regular";
    color: #FFFFFF;
}

#time {
    margin-top: 1%;
    font-family: "Montserrat-Regular";
    color: #FFFFFF;
}

.pref {
    width: 35%;
}

.row_field {
    width: 100%;
}




#list_days {
    margin-top: 1%;
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Montserrat-Regular";
    color: #FFFFFF;
}

#box_contact TEXTAREA {
    padding: 1%;
    margin-top: 2%;
    border-radius: 10px;
    resize: none;
}

#box_contact TEXTAREA:focus {
    outline: none;
    border: 2px solid rgba(255, 184, 51, 1);
}

#case_send_copy {
    margin-top: 2%;
    width: 30%;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Montserrat-Regular";
}

#consent {
    margin-top: 2%;
    width: 35%;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Montserrat-Regular";
}

#consent a {
    color: #FFFFFF;
    text-decoration: underline;
}



.row_field P {
    margin-top: 3%;
    font-family: "Montserrat-Italic";
    color: #C0C0C0;
    font-size: 60%;
}

/* Erreur 404 */
#error404 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: "Montserrat-Regular";
}

#contentError {
    width: 50%;
    display: flex;
    flex-direction: column;
}

#error404 .subtitle,
#content_message_customer .subtitle {
    color: #595959 !important;
}

#error404 .subtitle span {
    color: #333333 !important;
}

#contentError .actions {
    margin-top: 3%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#error404 svg {
    width: 40%;
}

#searchbox {
    margin-left: 5%;
    margin-top: 7%;
    width: 85% !important;
    border-radius: 10px 50px 10px 50px;
}

.formsearch {
    margin-left: 0;
}

#contentError .actions A {
    width: 35%;
}

.errorButton {
    padding: 5%;
    width: 100%;
}