/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*
██╗    ██╗ ██████╗ ██████╗ ██████╗ ██████╗ ██████╗ ███████╗███████╗███████╗
██║    ██║██╔═══██╗██╔══██╗██╔══██╗██╔══██╗██╔══██╗██╔════╝██╔════╝██╔════╝
██║ █╗ ██║██║   ██║██████╔╝██║  ██║██████╔╝██████╔╝█████╗  ███████╗███████╗
██║███╗██║██║   ██║██╔══██╗██║  ██║██╔═══╝ ██╔══██╗██╔══╝  ╚════██║╚════██║
╚███╔███╔╝╚██████╔╝██║  ██║██████╔╝██║     ██║  ██║███████╗███████║███████║
*/
a,
a:hover {
    color: #0043CE;
}

span[style*="color: #ffffff"] a,
span[style*="color:#ffffff"] a,
span[style*="#ffffff"] a {
    color: #0043CE !important;
}

.wp-titre-trait-gauche {
    width: fit-content;
    margin: 0 auto;
}

.wp-text-center {
    text-align: center !important;
}

.wp-bouton-anime-noir {
    position: relative;
    overflow: hidden;
    font-size: 1.1rem;
    color: #000000 !important;
    background-color: transparent !important;
    padding: 0 0 10px 0 !important;
    align-items: baseline;
    letter-spacing: 0;
    transition: all 0.4s ease-in-out !important;
}

.wp-bouton-anime-blanc {
    position: relative;
    overflow: hidden;
    font-size: 1rem;
    color: #FFFFFF !important;
    background-color: transparent !important;
    padding: 0 0 10px 0 !important;
    align-items: baseline;
    letter-spacing: 0;
    transition: all 0.4s ease-in-out !important;
}

#main .wp-bouton-anime-noir:hover,
#main .wp-bouton-anime-blanc:hover {
    background-color: transparent !important;
}

.wp-bouton-anime-noir::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #0043CE;
    transition: width 0.4s cubic-bezier(.33, .61, .38, .99);
}

.wp-bouton-anime-blanc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #FFFFFF;
    transition: width 0.4s cubic-bezier(.33, .61, .38, .99);
}

.wp-bouton-anime-noir:hover::after,
.wp-bouton-anime-blanc:hover::after {
    width: 100%;
}


.wp-bouton-anime-noir i,
.wp-bouton-anime-blanc i {
    font-size: 0.7rem;
}

/*
 ██████╗███████╗███████╗
██╔════╝██╔════╝╚════██║
██║     █████╗      ██╔╝
██║     ██╔══╝     ██╔╝ 
╚██████╗██║        ██║  
 ╚═════╝╚═╝        ╚═╝  
*/
.checkbox-aside label {
    display: flex;
    align-items: baseline;
}

.checkbox-aside input[type=checkbox] {
    width: 5%;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

/*
 ██████╗ ███████╗███╗   ██╗███████╗██████╗  █████╗ ██╗     
██╔════╝ ██╔════╝████╗  ██║██╔════╝██╔══██╗██╔══██╗██║     
██║  ███╗█████╗  ██╔██╗ ██║█████╗  ██████╔╝███████║██║     
██║   ██║██╔══╝  ██║╚██╗██║██╔══╝  ██╔══██╗██╔══██║██║     
╚██████╔╝███████╗██║ ╚████║███████╗██║  ██║██║  ██║███████╗
 ╚═════╝ ╚══════╝╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝
*/
.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}


.static {
    position: static !important;
}

.absolute {
    position: absolute !important;
}

.background-black-x {
    background: #000000;
    padding: 10px 30px 15px 30px !important;
}

.header-space.sticky-space-off {
    height: 0 !important;
}

.masthead:not(.side-header):not(.mixed-header) .header-bar,
.header-space {
    min-height: 35px !important;
}

.container-custom {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.background-white-x {
    background-color: rgba(255, 255, 255, 1);
    /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
}

.orange {
    color: #0043CE !important;
}

.white {
    color: #FFFFFF !important;
}

/* 
███╗   ███╗███████╗███╗   ██╗██╗   ██╗    ██████╗ ███████╗███████╗██╗  ██╗████████╗ ██████╗ ██████╗ 
████╗ ████║██╔════╝████╗  ██║██║   ██║    ██╔══██╗██╔════╝██╔════╝██║ ██╔╝╚══██╔══╝██╔═══██╗██╔══██╗
██╔████╔██║█████╗  ██╔██╗ ██║██║   ██║    ██║  ██║█████╗  ███████╗█████╔╝    ██║   ██║   ██║██████╔╝
██║╚██╔╝██║██╔══╝  ██║╚██╗██║██║   ██║    ██║  ██║██╔══╝  ╚════██║██╔═██╗    ██║   ██║   ██║██╔═══╝ 
██║ ╚═╝ ██║███████╗██║ ╚████║╚██████╔╝    ██████╔╝███████╗███████║██║  ██╗   ██║   ╚██████╔╝██║     
╚═╝     ╚═╝╚══════╝╚═╝  ╚═══╝ ╚═════╝     ╚═════╝ ╚══════╝╚══════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝ ╚═╝     
*/
.repositionnement-home {
    /* transition: all 250ms ease; */
    transform: translateY(2.1%);
    margin-bottom: 3rem;
}

.repositionnement {
    margin-top: 6.1rem;
}


@media screen and (max-width: 767px) {
    .repositionnement-home {
        margin-bottom: 6.8rem;
    }
}

.header-space {
    display: none;
}

.inside-header {
    display: none;
}

.text-center {
    text-align: center;
}

.menu-custom .dropbtn {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
}

.menu-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F2F2F2;
    margin-top: 35px;
    padding: 15px 3vw;
    top: 0;
    z-index: 10;
    /* transition: all 350ms ease; */
    transition: transform 0.5s ease-in-out;
}

.menu-custom.hide-temporarily {
    transform: translateY(-100%);
}

.menu-custom.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0 !important;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.logo-container-custom img {
    width: 180px;
    max-height: 60px;
    position: relative;
    bottom: 6px;
}

.logo-container-custom-2 img {
    width: 180px;
    max-height: 60px;
}


/* Style pour le bouton déroulant */
.dropdown .dropbtn {
    text-decoration: none !important;
    background-color: transparent;
    color: #141719;
    padding: 28px 16px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    position: relative;
    bottom: 3px;
}

.dropdown .dropbtn:hover {
    color: #0043CE !important;
    border-bottom: 4px solid #0043CE;
}

/* Le conteneur <div> - nécessaire pour positionner le menu déroulant */
.dropdown {
    position: relative;
    display: inline-block;
}


/* Style pour le menu déroulant */
.dropdown-content {
    position: absolute;
    width: 99.5vw;
    left: auto;
    /* Ceci sera défini dynamiquement par JavaScript */
    top: 45px;
    z-index: -1;
    /* padding: 10px 16vw 60px 16vw; */
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.5s, transform 0.25s;

    /* Ce sous-menu sera affiché par JavaScript */
    display: none;

    justify-content: space-between;
}

.dropdown-content::before {
    content: "";
    position: absolute;
    height: 59px;
    width: 100%;
    top: -59px;
    left: 0;
    pointer-events: none;
}

.dropdown-content-1 {
    border-left: 1px solid rgba(0, 0, 0, .15);
}

