/*!
Theme Name: bootstrap
Theme URI: https://them.es/starter
Author: them.es
Author URI: https://them.es/
Description: 
Version: 3.5.0
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: bootstrap
*/
/* Don't overwrite this file. Compile "/assets/main.scss" to "/assets/dist/main.css" */
/* From http://codex.wordpress.org/CSS */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    max-width: 100%;
}
.gallery-item a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}
.gallery-caption {
    display: block;
    margin-bottom: 0;
    padding: 0 10px 0 0;
    text-align: left;
}
.gallery-columns-1 .gallery-item {
    max-width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}
.bypostauthor {
    font-weight: bold;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*---- GLOBALS ----*/
:root {
    --bleu: #2294E0;
    --grisfonce: #444444;
    --rouge: #ED1C24;
}
@font-face {
    font-family: "vag";
    src: url("./assets/fonts/VAG Rounded Bold.woff2") format("woff2");
}
body #main {
    margin-top: 10px;
}
.reviewGoogle {
    padding-bottom: 50px;
    padding-top: 40px;
}
body #main {
    padding-left: 0;
    padding-right: 0;
}
body * {
    color: var(--grisfonce);
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
}
body h1, body .h1 {
    font-family: 'vag', sans-serif;
    font-size: 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
body h2, body .h2 {
    color: #2294E0;
    font-family: 'vag', sans-serif;
    font-size: 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
body h3, body .h3 {
    color: #444444;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}
body h4, body .h4, body h4 * {
    color: #2294E0;
    font-size: 20px;
}
body .vc_toggle_title h4, body .vc_toggle_title .h4 {
    color: inherit;
}
body #main a {
    color: var(--bleu);
    text-decoration: underline;
}
a, a:hover, button, button:hover, div, div:hover {
    transition: 0.2s ease-in-out all;
}
.encart-rouge {
    background-color: var(--rouge);
}
/*---- HEADER ----*/
#header {
    background-color: white !important;
    padding: 0;
}
#header .encart-rouge {
    align-items: center;
    display: flex;
    height: 110px;
    padding: 15px;
}
#header .encart-rouge svg {
    margin-right: 10px;
}
#header .encart-rouge a, #header .encart-rouge a span {
    align-items: center;
    color: white;
    display: flex;
    font-size: 30px;
    height: 100%;
    padding: 5px 20px;
}
#header .encart-rouge:hover {
    background-color: #c20f15;
}
#header > .container-fluid {
    padding-left: 20px;
    padding-right: 0;
}
body .bg-hero.by-default {
    background-image: url('./assets/img/bg-default.png');
}
body #main .bg-hero a.btn-hero, body #main .wpcf7-submit {
    background-color: var(--rouge);
    border: 2px solid white;
    border-radius: 12px;
    color: white;
    display: flex;
    font-family: "vag";
    margin-top: 20px;
    padding: 13px 30px 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: fit-content;
}
body #main .bg-hero a.btn-hero:hover {
    background-color: #c7131a;
}
body #main .bg-hero p {
    max-width: 50%;
}
body .bg-hero {
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 533px;
    padding-left: 15%;
    padding-top: 5%;
    position: relative;
}
body .bg-hero::after {
    background: url(./assets/img/eau-gauche.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -60%;
    content: "";
    height: 681px;
    left: 0;
    position: absolute;
    width: 223px;
    z-index: -1;
}
body .bg-hero * {
    color: white;
}
body .navbar-brand img {
    height: 94px;
}
body .navbar-nav .nav-link.active, body .navbar-nav .nav-link.show {
    color: var(--bleu);
}
body #breadcrumbs * {
    color: #8ED0F4;
}
body .dropdown-item.active, body .dropdown-item:active {
    background-color: var(--bleu);
    background-image: none;
    color: white;
}
body #breadcrumbs a {
    color: #8ED0F4;
}
body #main .double-bleus a {
    color: white;
}
body #main .double-bleus a:hover {
    color: #133778;
}
body.error404 .sub-header {
    display: none;
}
body.error404 #main {
    margin-bottom: 50px;
    margin-top: 50px;
}
#navbar {
    justify-content: flex-end;
}
#navbar .navbar-nav {
    margin-right: 0 !important;
}
#navbar .navbar-nav > li > a {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 110px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
}
#navbar .navbar-nav > li:hover > a {
    background-color: var(--bleu);
    color: white;
}
body .dropdown-item {
    color: #767676;
}
body .dropdown-menu {
    border: 1px solid #767676;
    border-radius: 0;
    margin: 0 !important;
    width: 100%;
}
/*---- FOOTER ----*/
#pastille-rouge {
    background-color: var(--rouge);
    border: 2px solid white;
    border-bottom-left-radius: 12px;
    border-right: 0;
    border-top-left-radius: 12px;
    bottom: 30px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.20));
    position: fixed;
    right: 0;
    width: fit-content;
    z-index: 9999;
}
#pastille-rouge:hover {
    background-color: #c7131a;
}
#pastille-rouge a {
    align-items: center;
    display: flex;
    position: sticky;
    z-index: 99999999999;
}
#pastille-rouge p {
    color: white;
    font-family: 'vag', sans-serif;
    letter-spacing: 0.84px;
    margin-bottom: 0;
    margin-left: 20px;
    text-transform: uppercase;
}
#pastille-rouge img {
    height: auto;
    margin: 15px;
    width: 38px;
}
footer {
    background: linear-gradient(180deg, #2294E0 19.71%, #0054A1 85.25%);
    margin-top: 20px;
    padding: 50px;
    position: relative;
}
footer::before {
    background-image: url(./assets/img/eau.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 432px;
    position: absolute;
    right: 2%;
    top: -322px;
    width: 212px;
    z-index: -1;
}
footer * {
    color: white;
    font-size: 18px;
}
footer h3 {
    color: white;
}
footer .encart-rouge {
    margin-bottom: 45px;
    margin-top: -70px;
    padding: 25px 35px;
}
footer .footer-liens {
    margin-left: 35px;
}
footer ul.menu {
    padding: 0;
}
footer .menu li {
    list-style: none;
}
footer a {
    color: white;
    text-decoration: underline;
}
footer a:hover {
    color: #cee8f9;
}
footer .tel, footer .contact {
    display: flex;
    font-weight: 700;
}
footer .tel::before {
    content: url('/wp-content/themes/bootstrap/assets/img/tel.svg');
    margin-right: 15px;
}
footer .contact::before {
    content: url('/wp-content/themes/bootstrap/assets/img/contact.svg');
    margin-right: 10px;
}
footer .sub-footer {
    margin-top: 60px;
    text-align: center;
}
footer .sub-footer p, footer .sub-footer a {
    font-size: 14px;
    margin: 0 !important;
    text-decoration: none;
}
/* ------------- heart animation */
@keyframes heart {
    0% {
        transform: scale(1);
    }
    15% {
        transform: scale(1.2);
    }
    30% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}
#footer .fa-heart {
    animation: heart 1.25s ease-in-out infinite;
    color: #fff;
    font-size: 15px;
    height: 25px;
    padding: 0 5px;
    transition: all 0.25s ease-in-out 0s;
    width: 25px;
}
#footer .fa-heart:hover {
    animation: heart 1.25s ease-in-out infinite;
    cursor: pointer;
}
#footer .fa-heart path {
    fill: white;
}
#footer .fa-heart:hover path {
    fill: #d20d00;
    transition: all 0.25s ease-in-out;
}
body #footer .menu-item a[aria-current=page] {
    color: #cee8f9;
}
body #footer .wpcf7-form p {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}
body #footer .wpcf7-form span {
    width: 80%;
}
body #footer .wpcf7-form .wpcf7-tel {
    border: none;
    color: #000;
    font-size: 16px;
    height: 32px;
    max-width: 100%;
    padding-left: 10px;
    width: 95%;
}
body #footer .wpcf7-form .wpcf7-spinner {
    max-width: 100%;
    width: 100%;
}
body #footer .wpcf7-form .wpcf7-submit {
    background-color: transparent;
    border: 2px solid white;
    border-radius: 5px;
    padding: 0 15px;
    text-transform: uppercase;
    width: 20%;
}
body #footer .wpcf7-response-output {
    margin: 0;
}
body #footer .logo-mobile {
    display: none;
}
/*---- HOMEPAGE ----*/
.home-aide {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 70px;
}
.vous-aider {
    margin-bottom: 50px;
}
body #main .home-aide .item-fuite {
    text-align: center;
    text-decoration: none;
    transition: 0.2s ease-in-out all;
    width: 250px;
}
body #main .home-aide .item-fuite:hover img {
    border: 8px solid var(--bleu);
    transition: 0.2s ease-in-out all;
}
body #main .home-aide .item-fuite:hover h3 {
    color: var(--bleu);
    transition: 0.2s ease-in-out all;
}
.home-aide .item-fuite h3 {
    margin-top: 45px;
}
.home-aide .item-fuite img {
    border: 8px solid transparent;
    border-radius: 500px;
    max-width: 248px;
}
body .images-gouttes {
    margin-bottom: 70px;
    margin-top: 70px;
}
body .images-gouttes img {
    max-width: 250px;
}
.text-center {
    text-align: center;
}
.urgence .vc_col-sm-9 > div {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}
.urgence img {
    padding-left: 30%;
}
.urgence * {
    color: white;
}
.urgence, .home-faq {
    margin-bottom: 70px;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background-color: white;
    border: none;
}
body .vc_tta.vc_general .vc_tta-panel-title {
    border-top: 1px solid #B3B3B3;
}
body #main .vc_tta.vc_general .vc_tta-panel-title a {
    padding-left: 0;
    text-decoration: none;
}
body #main .vc_tta.vc_general .vc_tta-panel-body {
    padding-left: 0;
    text-decoration: none;
}
body #main .vc_tta.vc_general .vc_tta-panel-title a span {
    font-size: 28px;
}
body .vc_general.vc_tta.vc_tta-accordion {
    border-bottom: 1px solid #B3B3B3;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, body .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: var(--bleu);
}
body .double-bleus * {
    color: white;
}
body .double-bleus {
    margin-bottom: 50px;
}
body .double-bleus a {
    display: block;
    margin-top: 10px;
}
body .double-bleus .vc_col-sm-6 .wpb_text_column.wpb_content_element {
    margin-bottom: 0;
}
body .double-bleus .vc_col-sm-6 a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: transparent;
    border: 2px solid white;
    border-radius: 12px;
    font-family: 'vag', sans-serif;
    font-size: vag;
    font-size: 18px;
    margin-top: 20px;
    text-decoration: none !important;
    text-transform: uppercase;
}
body .btn-blanc {
    margin-bottom: 0 !important;
}
body #main .double-bleus .btn-blanc a {
    color: white;
}
body #main .btn-blanc a:hover {
    background-color: white;
    color: var(--bleu);
}
body .double-bleus .vc_col-sm-6 > .vc_column-inner {
    padding: 45px 65px 45px 65px;
}
body .double-bleus .vc_col-sm-6.vc_col-has-fill > div, body .double-bleus {
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
}
.images-ronds img, .images-ronds .wpb_single_image figure, .images-ronds .wpb_single_image figure div {
    width: 100%;
}
.images-ronds img {
    width: 100%;
}
body.page-id-27 #main {
    background-color: var(--bleu);
    background-image: url("./assets/img/header-contact.png");
    background-position: top;
    background-repeat: no-repeat;
}
body.page-id-27 .sub-header-contact * {
    color: white;
}
body.page-id-27 .sub-header-contact {
    padding-top: 20px;
    padding-top: 40px;
}
body.page-id-27 footer {
    margin-top: -30px;
}
body.page-id-27 form .input-line {
    display: flex;
    justify-content: space-between;
}
body.page-id-27 form {
    margin-top: 50px;
}
body.page-id-27 #main form p {
    width: 49%;
}
body.page-id-27 form textarea {
    border: none;
    border-radius: 12px;
    width: 100%;
}
body.page-id-27 input, body.page-id-27 select, body.page-id-27 textarea {
    border: 1px solid #B3B3B3;
    margin-top: 10px;
    padding: 10px 10px;
}
.menu-item-has-children:hover > ul.sub-menu {
    display: block;
}
body.page-id-27 #main input:not([type="checkbox"]):not([type="submit"]), body.page-id-27 #main label, body.page-id-27 #main select {
    border: none;
    border-radius: 50px;
    width: 100%;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