.dropdown-content-1,
.dropdown-content-2 {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.dropdown-content-1 .page-mere {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.1rem;
    margin: 0;
    padding: 8px 0;
}

.sm-link-active-1,
.sm-link-active-2,
.sm-link-active-3,
.sm-link-active-4 {
    color: #0043CE !important;
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif !important;
}

.dropdown-content-1 p::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #000;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}


.dropdown-content-1 a {
    font-family: "helvetica-55-500", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1rem;
    margin-left: 13px;
    padding: 8px 0 !important;
}

.dropdown-content-2 a {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.1rem;
}

.dropdown-content-2 a:hover p.teaser {
    color: #0043CE;
}

.dropdown-content-2 p.teaser {
    color: #000000;
    font-family: "helvetica-55-500", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 4px 0;
}

.dropdown-content-1 a:hover {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
}

.dropdown-content-3 {
    /* background-color: #333333; */
    border-right: 1px solid #CCCCCC;
    ;
    border-bottom: 1px solid #CCCCCC;
    ;
}

.dropdown-content-3-titre {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.1rem;
    margin: 0;
    padding: 8px 0;
}

.dropdown-content-3 a {
    font-family: "helvetica-55-500", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1rem;
    padding: 8px 0 !important;
}

.dropdown-content-3 a:hover {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    color: #0043CE !important;
}


.dropdown-content-3-roi {
    background-color: #333333;
    border-right: #333333;
    border-bottom: #333333;
}

.dropdown-content-3-titre-roi {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.1rem;
    margin: 0;
    color: #FFFFFF !important;
}


.menu-custom .bouton-menu-roi {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    padding: 8px 16px !important;
    margin: 20px 0 10px 0;
    border: 2px solid #FFFFFF;
    width: fit-content;
    color: #FFFFFF;
    transition: all 250ms ease;
}

.dropdown-content-3 .bouton-menu-roi:hover {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

.dropdown-content-3 .bouton-menu-roi i {
    font-size: 24px;
}


/* Style pour les liens dans le menu déroulant */
.dropdown-content a,
.dropdown-content p {
    color: #000000;
    padding: 0;
    text-decoration: none;
    display: block;
}

/* .dropdown-content a:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
} */

.dropdown-content a:hover {
    color: #0043CE;
    background-color: transparent !important;
}

.dropdown-content .font-style {
    font-size: 30px;
    color: #0043CE;
    font-weight: 500;
    margin: 0;
}

/* Afficher le menu déroulant lorsqu'on passe la souris sur le bouton */
/* .dropdown:hover .dropdown-content {
    display: block;
    opacity: 1;
    transform: translateY(0);
} */

/* Changez la couleur de fond des liens du menu déroulant au survol */
.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.p-sous-titre {
    font-size: 12px;
    margin: 0;
    position: relative;
    bottom: 20px;
}

.dropbtn.current-page {
    color: #0043CE !important;
}

.dropbtn {
    color: #141719 !important;
    text-decoration: none;
}

.dropbtn:hover {
    color: #0043CE !important;
}

.dropbtn.dropbtn-active {
    color: #0043CE !important;
    border-bottom: 4px solid #0043CE;
}

.menu-bouton-x {
    margin-left: 40px;
}

.menu-desktop .menu-bouton-x a {
    border: 2px solid #0043CE;
    background-color: #0043CE;
    padding: 8px 16px;
    position: relative;
    bottom: 3px;
    color: #ffffff !important;
    text-decoration: none;
    transition: all 250ms ease;
}

.menu-desktop .menu-bouton-x a:hover {
    color: #ffffff !important;
}


@media screen and (max-width: 1349px) {
    .menu-custom {
        padding: 15px 6vw;
    }

    .menu-bouton-x {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1349px) {
    .menu-custom {
        padding: 15px 2vw;
    }

    .dropdown .dropbtn {
        padding: 27px 7px;
    }
}

/* @media screen and (max-width: 991px)  */
@media screen and (max-width: 1167px) {

    #top-bar-desktop {
        display: none;
    }

    .mobile-header-space {
        display: none !important;
    }

    .top-bar {
        display: none;
    }

    .menu-desktop {
        display: none;
    }

    .menu-custom {
        padding: 18px 2vw;
        margin-top: 0;
    }

    .logo-container-custom img {
        width: 135px;
        position: relative;
        top: 6px;
        left: 10px;
        z-index: 10;
    }

    .logo-container-custom-2 {
        position: absolute;
        top: 22px;
        left: 150px;
    }

    .logo-container-custom-2 img {
        width: 110px;
        position: relative;
        top: -2px;
        left: 35px;
    }
}



/* 
███╗   ███╗███████╗███╗   ██╗██╗   ██╗    ███╗   ███╗ ██████╗ ██████╗ ██╗██╗     ███████╗
████╗ ████║██╔════╝████╗  ██║██║   ██║    ████╗ ████║██╔═══██╗██╔══██╗██║██║     ██╔════╝
██╔████╔██║█████╗  ██╔██╗ ██║██║   ██║    ██╔████╔██║██║   ██║██████╔╝██║██║     █████╗  
██║╚██╔╝██║██╔══╝  ██║╚██╗██║██║   ██║    ██║╚██╔╝██║██║   ██║██╔══██╗██║██║     ██╔══╝  
██║ ╚═╝ ██║███████╗██║ ╚████║╚██████╔╝    ██║ ╚═╝ ██║╚██████╔╝██████╔╝██║███████╗███████╗
╚═╝     ╚═╝╚══════╝╚═╝  ╚═══╝ ╚═════╝     ╚═╝     ╚═╝ ╚═════╝ ╚═════╝ ╚═╝╚══════╝╚══════╝  
*/
.menu-wrap .toggler {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
    width: 50px;
    height: 50px;
    opacity: 0;
}

.menu-wrap .hamburger {
    position: absolute;
    top: 7px;
    right: 5px;
    z-index: 1;
    width: 60px;
    height: 65px;
    padding: 1rem;
    /* background: var(--primary-color); */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hamburger line */
.menu-wrap .hamburger>div {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #141719;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

/* Top and bottom lines */
.menu-wrap .hamburger>div:before,
.menu-wrap .hamburger>div:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: -10px;
    width: 100%;
    height: 2px;
    background: inherit;
}

/* Moves line down */
.menu-wrap .hamburger>div:after {
    top: 10px;
}

/* Toggler animate */
.menu-wrap .toggler:checked+.hamburger>div {
    transform: rotate(135deg);
}

/* Turn Lines into X */
.menu-wrap .toggler:checked+.hamburger>div:before,
.menu-wrap .toggler:checked+.hamburger>div:after {
    top: 0;
    transform: rotate(90deg);
}

/* Rotate on hover when checked */
.menu-wrap .toggler:checked:hover+.hamburger>div {
    transform: rotate(225deg);
}

/* Show menu */
.menu-wrap .toggler:checked~.menu {
    visibility: visible;
}

.menu-wrap .toggler:checked~.menu>.div-menu {
    transform: scale(1);
    transition-duration: 0.35s;
}

.menu-wrap .toggler:checked~.menu>.div-menu>div {
    opacity: 1;
    transition: opacity 0.4s ease;
}

.affichemenu {
    top: 64px !important;
    position: fixed !important;
}

.noscroll {
    overflow-y: hidden;
}

/*MENU REGLAGES GENERAUX*/
#navigation {
    z-index: 1000;
    position: relative;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    height: 100px;
    display: block;
    margin-bottom: -100px;
}

#navigation .devenirfranchise {
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
    margin-right: 10%;
    line-height: 25px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
}

#menu {
    font-size: 14px;
    display: block;
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    top: -110%;
    left: 0;
    position: absolute;
    z-index: 1000;
    color: #FFF;
    overflow-y: scroll;
    overflow-x: hidden;
}

#menu div,
#navigation div {
    box-sizing: border-box;
}

#menu p {
    margin: 0 auto 10px auto;
}

#menu a,
#navigation a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease-out;
}

#menu a:hover,
#navigation a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

#menu .menuheader .menulogo,
#navigation .menuheader .menulogo {
    position: absolute;
    top: 30px;
}

#menu .menuheader,
#navigation .menuheader {
    width: 100%;
    max-width: 1300px;
    padding: 40px 15px 15px;
    margin: auto;
    box-sizing: border-box;
    height: 100px;
}

#menu .menuheader .zonemenu,
#navigation .menuheader .zonemenu {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

#menu .menuheader .zonemenu .recherche {
    background-color: #000;
    border-radius: 300px;
    width: 300px;
    transition: all 0.3s ease-out;
    margin: 5px 40px 5px 0;
}

#menu .menuheader .zonemenu .recherche input[type="search"] {
    background-color: transparent;
    -webkit-appearance: none;
    border: none;
    width: calc(95% - 35px);
    height: 35px;
    color: #FFF;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    padding: 0 0 0 15px;
}

#menu .menuheader .zonemenu .recherche input[type="search"]::placeholder {
    font-style: italic;
}

#menu .menuheader .zonemenu .recherche button[type="submit"] {
    background-color: transparent;
    -webkit-appearance: none;
    border: none;
    width: 35px;
    height: 35px;
    color: #FFF;
    margin: 0;
    font-size: 15px;
}

#menu .content {
    width: 100%;
    min-height: 100%;
    max-width: 1300px;
    background: #F2F2F2;
    padding: 40px 15px 160px 15px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

#menu .slide {
    width: 100%;
    height: calc(100% - 100px);
    background-color: #333333;
    z-index: -1;
}

/*PREMIER NIVEAU*/
#menu #slide-gen {
    margin-top: 20px;
}

#menu #slide-gen .content {
    justify-content: center;
}

#menu .slide .content .premierniveau {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#menu .slide .content .premierniveau li a {
    display: inline-block;
    font-size: 40px;
    line-height: 45px;
    font-weight: 300;
    padding: 10px;
}

/* #menu .slide .content .premierniveau li a:hover {} */


/*DEUXIEME NIVEAU*/
#menu .slide .content .retourtitre {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

#menu .slide .content .retourtitre a {
    display: block;
    width: 100px;
}

#menu .slide .content .retourtitre i {
    margin-right: 10px;
    font-size: 1.1rem;
}

#menu .slide .content .retourtitre .titre {
    font-size: 40px;
    line-height: 45px;
    text-align: right;
    font-weight: 300;
    transition: all 0.3s ease-out;
}

#menu .slide .content .accueil a {
    width: 100%;
    margin: 30px auto 10px;
    display: block;
}

#menu .slide .content .sousnavigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#menu .slide .content .sousnavigation .colonesimple {
    display: flex;
    flex-direction: column;
    width: 30%;
    transition: all 0.3s ease-out;
}

#menu .slide .content .sousnavigation .colonedouble {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 65%;
    transition: all 0.3s ease-out;
    justify-content: space-between;
}

#menu .slide .content .sousnavigation .colonedouble .simple {
    width: 30.6%;
}

#menu .slide .content .sousnavigation .colonedouble .double {
    width: 48%;
}

#menu .slide .content .sousnavigation .appeler,
#menu .slide .content .sousnavigation .devis,
#menu .slide .content .sousnavigation .devisauto,
#menu .slide .content .sousnavigation .rdv,
#menu .slide .content .sousnavigation .trouver {
    display: block;
    background-color: #000;
    padding: 15px;
    transition: all 0.3s ease-out;
    margin-bottom: 10px;
    font-size: 20px;
}

#menu .slide .content .sousnavigation .appeler i,
#menu .slide .content .sousnavigation .devis i,
#menu .slide .content .sousnavigation .devisauto i,
#menu .slide .content .sousnavigation .rdv i,
#menu .slide .content .sousnavigation .trouver i {
    margin-right: 20px;
    font-size: 18px;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#menu .slide .content .sousnavigation .appeler {
    color: #1da221;
    border-left: 4px solid #1da221;
}

#menu .slide .content .sousnavigation .appeler:hover {
    background-color: #1da221;
    color: #FFF;
}

#menu .slide .content .sousnavigation .devis,
#menu .slide .content .sousnavigation .devisauto {
    color: #da0613;
    border-left: 4px solid #da0613;
}

#menu .slide .content .sousnavigation .devis:hover,
#menu .slide .content .sousnavigation .devisauto:hover {
    background-color: #da0613;
    color: #FFF;
}

#menu .slide .content .sousnavigation .rdv {
    color: #fa8e00;
    border-left: 4px solid #fa8e00;
}

#menu .slide .content .sousnavigation .rdv:hover {
    background-color: #fa8e00;
    color: #FFF;
}

#menu .slide .content .sousnavigation .trouver {
    color: #FFF;
    border-left: 4px solid #FFF;
}

#menu .slide .content .sousnavigation .trouver:hover {
    background-color: #FFF;
    color: #000;
}

#menu .slide .content .sousnavigation .rouge {
    border-bottom: 4px solid #da0613;
}

#menu .slide .content .sousnavigation .orange {
    border-bottom: 4px solid #fa8e00;
}

#menu .slide .content .sousnavigation .vert {
    border-bottom: 4px solid #85b11f;
}

#menu .slide .content .sousnavigation .bleuciel {
    border-bottom: 4px solid #47b0ff;
}

#menu .slide .content .sousnavigation .bleu {
    border-bottom: 4px solid #0070b9;
}

#menu .slide .content .sousnavigation .rose {
    border-bottom: 4px solid #ff00a2;
}

#menu .slide .content .sousnavigation .bloc {
    background-color: #101010;
    transition: all 0.3s ease-out;
    margin-bottom: 4%;
    font-size: 20px;
}

#menu .slide .content .sousnavigation .bloc a {
    padding: 15px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFF;
    height: 100%;
}

#menu .slide .content .sousnavigation .bloc a:hover,
#menu .slide .content .sousnavigation .offre a:hover {
    background-color: rgba(0, 0, 0, 0);
}

#menu .slide .content .sousnavigation .offre {
    background-color: #101010;
    transition: all 0.3s ease-out;
    font-size: 20px;
}

#menu .slide .content .sousnavigation .offre a {
    padding: 15px;
    min-height: 120px;
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFF;
    height: 100%;
}

#menu .slide .content .sousnavigation .listelienslarge {
    width: 65%;
    border-right: 1px solid #3c3c3b;
    transition: all 0.3s ease-out;
    margin-bottom: 30px;
}