body.page-id-27 .center {
    margin: auto;
}
body #main .wpcf7-submit {
    margin: auto;
    margin-top: 25px;
}
body .content-small-form {
    margin: auto;
    max-width: 500px;
}
body .small-form p {
    font-weight: 700;
    margin-top: 25px;
}
#conditional-img-container {
    display: none;
}
body.page-id-27 #main .content-small-form > p {
    width: 100%;
}
body .content-small-form .wpcf7-list-item {
    margin-left: 0;
}
body #main .small-form p {
    font-size: 14px;
}
body #main .wpcf7-list-item-label *, body #main .wpcf7-list-item-label {
    font-size: 14px;
}
body.page-id-27 #main .center p {
    width: 100%;
}
body #main .vc_tta-tab a {
    font-family: 'vag', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
body #main .vc_tta-tab.vc_active a span, body #main .vc_tta-panel-heading a span {
    color: #767676;
    font-family: 'vag', sans-serif;
}
body #main .vc_tta-tab a span {
    color: #878787;
    font-family: 'vag', sans-serif;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:focus, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:hover {
    background-color: var(--bleu);
}
body #main .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:focus span, body #main .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:hover span {
    color: var(--bleu);
}
body #main .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a:focus span, body #main .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a:hover span {
    color: inherit;
}
body .vc_tta-tabs-container, body .vc_tta-tabs, body .vc_tta-panel, body .vc_tta-tab a, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
    background-color: white;
    border: none;
}
body .vc_tta-tab.vc_active {
    border-bottom: 7px solid var(--bleu);
    margin: 0 !important;
}
body .vc_tta-tab {
    border-bottom: 2px solid #767676;
    margin: 0 !important;
}
body.page-id-27 .vc_tta-tabs {
    background-color: #CAEAFF;
    border-radius: 50px;
    padding: 25px 50px;
}
body #main .vc_tta-tabs-container, body #main .vc_tta-tabs-list a, body.page-id-27 #main .vc_tta-panel-body {
    background-color: #CAEAFF;
}
body .VJL48qbQzWENTFAh1Knk.f3c_Dda7HKHqraeedxG1 {
    display: none !important;
}
body .tooltip {
    /*display: none !important;*/
}
body .wpcp-carousel-section .wpcp-single-item img {
    max-height: 250px;
    object-fit: cover;
}
body #wpadminbar {
    /*display: none;*/
}
body .vc_toggle_icon {
    background: var(--bleu) !important;
    border: none !important;
}
body .vc_toggle_content {
    border-bottom: 1px solid #C8C8C8;
}
body .vc_toggle_icon::before, body .vc_toggle_icon::after {
    background: var(--bleu) !important;
    border: none !important;
}
body .vc_toggle_title h4 {
    font-family: 'vag';
}
body .input-line {
    display: flex;
}
body .grecaptcha-badge {
    visibility: hidden;
}
body #conditional-img-container img {
    max-height: 45px;
}
body .goutte-d-eau {
    background-image: url("./assets/img/gouttes-fond.svg");
    background-position: left center;
    background-repeat: no-repeat;
}
body .goutte-d-eau img {
    border-radius: 20px;
    max-height: 280px;
    object-fit: cover;
}
body .vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #d5d5d5;
}
body .goutte-d-eau .vc_col-sm-12 img {
    max-height: 300px;
    object-fit: cover;
    width: 100%;
}
body .goutte-d-eau .vc_col-sm-12 .wpb_single_image > .wpb_wrapper, body .goutte-d-eau .vc_col-sm-12 .wpb_single_image > .wpb_wrapper > .vc_single_image-wrapper, body .goutte-d-eau .vc_col-sm-12 .wpb_single_image > .wpb_wrapper > .vc_single_image-wrapper picture {
    width: 100%;
}
/*---- CONTACT ----*/
/*---- RESPONSIVE ----*/
@media (max-width: 1450px) {
    body #header .encart-rouge a span {
        font-size: 22px;
        padding: 15px;
    }
    #navbar .navbar-nav > li > a {
        font-size: 16px;
    }
    body .navbar-brand img {
        height: 84px;
    }
    body #header .encart-rouge svg {
        margin-right: 0;
    }
    #navbar .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    body .dropdown-item {
        font-size: 18px;
    }
}
@media (max-width: 1400px) {
    body.page-id-27 footer {
        margin-top: 0;
    }
    #footer > .container > .row > .encart-content {
        margin: auto;
        margin-top: 100px;
        width: 50%;
    }
    #footer > .container > .row > .col-md-1 {
        display: none;
    }
    #footer > .container > .row > .col-md-2, #footer > .container > .row > .col-md-4 {
        margin: auto;
        width: 60%;
    }
    body #footer .logo-mobile {
        display: flex;
    }
    body #footer .logo-desktop {
        display: none;
    }
    body footer .encart-rouge {
        margin-top: 35px;
    }
    body footer .col-md-4 {
        text-align: center;
    }
    body footer .contact, body footer .tel {
        display: block;
        text-align: center;
    }
    body #footer .col-md-2 img {
        margin: auto;
        margin-bottom: 40px;
    }
}
@media (max-width: 1200px) {
    #navbar .navbar-nav {
        display: flex;
        flex-direction: column;
        margin-right: auto !important;
    }
    #navbar.show, #navbar.collapsing {
        display: block !important;
        justify-content: flex-end;
    }
    body li.menu-item-has-children .dropdown-menu {
        position: relative !important;
    }
    #navbar .navbar-nav > li > a {
        height: 50px;
    }
    body.menu-open {
        overflow: hidden;
    }
    body #navbar {
        background-color: #e9f6ff;
        height: 100vh;
        left: 0;
        padding-top: 90px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000;
    }
    body.menu-open .navbar-toggler {
        z-index: 1001;
    }
    body.menu-open #pastille-rouge::before {
        background-image: url(./assets/img/logo.png);
        background-repeat: no-repeat;
        content: "";
        height: auto;
        left: 10%;
        position: absolute;
        top: -70px;
        width: 100%;
    }
    body .collapse:not(.show) {
        display: none !important;
    }
    body .navbar-expand-md .navbar-toggler {
        display: flex;
    }
    #header .container-fluid {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #header .navbar-brand {
        display: none;
        order: 3;
        text-align: center;
        width: 100%;
    }
    body #header .encart-rouge a span {
        /*display: none;*/
        padding: 0;
        padding-left: 15px;
    }
    body #header .encart-rouge a {
        padding: 12px 15px;
    }
    body.admin-bar #header.fixed-top {
        max-height: 58px;
    }
    #header .encart-rouge {
        height: inherit;
    }
    #header .navbar-toggler {
        border: none;
    }
    body #main {
        padding-top: 48px !important;
    }
    #header .encart-rouge svg {
        margin-right: 0;
    }
}
@media (max-width: 991px) {
    body.page-id-27 form {
        padding-right: 0;
    }
    body.page-id-27 form p {
        margin-bottom: 1em !important;
        width: 100%;
    }
    body.page-id-27 form .input-line {
        flex-direction: column;
    }
    body .bg-hero::after {
        bottom: -20%;
        height: 370px;
    }
    footer::before {
        height: 370px;
        right: 1%;
        top: -262px;
    }
    body.page-id-27 #main .vc_tta-panel-title a {
        padding-right: 0;
        text-align: center;
    }
    body #main .vc_tta-panel.vc_active {
        border-top: 4px solid var(--bleu);
    }
    body #main .vc_tta-panel.vc_active .vc_tta-panel-heading {
        margin: 0;
    }
    body .bg-hero {
        /*background-position: left top !important;*/
        /*background-size: inherit !important;*/
        /*height: 700px;*/
        /*padding-top: 13%;*/
    }
    #footer > .container > .row > .col-md-2, #footer > .container > .row > .col-md-4 {
        width: 100%
    }
    .images-ronds {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    body .images-ronds .vc_col-sm-3 {
        width: 49%;
    }
    body.page-id-27 #main form p {
        width: 100%;
    }
}
@media (max-width: 768px) {
    body #header .encart-rouge a {
        padding: 14px 15px;
    }
    body #header .encart-rouge a span {
        display: none;
    }
    body .bg-hero {
        background-size: cover !important;
    }
    body .bg-hero.by-default {
        background-image: url('./assets/img/mob-default.png');
    }
    body.menu-open #pastille-rouge p {
        display: flex;
    }
    body .urgence .vc_col-sm-9 > div {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
    body .urgence .vc_col-sm-9 .wpb_text_column {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
    body .urgence .wpb_single_image.vc_align_right {
        text-align: center;
    }
    body .urgence img {
        padding-left: 0;
        width: 130px;
    }
    body .bg-hero {
        padding-top: 10%;
    }
    body #main .bg-hero p {
        max-width: 90%;
    }
    body * {
        font-size: 18px;
    }
    body #pastille-rouge p {
        display: none;
    }
    body footer .col-md-4, body #footer .contact, body #footer .tel {
        text-align: left;
    }
    footer {
        padding: 50px 10px 40px 10px;
    }
    footer .sub-footer {
        padding: 0 20px 0 20px;
    }
    body * {
        font-size: 18px;
    }
    body h1, body h2 {
        font-size: 26px;
    }
    body h3, body .h3 {
        font-size: 18px;
    }
    body #main .vc_tta.vc_general .vc_tta-panel-title a span {
        font-size: 20px;
    }
    body #main .home-aide .item-fuite {
        width: 49%;
    }
    body #main .home-aide .item-fuite img {
        width: 145px;
    }
}
@media (max-width: 564px) {
    #navbar .navbar-nav > li > a {
        height: 50px;
    }
    body.menu-open #pastille-rouge::before {
        height: 130px !important;
    }
    body .bg-hero {
        padding-left: 10%;
        padding-top: 20%;
    }
    body #conditional-img-container img {
        margin-right: 10px;
        max-height: 35px;
    }
    body.menu-open #pastille-rouge p {
        font-size: 16px;
    }
    body #pastille-rouge img {
        width: 28px;
    }
    body #pastille-rouge::before {
        background-size: 60% !important;
    }
}
@media (max-width: 400px) {
    body #conditional-img-container img {
        margin-right: 10px;
        max-height: 30px;
    }
}