#menu .slide .content .sousnavigation .listeliens {
    width: 30%;
    transition: all 0.3s ease-out;
    margin-bottom: 30px;
}

#menu .slide .content .sousnavigation .lienniveau1 {
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}

#menu .slide .content .sousnavigation p.lienniveau1 {
    color: rgba(255, 255, 255, 0.5);
}

#menu .slide .content .sousnavigation .lienniveau2 {
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
}

#menu .slide .content .sousnavigation .listelienslarge .colonne {
    width: 45%;
    display: inline-block;
}

/*POSITIONNEMENT*/
#slide-gen {
    top: -110%;
    position: absolute;
    transition: all 0.3s ease-out;
    overflow: hidden;
}

#slide-1,
#slide-1-1,
#slide-1-2,
#slide-1-3,
#slide-1-4,
#slide-1-5,
#slide-1-6,
#slide-1-7,
#slide-2,
#slide-2-1,
#slide-2-2,
#slide-3,
#slide-3-1,
#slide-3-2,
#slide-3-3,
#slide-3-4,
#slide-3-5,
#slide-4,
#slide-4-1,
#slide-4-2 {
    left: 110%;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out;
    overflow: hidden
}

#menu .active {
    left: 0;
    top: 0;
    overflow: visible;
}

#menu .inactive {
    left: -100%;
    overflow: hidden;
    position: absolute;
}

#menu .menu-mobile-texte-roi {
    font-size: 1rem !important;
}

#menu .menu-mobile-bloc-roi {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#menu .slide .content .sousnavigation .bouton-menu-roi {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.1rem;
    border: 2px solid #FFFFFF;
    background-color: transparent;
}

/* @media (max-width: 991px) */
@media (max-width: 1167px) {
    .logo-orange-business-desktop {
        display: none;
    }

    #navigation .devenirfranchise {
        padding: 7px 12px;
        line-height: 17px;
        font-size: 13px;
        flex-direction: column
    }

    #navigation .menu-burger {
        top: 8px;
    }

    #navigation button span,
    #menu button span {
        display: none;
    }

    #menu .menuheader {
        height: 180px;
    }

    #menu .menuheader .zonemenu {
        flex-direction: column;
        align-items: flex-end;
        height: 120px;
    }

    #menu .menuheader .zonemenu .recherche {
        width: 100%;
        order: 2;
        margin: 50px 0 0 0;
    }

    /* #slide-gen, #slide-1, #slide-1-1, #slide-auto, #slide-tdva, #slide-rrv, #slide-cov, #slide-ppf, #slide-rim, #slide-bat, #slide-hab {
        top: 180px !important;
    } */
    #menu .slide {
        height: calc(100% - 180px);
    }

    #menu .slide .content .premierniveau li a,
    #menu .slide .content .retourtitre .titre {
        font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
        font-size: 1.6rem;
        line-height: 28px;
        color: #141719;
    }

    #menu .slide .content .sousnavigation,
    #menu .slide .content .sousnavigation .colonedouble {
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px;
    }

    #menu .slide .content .sousnavigation .colonesimple {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    #menu .slide .content .sousnavigation .appeler i,
    #menu .slide .content .sousnavigation .devis i,
    #menu .slide .content .sousnavigation .devisauto i,
    #menu .slide .content .sousnavigation .rdv i,
    #menu .slide .content .sousnavigation .trouver i {
        margin: 0 auto 5px;
        display: block;
        text-align: center;
        width: 100%;
        font-size: 25px;
    }

    #menu .slide .content .sousnavigation .appeler,
    #menu .slide .content .sousnavigation .devis,
    #menu .slide .content .sousnavigation .devisauto,
    #menu .slide .content .sousnavigation .rdv,
    #menu .slide .content .sousnavigation .trouver {
        text-align: center;
        font-size: 14px;
        margin-bottom: 10px;
        width: 30%;
        border: none;
    }

    #menu .slide .content .sousnavigation .appeler {
        background-color: #1da221;
        color: #FFF;
    }

    #menu .slide .content .sousnavigation .devis,
    #menu .slide .content .sousnavigation .devisauto {
        background-color: #da0613;
        color: #FFF;
    }

    #menu .slide .content .sousnavigation .devisauto {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #menu .slide .content .sousnavigation .devisauto i {
        flex: 1;
    }

    #menu .slide .content .sousnavigation .devisauto span {
        order: 3;
        flex: 1 1 100%;
    }

    #menu .slide .content .sousnavigation .devisauto span:last-child {
        order: 4
    }

    #menu .slide .content .sousnavigation .rdv {
        background-color: #fa8e00;
        color: #FFF;
    }

    #menu .slide .content .sousnavigation .trouver {
        background-color: #FFF;
        color: #000;
    }

    #menu .slide .content .sousnavigation .colonedouble .simple,
    #menu .slide .content .sousnavigation .colonedouble .double,
    #menu .slide .content .sousnavigation .colonesimple .offre {
        font-size: 18px;
        width: 100%;
    }

    #menu .slide .content .sousnavigation .listelienslarge,
    #menu .slide .content .sousnavigation .listeliens {
        margin: 15px auto;
        width: 100%;
        border: none;
    }

    #menu .slide .content .sousnavigation .listelienslarge .colonne {
        width: 100%;
    }


    #top-bar-desktop .mobile-mini-widgets {
        display: none;
    }

    .mobile-navigation {
        display: none;
    }

    .sticky-mobile-header:not(.floating-navigation-below-slider) .sticky-mobile-on.masthead {
        position: relative;
    }

    .masthead .mobile-header-bar .mobile-mini-widgets>* {
        display: block;
    }

    /* .masthead .mobile-header-bar .mobile-mini-widgets > div + a + a + a + div.mini-search {
        display: none !important;
    } */



    .masthead .mobile-header-bar .mobile-mini-widgets>div.mini-search {
        display: none !important;
    }

    /* .masthead .mobile-header-bar .mobile-mini-widgets {
        justify-content: center !important;
        max-width: 100% !important;
    } */

    #page .masthead .popup-search .popup-search-wrap {
        width: 280px;
        max-width: 280px !important;
        left: 50% !important;
        transform: translate3d(-50%, 0, 0);
    }

    .mobile-search-x {
        margin-bottom: 20px;
        padding: 0 20%;
    }

    .mobile-search-x .searchform-s {
        background-color: #F2F2F2;
        border: 1px solid #141719;
        color: #141719;
    }

    .mobile-search-x .searchform-s::placeholder {
        color: #141719;
    }

    .mobile-search-x .submit svg {
        fill: #AAAAAA !important;
    }

    .mobile-outils-x {
        display: flex;
        margin: 30px auto 20px auto;
        width: 100%;
        justify-content: center;
    }

    .mobile-outils-x a {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 20px;
        text-decoration: none;
    }

    .mobile-outils-x a>i {
        font-size: 1.3rem;
        margin-right: 5px;
    }

    #menu a {
        color: #141719;
    }

}

@media (max-width:499px) {
    .mobile-search-x {
        padding: 0 10%;
    }

}

@media (max-width:399px) {
    .mobile-search-x {
        padding: 0 5%;
    }

}

@media (max-width:340px) {

    #menu .menuheader .menulogo,
    #navigation .menuheader .menulogo {
        width: 150px;
    }
}


/* @media screen and (min-width: 991px)  */
@media screen and (min-width: 1167px) {

    .logo-orange-business-desktop {
        display: block;
    }

    .logo-orange-business-mobile {
        display: none;
    }

    .menu-mobile {
        display: none;
    }

    .liens-custom.menu-desktop {
        display: flex;
    }
}


#menu .slide .content .sousnavigation p {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    color: #0043CE;
    font-size: 1.3rem;
}

#menu .slide .content .sousnavigation a {
    display: block;
    font-family: "helvetica-55-500", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.15rem;
    padding: 8px 0;
    color: #141719;
}

#menu .slide .content .sousnavigation i {
    font-size: 1.1rem;
    padding-left: 1rem;
    color: #141719;
}

#menu .slide .content .retourtitre .titre-rubrique {
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.15rem;
    color: #141719;
    width: 100%;
}

#menu .slide .content .sousnavigation p.teaser {
    font-family: "helvetica-55-500", Helvetica, Arial, Verdana, sans-serif;
    color: #141719;
    font-size: 1rem;
    font-weight: normal;
    margin: 3px 0 0 0;
    padding: 4px 0;
}

#menu .slide .content .sousnavigation .a-teaser {
    display: block;
    font-family: "helvetica-75-700", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.2rem;
    padding: 8px 0;
    color: #141719;
}

.menu-mobile .menu-bouton-mobile-x {
    margin: 0 auto;
    position: relative;
    top: 40px;
}

.menu-mobile .menu-bouton-mobile-x a {
    font-size: 1.1rem;
    border: 2px solid #0043CE;
    background-color: #0043CE;
    padding: 8px 16px;
    color: #FFFFFF !important;
    text-decoration: none;
    transition: all 250ms ease;
}

.menu-mobile .menu-bouton-mobile-x a:hover {
    color: #FFFFFF;
}

/* 
██╗      ███████╗██╗      ██████╗ ████████╗████████╗ █████╗ ███╗   ██╗████████╗███████╗
╚██╗     ██╔════╝██║     ██╔═══██╗╚══██╔══╝╚══██╔══╝██╔══██╗████╗  ██║╚══██╔══╝██╔════╝
 ╚██╗    █████╗  ██║     ██║   ██║   ██║      ██║   ███████║██╔██╗ ██║   ██║   ███████╗
 ██╔╝    ██╔══╝  ██║     ██║   ██║   ██║      ██║   ██╔══██║██║╚██╗██║   ██║   ╚════██║
██╔╝     ██║     ███████╗╚██████╔╝   ██║      ██║   ██║  ██║██║ ╚████║   ██║   ███████║
╚═╝      ╚═╝     ╚══════╝ ╚═════╝    ╚═╝      ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═══╝   ╚═╝   ╚══════╝
*/

/* Bouton scroll-top */
.scroll-top.on {
    z-index: 1 !important;
}

.accesrapide {
    color: #FFF;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    width: 60px;
    text-align: center;
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 1;
    box-sizing: border-box;
    right: -20%;
    transition: all .4s ease;
}

.accesrapide.visible {
    right: 0;
}

.accesrapide.slide-out {
    right: -20%;
}


.accesrapide a {
    color: #FFF;
    text-decoration: none;
    display: block;
}

.accesrapide i {
    font-size: 25px;
    line-height: 60px;
}

.accesrapide>div {
    margin-bottom: 2px;
}

/* .accesrapide div,
.accesrapide div::after,
.accesrapide div::before {
    box-sizing: border-box;
}

.accesrapide div::after {
    white-space: pre;
    display: block;
    width: 150px;
    position: relative;
    height: 60px;
    text-align: left;
    padding: 10px;
    top: -60px;
    margin-bottom: -60px;
    z-index: -1;
    transform: translate(0px);
    transition: all 0.5s;
}

.accesrapide div:hover::after {
    transform: translate(-150px);
    transition: all 0.5s;
} */

.accesrapide .accesrapidebox {
    display: none;
}

.accesrapide .accesrapidebox a {
    width: 60px;
    background-color: #0043CE;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.box-lien {
    z-index: 99;
    /* position: fixed;
    top: 400px; */
    right: 0;
}

.box-lien-inside {
    justify-content: flex-end;
    display: flex;
}

.box-lien-inside a {
    font-family: "helvetica-65-600", Helvetica, Arial, Verdana, sans-serif;
}

.box-lien img {
    width: 48px;
    height: 42px;
    margin-top: 9px;
}

.lienappels {
    background-color: #0043CE;
    z-index: 3;
    width: 60px;
    height: 60px;
    text-align: center;
}

.lienappel {
    background-color: #002D9C;
    width: 150px;
}

a.lienright {
    /*z-index: -1;*/
    transition: all 350ms;
    position: absolute;
    width: 150px;
    height: 60px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    padding: 11px;
    font-weight: 300;
    text-decoration: none;
    font-size: 15px;
    left: 0;
    text-align: left;
    font-weight: 500;
}

.box-lien-inside:hover a.lienright {
    left: -150px;
}

@media screen and (max-width: 989px) {
    .accesrapide {
        flex-direction: row;
        width: 100%;
        top: inherit;
        left: 0;
        bottom: 0;
        padding: 20px;
        z-index: 100;
    }

    .accesrapide div {
        margin-bottom: 0;
    }

    .accesrapide .accesrapidebox {
        order: 1;
        display: block;
        margin-right: 20px;
    }

    .accesrapide .accesrapidebox-1,
    .accesrapide .accesrapidebox-2,
    .accesrapide .accesrapidebox-3 {
        position: fixed;
        bottom: 20px;
        left: -20%;
        transition: all .4s ease;
    }

    .accesrapide .accesrapidebox-1.visible {
        left: 20px;
    }

    .accesrapide .accesrapidebox-2.visible {
        left: 100px;
    }

    .accesrapide .accesrapidebox-3.visible {
        left: 180px;
    }


    .accesrapide .accesrapidebox-1.slide-out {
        left: -20%;
    }

    .accesrapide .accesrapidebox-2.slide-out {
        left: -20%;
    }

    .accesrapide .accesrapidebox-3.slide-out {
        left: -20%;
    }


    .accesrapide .accesrapidebox a {
        border-radius: 300px;
    }

    .accesrapide .accesrapidebox::after {
        display: none;
    }

    .box-lien {
        display: none;
    }

}


/*
 ██████╗ ██████╗ ███╗   ███╗███╗   ███╗ █████╗ ███╗   ██╗██████╗ ███████╗███████╗
██╔════╝██╔═══██╗████╗ ████║████╗ ████║██╔══██╗████╗  ██║██╔══██╗██╔════╝██╔════╝
██║     ██║   ██║██╔████╔██║██╔████╔██║███████║██╔██╗ ██║██║  ██║█████╗  ███████╗
██║     ██║   ██║██║╚██╔╝██║██║╚██╔╝██║██╔══██║██║╚██╗██║██║  ██║██╔══╝  ╚════██║
╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚═╝ ██║██║  ██║██║ ╚████║██████╔╝███████╗███████║
 ╚═════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝     ╚═╝╚═╝  ╚═╝╚═╝  ╚═══╝╚═════╝ ╚══════╝╚══════
*/

.font_weight_400 {
    font-weight: 400 !important;
}

.cursor_pointer {
    cursor: pointer !important;
}


.form_commandes {
    position: relative;
    display: flex;
    flex-direction: column;
    background: transparent;
    margin: 0 auto;
    padding: 0 2rem;
    transition: all 250ms ease;
}

/* Triangle au bord du formulaire */
/* .form_commandes:before {
    position: absolute;
    left: 48.6%;
    top: -7px;
    border: solid transparent;
    border-left-color: #F7F7F7;
    border-width: 24px 17px;
    transform: rotate(90deg);
    content: "";
} */

.form_commandes input,
.form_commandes textarea {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 0.73rem;
    font-weight: bold;
    margin: 1rem 0;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border: 1px solid #151B26;
    transition: all 250ms ease;

    background: #FFFFFF !important;
}

.form_commandes textarea {
    width: 100%;
    margin: 0 0 1rem 0;
}

.form_commandes select {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 0.73rem;
    font-weight: bold;
    margin: 0.2rem 0 1rem 0;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border: 1px solid #151B26;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 250ms ease;
}

.form_commandes input[type=date] {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 0.73rem;
    font-weight: bold;
    margin: 0.2rem 0 1rem 0;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border: 1px solid #151B26;
}

/* .form_commandes input::-webkit-input-placeholder {
	color: rgb(120, 120, 120);
}
.form_commandes input::-moz-placeholder {
	color: rgb(120, 120, 120);
}
.form_commandes input:-ms-input-placeholder {
	color: rgb(120, 120, 120);
}
.form_commandes input::placeholder {
	color: rgb(120, 120, 120);
}

.form_commandes textarea::-webkit-input-placeholder {
	color: rgb(120, 120, 120);
}
.form_commandes textarea::-moz-placeholder {
	color: rgb(120, 120, 120);
}
.form_commandes textarea:-ms-input-placeholder {
	color: rgb(120, 120, 120);
} */

.form_commandes h1 {
    color: #000000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: bold !important;
    text-align: center;
    margin: 1rem 0 2rem 0;
}

.form_commandes p {
    z-index: 0;
    position: relative;
    width: 25%;
    color: #000000;
    font-weight: bold;
    text-align: center;
    margin: 0rem auto 2rem auto;
}

.form_commandes input::placeholder {
    font-weight: 400;
}

.form_commandes .intro_form p {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.form_commandes .intro_form a {
    font-weight: bold;
}

.form_commandes p .fa-plus-circle {
    font-size: 12px;
    margin-left: 0.3rem;
    transition: 0.2s ease;
}


.form_commandes #div_ajouter_prestation2,
.form_commandes #div_ajouter_prestation3 {
    text-align: center;
}

.form_commandes #div_ajouter_prestation2 i,
.form_commandes #div_ajouter_prestation3 i {
    position: relative;
    top: 7px;
    color: #000000 !important;
    font-size: 30px;
    transition: all 250ms ease-in-out;
    margin-bottom: 5px;
}

.form_commandes #ajouter_prestation2,
.form_commandes #ajouter_prestation3 {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    cursor: pointer;
    /* padding: 4px 10px; */
    margin: 1.2rem auto 2rem auto;
    border-radius: 1000px;
    transition: all 250ms ease-in-out;
    width: 30%;
}

.form_commandes #ajouter_prestation2:hover i,
.form_commandes #ajouter_prestation3:hover i {
    color: #0043CE !important;
    transform: rotate(90deg);
    position: relative;
}

.form_commandes #ajouter_prestation2:hover,
.form_commandes #ajouter_prestation3:hover {
    color: #0043CE;
}


/* .form_commandes #ajouter_prestation2::after,
.form_commandes #ajouter_prestation3::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%) scaleX(0);
	transform-origin: 50% 50%;
	width: 73%;
	height: 2px;
	background-color: rgba(255,255,255,0.8);
	transition: transform 250ms;
}

.form_commandes #ajouter_prestation2:hover::after,
.form_commandes #ajouter_prestation3:hover::after {
	transform: translateX(-50%) scaleX(1);
} */

.form_commandes label {
    color: #000000;
    margin: 0.7rem 0 0 0;
}


.form_commandes .small_adresse_facturation {
    display: inline-block;
    color: #FFFFFF;
    position: relative;
    top: 5px;
}


.form_commandes button {
    display: block;
    width: 50%;
    position: relative;
    z-index: 0;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    margin: 2rem auto 0 auto;
    ;
    padding: 0.8rem;
    /* border-radius: 50px; */
    background: #0043CE;
    border: #0043CE;
    color: white;
    font-weight: 600;
    font-size: 16px;
    transition: all 250ms ease;
}

.form_commandes button:hover {
    color: white;
}

.form_commandes button::after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 43px;
    background-color: #2c62cd;
    /* border-radius: 50px; */
    transition: all 250ms;
    content: '';
}

.form_commandes button:hover::after {
    height: 100%;
    width: 100%;
    /* border-radius: 50px; */
}

.div_plus12 .labels_principaux {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.form_commandes .labels_principaux {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin: 1rem auto;
    padding-top: 2rem;
    color: #000000;
}

.form_commandes .labels_principaux small {
    font-weight: 400 !important;
    font-size: 12px;
}

.infos_generales {
    width: 100%;
}

.infos_generales .infos_generales_champs {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    transition: all 250ms ease;
}

.infos_generales .infos_generales_champs input {
    width: 49%;
    transition: all 250ms ease;
}

.infos_generales .infos_generales_champs .texte_tel_mobile {
    width: 102%;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    margin: 0;
    position: relative;
    top: -13px;
    transition: all 250ms ease;
    color: #000000;
}

.infos_generales .infos_generales_champs .civilite_et_nom {
    position: relative;
    width: 49%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 250ms ease;
}

/* .infos_generales .infos_generales_champs .civilite_et_nom::after { 
	content: '';
    position: absolute;
    top: 34px;
    left: 62px;
    margin-top: -3px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-top-color: #282828;
    border-width: 6px;
    border-style: solid;
    pointer-events: none;
} */

.infos_generales .infos_generales_champs .civilite_et_nom input {
    width: 73%;
    transition: all 250ms ease;
}

.infos_generales .infos_generales_champs .civilite_et_nom select {
    width: 25%;
    height: 38px;
    margin: 0;
    padding-left: 10px;
    transition: all 250ms ease;
}

.adresses {
    width: 100%;
    transition: all 250ms ease;
}

.adresses div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all 250ms ease;
}

.adresses .div1 input {
    width: 49%;
}

.adresses .div2 input:not(.com_infos_interv),
.adresses .div2 input:not(.com_entite_fact) {
    width: 23.5%;
}

.adresses .div2 input.com_infos_interv,
.adresses .div2 input.com_entite_fact {
    width: 49%;
}

.dates_intervention {
    width: 100%;
    margin: 1rem auto 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.dates_intervention div:not(.demi_journee):not(.info_texte) {
    width: 30%;
}

/* .sous_titre_date {
	margin: 1.5rem;
} */

.demi_journee .radio {
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.demi_journee .radio:checked+label:before {
    -webkit-animation: checked 600ms 10ms 1;
    animation: checked 600ms 10ms 1;
    background: #0043CE;
}

.demi_journee .radio:checked+label {
    color: #0043CE;
}

.demi_journee label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.demi_journee label:before {
    content: '';
    display: inline-block;
    background: #fff;
    margin-right: 10px;
    margin-left: 2px;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #999;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms;
}

@-webkit-keyframes checked {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(0.8, 0.7);
        transform: scale(0.8, 0.7);
    }
}

@keyframes checked {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(0.8, 0.7);
        transform: scale(0.8, 0.7);
    }
}

.dates_intervention div label {
    font-size: 12px;
}

.dates_intervention .label_date {
    font-size: 16px;
    font-weight: bold;
}

.dates_intervention .sous_label_date {
    color: #000000;
}

.datepicker {
    display: block;
    width: 100%;
}

.prestas {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    border-top: 1px solid #CCC;
    margin-top: 2rem;
}

.prestas #info_texte1,
.prestas #info_texte2,
.prestas #info_texte3 {
    width: 100%;
}

.prestas #info_texte1 p,
.prestas #info_texte2 p,
.prestas #info_texte3 p {
    width: 100%;
    margin: 0 0 2rem 0;
    font-size: 12px;
    font-weight: 400;
}

.presta #info_texte1 p strong.message_important {
    font-style: italic;
}

.info_texte {
    width: 100%;
    margin: 40px auto 20px auto;
}

.info_texte .fa-exclamation-triangle {
    margin-right: 3px;
}

.info_texte p {
    width: 100%;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}

.info_texte p:first-child {
    margin: 0 0 20px 0;
}

.prestas select {
    width: 100%;
}

.prestas label {
    font-size: 12px;
    width: 100%;
    display: block;
}

.prestas div {
    width: 49%;
}

.prestas .div_com_immatriculations {
    width: 100% !important;
}

#presta3 {
    padding-bottom: 1rem;
}

.type_de_prestation {
    width: 78% !important;
}

.nombre_vehicules {
    width: 20% !important;
}

.com_immatriculations {
    width: 100%;
    margin: 0 0 1rem 0 !important;
}

#com_immatriculations3 {
    margin: 0 0 2rem 0 !important;
}

.immats_transfert {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100% !important;
}

.immats_transfert input {
    width: 45%;
}

.immats_transfert .fa-arrow-right {
    color: white;
    align-self: center;
    margin-left: 0.6rem;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.border_top_white {
    border-top: 1px solid #CCC;
}

.demande_vh {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.demande_vh a {
    position: relative;
    font-size: 12px;
    z-index: 0;
    color: white !important;
    font-weight: bold;
    background: #0043CE;
    border-color: #0043CE;
    /* border-radius: 50px; */
    margin-right: 1rem;
    padding: 12px 35px;
    cursor: pointer;
    transition: all 250ms ease;
}

.demande_vh a::after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 44px;
    background-color: #2c62cd;
    /* border-radius: 50px; */
    transition: all 250ms;
    content: '';
}

.demande_vh a:hover::after {
    height: 100%;
    width: 100%;
    /* border-radius: 50px; */
}

.input_error {
    border: 3px solid red !important;
}

.input_error::placeholder {
    color: red !important;
}

.colonne {
    float: left;
}

.colonne30 {
    width: 24%;
}

.colonne70 {
    width: 71%;
    margin-left: 5%;
}

.message_erreur_siret,
.message_erreur_telmobile {
    width: 48%;
    color: red;
    font-size: 12px;
    font-weight: 600;
}

.div_fictive,
.div_fictive_infos_comp,
.div_fictive_infos_comp2,
.div_fictive_telmobile {
    width: 48%;
}

.message_erreur_cp,
.message_erreur_cp2 {
    width: 23.5%;
    color: red;
    font-size: 12px;
    font-weight: 600;
}

.div_fictive_ville,
.div_fictive_ville2 {
    width: 23.5%;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


/* MEDIAS QUERIES POUR LE FORMULAIRE DE COMMANDE */
@media (max-width: 768px) {
    .form_commandes {
        width: 100%;
        padding: 1rem 1rem 2rem 1rem;
    }

    .form_commandes input,
    .form_commandes textarea {
        font-size: 0.7rem !important;
        margin: 0.5rem 0;
    }

    .form_commandes select {
        font-size: 0.7rem !important;
        margin: 0.5rem 0;
        height: 5vh;
        background: white;
        -moz-appearance: menulist;
        -webkit-appearance: menulist;
    }

    .form_commandes .labels_principaux {
        font-size: 1rem;
    }

    .form_commandes .small_adresse_facturation {
        display: block;
        margin: 0 0 0 26px;
    }

    .form_commandes .labels_principaux small {
        font-weight: normal;
        font-size: 0.7rem;
    }

    .form_commandes p {
        width: 100%;
        font-size: 0.8rem;
    }

    .form_commandes p .fa-plus-circle {
        font-size: 18px;
    }

    .form_commandes #ajouter_prestation2,
    .form_commandes #ajouter_prestation3 {
        width: 70%;
    }

    .form_commandes button {
        width: 100%;
    }

    .infos_generales .infos_generales_champs {
        flex-direction: column;
    }

    .infos_generales .infos_generales_champs input {
        width: 100%;
    }

    .infos_generales .infos_generales_champs .civilite_et_nom {
        width: 100%;
    }

    .infos_generales .infos_generales_champs .civilite_et_nom::after {
        /* Le pointeur du select */
        border-width: 0;
    }

    .infos_generales .infos_generales_champs .civilite_et_nom input {
        width: 65%;
        transition: all 250ms ease;
    }

    .infos_generales .infos_generales_champs .civilite_et_nom select {
        width: 33%;
    }

    .infos_generales .infos_generales_champs .texte_tel_mobile {
        width: 99%;
        font-size: 12px;
        text-align: left;
        position: relative;
        top: -7px;
        line-height: 1.7;
    }

    .adresses .div1 {
        flex-direction: column;
    }

    .adresses .div1 input {
        width: 100%;
    }

    .adresses .div2 input:not(.com_infos_interv),
    .adresses .div2 input:not(.com_infos_fact) {
        width: 49%;
    }

    .adresses .div2 input.com_infos_interv,
    .adresses .div2 input.com_infos_fact {
        width: 100%;
    }

    .dates_intervention {
        flex-direction: column;
    }

    .dates_intervention div:not(.demi_journee) {
        width: 100% !important;
    }

    .dates_intervention .label_date {
        display: block;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        padding-top: 1rem;
        border-top: 1px dashed rgba(255, 255, 255, 0.6);
    }

    .dates_intervention .sous_label_date {
        display: block;
        font-size: 12px;
        text-align: center;
    }

    .prestas {
        flex-direction: column;
    }

    .prestas div {
        width: 100% !important;
    }

    .prestas label {
        font-size: 12px;
        font-weight: bold;
    }

    .div_com_immatriculations input[type=text] {
        width: 100% !important;
        margin: 0.5rem 0 !important;
    }

    .immats_transfert {
        flex-direction: column;
        margin: 1rem 0 0.5rem;
        padding: 0 0 1.5rem 0;
        border-bottom: 1px dashed white;
    }

    .immats_transfert:last-child {
        border: none;
    }

    .immats_transfert input {
        width: 100%;
    }

    .immats_transfert .fa-arrow-right {
        margin: 0;
        transform: rotate(90deg);
        animation: none;
    }

    .colonne {
        float: none;
    }

    .colonne30 {
        width: 100%;
    }

    .colonne70 {
        width: 100%;
        margin-left: 0;
    }

    .message_erreur_siret,
    .message_erreur_telmobile {
        width: 100%;
    }

    .div_fictive,
    .div_fictive_ville,
    .div_fictive_ville2,
    .div_fictive_telmobile {
        display: none !important;
    }

    .message_erreur_cp,
    .message_erreur_cp2 {
        width: 49%;
        color: red;
        font-size: 10px;
        font-weight: 600;
    }

    /* Partie téléphone */
    #com_tel_mobile {
        order: 1;
    }

    #com_tel_fixe {
        order: 3;
    }

    .message_erreur_telmobile {
        order: 2;
    }

    /* 2ème partie adresse intervention */
    #com_ville_interv {
        order: 1;
    }

    #com_cp_interv {
        order: 2;
    }

    .div_fictive_infos_comp {
        order: 3;
    }

    .message_erreur_cp {
        order: 4;
    }

    #com_infos_interv {
        order: 5;
    }

    /* 2ème partie adresse facturation */
    #com_ville_fact {
        order: 1;
    }

    #com_cp_fact {
        order: 2;
    }

    .div_fictive_infos_comp2 {
        order: 3;
    }

    .message_erreur_cp2 {
        order: 4;
    }

    #com_infos_fact {
        order: 5;
    }

    .demi_journee label {
        font-size: 12px;
    }
}

@media screen and (max-width: 466px) {
    .demande_vh a {
        margin: 0.5rem 0;
    }
}

/* FRIENDLY CAPTCHA */
.frc-container {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 0 6px;
}

.frc-button {
    background: #FFFFFF;
    padding: 3px 20px;
    margin-left: 10px;
    border: 1px solid #000000;
    font-size: 12px;
}

.frc-progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 3px 0;
    height: 4px;
    border: none;
    background-color: #eee;
    color: #222;
    transition: all 0.5s linear;
}

.frc-progress::-webkit-progress-value {
    background: #0043CE;
}

.frc-progress::-moz-progress-bar {
    background: #0043CE;
}

.frc-banner {
    margin-left: 10px;
}

.frc-banner * {
    font-size: 10px;
    opacity: 0.8;
    text-decoration: none;
}

.frc-text {
    font-size: 14px;
}

.frc-success .frc-icon {
    animation: frc-fade-in 1s both ease-in;
    fill: #008000;
    stroke: #008000;
}

.frc-success .frc-text {
    color: #008000;
}

@keyframes frc-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.button-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

/* 
███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗ 
██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
█████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
 */
ul.custom-menu {
    padding-left: 0 !important;
}


/* 
██╗  ██╗██╗   ██╗██████╗ ███████╗██████╗  ██████╗ ████████╗
██║  ██║██║   ██║██╔══██╗██╔════╝██╔══██╗██╔═══██╗╚══██╔══╝
███████║██║   ██║██████╔╝███████╗██████╔╝██║   ██║   ██║   
██╔══██║██║   ██║██╔══██╗╚════██║██╔═══╝ ██║   ██║   ██║   
██║  ██║╚██████╔╝██████╔╝███████║██║     ╚██████╔╝   ██║   
╚═╝  ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝╚═╝      ╚═════╝    ╚═╝   
*/

/* Style des formulaires Hubspot */
.hsfc-form,
input,
button,
label,
select,
textarea,
p,
span {
    font-family: Inter, sans-serif !important;
}

.hsfc-TextInput,
.hsfc-TextareaInput {
    background-color: white !important;
    color: #141719 !important;
    border-color: #a9acb0 !important;
    border-radius: 0.3rem !important;
    min-height: 2.5rem !important;
    margin-bottom: 0 !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    transition: background-color 0.3s ease;
}

.hsfc-TextInput::placeholder,
.hsfc-TextareaInput::placeholder {
    color: rgb(162, 162, 162) !important;
    font-size: 14px;
}

.hsfc-FieldLabel strong,
.hsfc-FieldLabel span {
    font-size: 1rem;
    line-height: 144%;
    margin-bottom: 4px;
    color: #141719;
}

.hsfc-CheckboxField a strong,
.hsfc-CheckboxField a {
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    color: #0043ce !important;
}

.hsfc-FieldLabel__RequiredIndicator {
    color: #141719 !important;
    padding-left: 2px !important;
}

.hsfc-DataPrivacyField {
    font-size: 0.875rem;
    line-height: 1.2;
}

.hsfc-CheckboxField span {
    color: #141719 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    vertical-align: top !important;
}

.hsfc-CheckboxField label {
    align-items: flex-start !important;
}

.hsfc-CheckboxInput {
    background-color: transparent !important;
    border-color: #141719 !important;
}

.hsfc-ErrorAlert {
    font-size: 14px !important;
    margin-top: 4px !important;
    color: #da1e28 !important;
}

.hs-form-html {
    background-color: white;
    border-radius: 10px;
    font-family: Inter, Arial, sans-serif !important;
}

.hsfc-TextInput:hover,
.hsfc-TextareaInput:hover {
    box-shadow: none !important;
    background-color: #ebeced !important;
    transition: background-color 0.3s ease;
}

.hsfc-TextInput:focus,
.hsfc-TextareaInput:focus {
    border: 2px solid #0f62fe !important;
    box-shadow: none !important;
    background-color: white !important;
}

.hsfc-NavigationRow__Buttons {
    justify-content: center !important;
}

.hsfc-NavigationRow {
    margin-top: 0px !important;
}

.hsfc-Button {
    padding: 16px 24px !important;
    font-weight: 600 !important;
}

.hsfc-PhoneInput .hsfc-TextInput {
    border-radius: 0rem 0.3rem 0.3rem 0rem !important;
}

.hsfc-PhoneInput__FlagAndCaret {
    background-color: transparent !important;
    border-color: #a9acb0 !important;
}

.hsfc-DropdownInput__Caret>span {
    position: absolute !important;
    top: 17px !important;
    right: 15px !important;
    width: 11px !important;
    height: 11px !important;
    border: solid #141719 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 3px !important;
    transform: rotate(45deg) !important;
}

.hsfc-DropdownOptions {
    border-color: #a9acb0 !important;
    border-radius: 0.3rem !important;
}

.hsfc-DropdownOptions,
.hsfc-DropdownOptions__List__ListItem {
    background-color: white !important;
}

.hsfc-CheckboxInput {
    box-shadow: none !important;
    border: solid 1px #a9acb0 !important;
}

.hsfc-CheckboxInput:checked {
    border: solid 1px #0043ce !important;
}

.hsfc-CheckboxInput:checked:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(https://146142661.fs1.hubspotusercontent-eu1.net/hubfs/146142661/Shiftmove%20Logos/svgviewer-output.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    content: "";
    background-color: #0043ce !important;
}

.hsfc-PhoneInput .hsfc-DropdownOptions__List li {
    background-image: none !important;
}

.hsfc-DataPrivacyField .hsfc-Row:first-child,
.hsfc-DataPrivacyField .hsfc-Row:last-child {
    display: none;
}

.hsfc-DataPrivacyField .hsfc-CheckboxInput {
    margin-top: 3px !important;
}