@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/css?family=Lato:700");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@600");

@media screen, projection, print {
    /* ***********************************************************************
    -       Configuration des tailles de polices et de la font-family        -
     *********************************************************************** */

    body,
    input,
    select,
    button,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 15px;
        font-family: "Lato", sans-serif;
    }

    .sizeA {
        font-size: 13px;
    }

    .sizeB {
        font-size: 15px;
    }

    .sizeC {
        font-size: 20px;
    }

    .sizeD {
        font-size: 24px;
    }

    /**
    * +2 ? toutes les tailles de polices en mobile
    */

    @media only screen and (max-width: 767px) {
        body,
        input,
        select,
        button,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 17px;
        }

        .sizeA {
            font-size: 15px;
        }

        .sizeB {
            font-size: 17px;
        }

        .sizeC {
            font-size: 22px;
        }

        .sizeD {
            font-size: 26px;
        }
    }

    /*****************************
    -          Adaptations       -
    *****************************/
    input[type="reset"] {
        cursor: pointer;
    }

    input::placeholder {
        color: black !important;
        opacity: 0.54 !important;
    }

    /*****************************
    -          HELPERS           -
    *****************************/

    /* couleurs de textes */
    .txtRed,
    .txtRed a,
    .error {
        color: #a70010 !important;
    }

    .txtGrey3F {
        color: #3f3f3f !important;
    }

    .txtBlue {
        color: #0783ac !important;
    }

    .txtGreen {
        color: #3c853e !important;
    }

    .txtDeleted {
        text-decoration: line-through;
    }

    /* couleurs de bordures */
    .bGreyC8 {
        border: 1px solid #c8c8c8 !important;
    }

    /* backgrounds */
    .bgGreyD0 {
        background-color: #d0d0d0 !important;
    }

    /* position */
    .mL-5 {
        margin-left: -5px;
    }

    .mT-5 {
        margin-top: -5px;
    }

    /* ombrage blocks */
    .shadGreyBR {
        -webkit-box-shadow: 3px 3px 5px #333;
        -moz-box-shadow: 3px 3px 5px #333;
        -o-box-shadow: 3px 3px 5px #333;
        box-shadow: 3px 3px 5px #333;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#333, Direction=60, Strength=80);
    }

    ul.bullet li {
        list-style: disc;
        margin-left: 15px;
    }

    /* **************************
     *          Sprites         *
     ************************** */

    /* Sprite Logos Applis */
    .bodyLc [class^="spriteApplis"],
    .bodyLc [class*=" spriteApplis"] {
        background: transparent
            url(/ressources/images/common/sprites/logos_applis.png?TMA4582)
            no-repeat 0 0;
        display: inline-block;
        height: 44px;
        width: 139px;
    }

    .bodyLc .spriteApplisApple {
        background-position: 0 0;
    }

    .bodyLc .spriteApplisGoogle {
        background-position: -139px 0;
    }

    /* Sprite Logos Partenaires */
    .bodyLc [class^="spritePartners"],
    .bodyLc [class*=" spritePartners"] {
        background: transparent
            url(/ressources/images/common/sprites/logos_partenaires.png?cacheID=202011)
            no-repeat 0 0;
        display: inline-block;
        height: 38px;
        width: 180px;
        vertical-align: middle;
    }

    .bodyLc .spritePartnersCaradisiac {
        background-position: 0 0;
    }

    .bodyLc .spritePartnersPromoneuve {
        background-position: -180px 0;
    }

    .bodyLc .spritePartnersLC {
        background-position: -360px 0;
    }

    .bodyLc .spritePartnersMVC {
        background-position: -540px 0;
    }

    .bodyLc .spritePartnersCBM {
        background-position: -720px 0;
    }

    .bodyLc .spritePartnersForumAuto {
        background-position: -900px 0;
    }

    /* Sprite Pictos Cara */
    .bodyLc [class^="spriteCara"],
    .bodyLc [class*=" spriteCara"] {
        background: transparent
            url(/ressources/images/common/sprites/pictosCara.png) no-repeat 0 0;
        display: inline-block;
        height: 60px;
        width: 80px;
        vertical-align: middle;
    }

    .bodyLc .spriteCara1 {
        background-position: 0 0;
    }

    .bodyLc .spriteCara2 {
        background-position: -80px 0;
    }

    .bodyLc .spriteCara3 {
        background-position: -160px 0;
    }

    .bodyLc .spriteCara4 {
        background-position: -240px 0;
    }

    .bodyLc .spriteCara5 {
        background-position: -320px 0;
    }

    .bodyLc .spriteCara6 {
        background-position: -400px 0;
    }

    .bodyLc .spriteCara7 {
        background-position: -480px 0;
    }

    .bodyLc .spriteCara8 {
        background-position: -560px 0;
    }

    /* Sprite Pictos Categories du moteur de recherche Listing */
    .bodyLc [class^="spriteCateg"],
    .bodyLc [class*=" spriteCateg"] {
        background: transparent
            url(/ressources/images/common/sprites/pictosCategories.png)
            no-repeat 0 0;
        display: inline-block;
        height: 42px;
        width: 92px;
        vertical-align: middle;
    }

    /* Autos */
    .bodyLc .spriteCategCitadine {
        background-position: 0 0;
        width: 65px;
    }

    :hover > .spriteCategCitadine,
    .Selected > .spriteCategCitadine {
        background-position: 0 -58px !important;
    }

    .bodyLc .spriteCategBerline {
        background-position: -92px 0;
        width: 76px;
    }

    :hover > .spriteCategBerline,
    .Selected > .spriteCategBerline {
        background-position: -92px -58px !important;
    }

    .bodyLc .spriteCategBreak {
        background-position: -184px 0;
        width: 80px;
    }

    :hover > .spriteCategBreak,
    .Selected > .spriteCategBreak {
        background-position: -184px -58px !important;
    }

    .bodyLc .spriteCategMonospace {
        background-position: -276px 0;
        width: 82px;
    }

    :hover > .spriteCategMonospace,
    .Selected > .spriteCategMonospace {
        background-position: -276px -58px !important;
    }

    .bodyLc .spriteCateg4x4 {
        background-position: -368px 0;
        width: 86px;
    }

    :hover > .spriteCateg4x4,
    .Selected > .spriteCateg4x4 {
        background-position: -368px -58px !important;
    }

    .bodyLc .spriteCategCoupe {
        background-position: -460px 0;
        width: 78px;
    }

    :hover > .spriteCategCoupe,
    .Selected > .spriteCategCoupe {
        background-position: -460px -58px !important;
    }

    .bodyLc .spriteCategCabriolet {
        background-position: -552px 0;
        width: 82px;
    }

    :hover > .spriteCategCabriolet,
    .Selected > .spriteCategCabriolet {
        background-position: -552px -58px !important;
    }

    .bodyLc .spriteCategCollection {
        background-position: -644px 0;
        width: 78px;
    }

    :hover > .spriteCategCollection,
    .Selected > .spriteCategCollection {
        background-position: -644px -58px !important;
    }

    .bodyLc .spriteCategSansPermis {
        background-position: -736px 0;
        width: 50px;
    }

    :hover > .spriteCategSansPermis,
    .Selected > .spriteCategSansPermis {
        background-position: -736px -58px !important;
    }

    .bodyLc .spriteCategPickup {
        background-position: -1932px 0;
        width: 85px;
    }

    :hover > .spriteCategPickup,
    .Selected > .spriteCategPickup {
        background-position: -1932px -58px !important;
    }

    /* Loisirs */
    .bodyLc .spriteCategFourgonAmenage {
        background-position: -828px 0;
        width: 85px;
    }

    :hover > .spriteCategFourgonAmenage,
    .Selected > .spriteCategFourgonAmenage {
        background-position: -828px -58px !important;
    }

    .bodyLc .spriteCategCapucine {
        background-position: -920px 0;
        width: 85px;
    }

    :hover > .spriteCategCapucine,
    .Selected > .spriteCategCapucine {
        background-position: -920px -58px !important;
    }

    .bodyLc .spriteCategProfile {
        background-position: -1012px 0;
        width: 85px;
    }

    :hover > .spriteCategProfile,
    .Selected > .spriteCategProfile {
        background-position: -1012px -58px !important;
    }

    .bodyLc .spriteCategIntegral {
        background-position: -1104px 0;
        width: 85px;
    }

    :hover > .spriteCategIntegral,
    .Selected > .spriteCategIntegral {
        background-position: -1104px -58px !important;
    }

    .bodyLc .spriteCategCaravane {
        background-position: -1196px 0;
        width: 72px;
    }

    :hover > .spriteCategCaravane,
    .Selected > .spriteCategCaravane {
        background-position: -1196px -58px !important;
    }

    /* Utils */
    .bodyLc .spriteCategRemorque {
        background-position: -1288px 0;
        width: 66px;
    }

    :hover > .spriteCategRemorque,
    .Selected > .spriteCategRemorque {
        background-position: -1288px -58px !important;
    }

    .bodyLc .spriteCategSociete {
        background-position: -1380px 0;
        width: 78px;
    }

    :hover > .spriteCategSociete,
    .Selected > .spriteCategSociete {
        background-position: -1380px -58px !important;
    }

    .bodyLc .spriteCategFourgonette {
        background-position: -1472px 0;
        width: 75px;
    }

    :hover > .spriteCategFourgonette,
    .Selected > .spriteCategFourgonette {
        background-position: -1472px -58px !important;
    }

    .bodyLc .spriteCategBus {
        background-position: -1564px 0;
        width: 92px;
    }

    :hover > .spriteCategBus,
    .Selected > .spriteCategBus {
        background-position: -1564px -58px !important;
    }

    .bodyLc .spriteCategCamion {
        background-position: -1656px 0;
        width: 122px;
    }

    :hover > .spriteCategCamion,
    .Selected > .spriteCategCamion {
        background-position: -1656px -58px !important;
    }

    .bodyLc .spriteCategFourgon {
        background-position: -1840px 0;
        width: 85px;
    }

    :hover > .spriteCategFourgon,
    .Selected > .spriteCategFourgon {
        background-position: -1840px -58px !important;
    }

    /* Bandeau du site en DEMO */
    #bandana,
    #bandana_pro {
        background: #ffcc00;
        font-family: Verdana;
        font-size: 30px;
        font-weight: bold;
        padding: 10px;
        border: solid 1px #000;
        text-align: center;
        clear: both;
        margin: 10px auto;
        width: 958px;
    }

    /* Logo LC */
    .logoLink {
        display: inline-block;
        margin: 5px;
        font-weight: bold;
        color: #333;
    }

    /* Module Horaires */
    .openingHours {
        position: relative;
        display: block;
    }

    a.openingHoursLink {
        text-decoration: underline;
        color: #666;
        font-style: normal;
    }

    /* Pave cookies */
    .paveCookies {
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        padding: 15px 5px 10px 10px;
        width: 575px;
        margin: 0 auto;
        z-index: 10000000000;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .paveCookies p {
        margin-bottom: 0;
        display: inline-block;
        padding-right: 20px;
    }

    .closePave {
        float: right;
        margin-right: -5px;
        margin-top: -15px;
    }

    .moreCookies {
        font-weight: bold;
    }

    /**
     * Menu
     */
    .rubLinks {
        background: #282b34;
        position: relative;
        float: left;
        width: 100%;
        border-bottom-right-radius: 10px;
    }

    .rubLinks > li {
        float: left;
        padding-block: 0px !important;
        border-radius: 8px;
    }

    .rubLinks > li > a {
        line-height: 40px;
        text-transform: none;
        color: white;
        display: block;
        padding: 0 8px;
    }

    .rubLinks > li.rubSell {
        float: right;
        padding: 0;
    }

    .rubLinks > li.rubSell .btnDepotMenu {
        border-top-left-radius: 10px;
        position: relative;
        overflow: visible;
    }

    .rubLinks > li.rubSell > a .triangleDepotMenu {
        border-color: #0783ac;
        border-width: 12px 8px 0 !important;
        bottom: -10px;
        left: 50%;
        position: absolute;
        z-index: 1;
    }

    .rubLinks > li.rubSell > a:hover .triangleDepotMenu {
        border-color: #027094;
    }

    .rubLinks > li.rubSell .msgDepotMenu {
        background-color: rgba(255, 255, 255, 0.85);
        padding: 2px 8px 5px;
        position: absolute;
        right: 0;
        z-index: 1000;
        margin-top: 10px;
        color: #333;
        font-weight: inherit;
        line-height: normal;
    }

    /**
    * Baseline
    */

    .outerWrapper {
        background-color: white;
        box-shadow: var(--lcui-shadow--h6);
        top: 0;
        z-index: 1000;
    }

    /* -------- Bannière de type Arche / Habillage -------- */

    .containerBanner.archBanner, 
    .containerBanner.archBanner .bannerContainer {
        height: 220px;
    }

    .containerBanner.archBanner .bannerContainer {
        position: fixed;
        margin: 0 0 0 -300px;
    }

    .containerBanner.archBanner .expresswayContainer {
        display: none;
    }

    /* -------- Bannière de type Billboard / Grande bannière -------- */

    .containerBanner.billboardBanner {
        margin: 14px auto;
    }

    .containerBanner.billboardBanner, 
    .containerBanner.billboardBanner .bannerContainer {
        height: 250px;
    }

    /* -------- Bannière de type standard en 728px + station à droite -------- */

    .containerBanner.classicBanner {
        margin: 8px 0;
    }
    
    .containerBanner.classicBanner .bannerContainer{
        height: 90px;
    }
    
    /* -------- Bannière de type large avec demi-station à droite -------- */

    .containerBanner.smallBanner {
        margin: 8px 0;
    }

    .containerBanner.smallBanner .bannerContainer {
        height: 90px;
        width: 970px;
    }

    .containerBanner.smallBanner .expresswayContainer {
        background-position: 200px;
        width: 225px;
    }

    .containerBanner.smallBanner .expresswayContainer > div {
        margin-bottom: 15px;
    }

    [data-pub-appnexus="Pave1"] {
        padding-top: 72px;
    }

    /* Partie à mettre dans mozart-commons - nouveaulc.css */

    body .outerWrapper {
        padding-bottom: 0 !important;
        position: sticky !important;
    }
    
    body .headerWrapper { 
        box-shadow: none !important;
    }

    /* Fin Partie à mettre dans mozart-commons - nouveaulc.css */

    .logoContainer {
        margin: 8px 0 8px 10px;
    }
    @media only screen and (max-width: 767px) {
        .logoContainer {
            margin-right: 28px;
        }
    }

    .containerBaseline .containerSite {
        background: #f0f0f0;
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .containerBaseline .containerSite::before,
    .containerBaseline .containerSite::after {
        content: none;
    }
    .containerBaseline button {
        border: none;
    }

    .linkBaseline {
        display: flex;
        align-items: center;
    }

    a.menuBaseline,
    a.menuBaseline:visited,
    a.menuBaseline:active,
    a.menuBaseline:focus {
        color: #333;
    }

    .linkBaseline button {
        background: transparent !important;
    }

    #AccountDropdownMenu {
        display: none;
        position: relative;
    }
    #AccountDropdownMenu li.active,
    #AccountDropdownMenu li:hover,
    .menuPart li.active {
        background: #e1e1e1;
    }

    .DropdownMenu__menu {
        position: absolute;
        min-height: 100px;
        top: 60px;
        right: -1px;
        line-height: 35px;
        background-color: #f3f3f3;
        border-radius: 5px;
        z-index: 1003;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .DropdownMenu__menu a {
        color: #333;
    }
    @media only screen and (min-width: 768px) {
        #logo, .headerLogoLC {
            width: 180px;
            height: 31px;
        }

        #AccountDropdownMenu .DropdownMenu__menu {
            width: 180px;
            top: 0;
            right: -146px;
        }
        .linkBaseline .btnDepotMenu {
            display: inline-flex;
            align-items: center;
            height: 38px;
            padding: 0 12px;
            margin-left: 20px;
        }
        .menuFavoris {
            margin: 0 20px;
        }

        .container-rub {
            position: relative;
            padding-right: 32px;
            margin-right: 12px;
        }
    
        .container-rub::after {
            content: "";
            position: absolute;
            width: 2px;
            height: 100%;
            background: var(--lcui-primary);
            right: 0;
            top: 0;
            display: block;
            border-radius: 8px;
        }
    
        .rubLinks-fav {
            display: flex;
            gap: 40px;
        }
    
        .rubLinks-fav li a {
            font-size: 16px;
            font-weight: 600;
            position: relative;
            color: var(--lcui-black)
        }

        .rubLinks-fav li a:hover {
            color: var(--lcui-primary);
        }
    
        .rubLinks-fav li a:hover::after {
            content: "";
            height: 2px;
            background-color: var(--lcui-primary);
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            border-radius: 8px;
            margin-top: 3px;
            cursor: initial;
        }
    }

    .linkBaseline .btnDepotMenu span {
        line-height: inherit;
        color: #fff !important;
    }
    #NavDropdownMenu {
        display: none;
    }
    .menuNav {
        display: none;
    }
    #monCompte .unread-messages-count-container {
        position: absolute;
        top: -4px;
    }
    @media only screen and (min-width: 768px) {
        .btSearchMobile {
            display: none;
        }
        #BookmarkDropdownMenu {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        #monCompte .unread-messages-count-container {
            right: 8px;
        }
        #BookmarkDropdownMenu:hover,
        #monCompte:hover {
            color: #0783ac;
        }
        #BookmarkDropdownMenu:hover svg path,
        #monCompte:hover svg path {
            fill: #0783ac;
        }
    }

    @media only screen and (max-width: 767px) {
        #logo {
            width: 160px;
            height: 27px;
        }
        .menuNav {
            display: block;
            border: none;
            margin: 5px 10px 0 15px;
        }
        .linkBaseline .btnDepotMenu {
            display: none;
        }
        .DropdownMenu__menu {
            top: 50px;
            right: -6px;
            height: 100vh;
            width: 70vw;
            bottom: 0;
            box-sizing: border-box;
            box-shadow: none;
            border-radius: 0;
            line-height: 44px;
        }

        #BookmarkDropdownMenu {
            margin-right: 20px;
            color: #333;
        }

        #AccountDropdownMenu > .DropdownMenu__menu {
            right: -22px;
            top: 17px;
        }
        #NavDropdownMenu > .DropdownMenu__menu {
            top: 47px;
            left: 0;
        }
        .btSearchMobile {
            margin-right: 25px;
            height: 24px;
        }
        .DropdownMenu__menu li {
            line-height: 44px;
        }
        #monCompte .unread-messages-count-container {
            right: -8px;
        }
    }

    .DropdownMenu__menu li {
        border-bottom: 1px solid #ccc;
        padding: 0 15px;
    }

    .linkBaseline .icon-wrapper {
        cursor: pointer;
    }

    .subMenuBaseline-messaging a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-basis: 100%;
    }

    .menuPart li {
        padding: 0 10px;
        text-align: left;
    }

    .closeCross {
        display: none;
    }

    .linkBaseline .cbm-bullet--plus {
        font-size: 20px;
        text-align: center;
        border: 2px solid #fff;
        border-radius: 50%;
        display: block;
        line-height: 14px !important;
        margin-right: 10px;
        width: 16px;
        height: 16px;
        color: #fff !important;
        font-weight: bold !important;
    }

    .isLogged {
        position: relative;
    }

    #BookmarkDropdownMenu {
        cursor: pointer;
        position: relative;
    }

    #BookmarkDropdownMenu .icon {
        height: 24px;
    }

    .dropdownWrapper {
        position: relative;
    }

    .DropdownMenu .DropdownMenu__link {
        display: flex;
        flex-direction: column;
        align-items: center;
        border: none;
        background: none;
        cursor: pointer;
    }
    #AccountDropdownMenu #monCompte {
        display: none !important;
    }
    .subMenuBaseline-messaging {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #monCompte .subMenuBaseline-messaging .unread-messages-count-container {
        position: static !important;
    }
    .unread-messages-count-container {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background-color: #a70010;
        width: 18px;
        height: 18px;
        font-size: 10px;
        border-radius: 10px;
    }

    #monCompte .icon {
        height: 24px;
    }

    #monCompte.isLogged .icon-wrapper:not(.closeCross) {
        background-color: rgba(7, 131, 172, 0.75);
        border-radius: 50%;
    }

    #monCompte.isLogged .icon-wrapper {
        width: 24px;
        height: 24px;
    }

    #monCompte.isLogged .icon-wrapper:not(.closeCross) svg {
        transform: scale(0.6);
    }

    #monCompte.isLogged .icon-wrapper:not(.closeCross) svg path {
        fill: #fff;
    }

    .menuCounterBadge {
        display: none;
        background-color: #ce372e;
        color: #ffffff;
        border-radius: 50%;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: -8px;
        width: 18px;
        height: 18px;
        font-size: 10px;
    }

    .hasInfo .menuCounterBadge {
        display: flex;
    }

    .DropdownMenu__label {
        display: flex;
        padding-left: 4px;
        position: relative;
    }

    @media only screen and (max-width: 767px) {
        .DropdownMenu__label {
            display: none;
        }
    }

    #monCompte,
    .dropdownWrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

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

    /**
     * Fil d'ariane
     */

    .breadCrumb {
        overflow: hidden;
        color: #666666;
        max-width: 900px;
    }

    .breadCrumb ul,
    .breadCrumb ol {
        overflow: hidden;
        padding: 10px 0;
    }

    .breadCrumb li {
        float: left;
    }

    .breadCrumb li > a,
    .breadCrumb li > span {
        line-height: 30px;
        display: inline-block;
        vertical-align: middle;
    }

    .breadCrumb .separator {
        margin: 0 10px;
    }

    .breadCrumb a,
    .breadCrumb a:link,
    .breadCrumb a:visited,
    .breadCrumb a:focus {
        color: #666;
    }

    .breadCrumb sup {
        line-height: normal;
        text-decoration: none !important;
    }

    /**
     * Contenu de page
     */
    .mainContent {
        float: left;
    }

    .mainAside {
        float: left;
        width: 220px;
    }

    .listingPage .mainAside,
    .detailPage .mainAside {
        width: 300px;
    }

    /**
     * Pied de page
     */

    .line {
        margin: 0 0 15px;
    }

    .containerSite.containerFooter {
        background-color: #f1f1f1;
        margin-top: 20px;
    }

    .containerFooter .footerTitle {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .containerFooter .footerProAccess > div:first-child {
        font-weight: bold;
        margin-bottom: 15px;
    }

    .containerFooter .footerProAccess > div:last-child > a {
        line-height: 50px;
        height: 50px;
        vertical-align: middle;
        width: 200px;
        box-sizing: border-box;
        max-width: 94%;
        /* used in tablet view */
    }

    .containerFooter .line {
        margin: 0;
    }

    .containerFooter .line1,
    .containerFooter .line1 a {
        color: #333;
    }

    .containerFooter .line1 {
        border-bottom: 1px solid #c8c8c8;
        padding: 20px;
    }

    .containerFooter .line1 .col {
        width: 43%;
        display: inline-block;
        vertical-align: top;
    }

    .containerFooter .line1 .col1 {
        width: 30%;
    }

    .containerFooter .line1 .col3 {
        width: 23%;
    }

    .containerFooter .line1 .col3 .footerContent > ul > li {
        margin-bottom: 15px;
    }

    .containerFooter .line1 .col3 .footerContent > ul > li:last-child {
        margin-bottom: 0;
    }

    .containerFooter .line1 .col1 .footerContent > ul > li {
        clear: both;
        margin-bottom: 30px;
    }

    .containerFooter .line1 .col1 .footerContent > ul > li:last-child {
        margin-bottom: 0;
    }

    .containerFooter .line1 .col1 .footerContent > ul > li > span {
        display: table-cell;
        padding-right: 15px;
        vertical-align: middle;
    }

    .containerFooter .line1 .col1 .footerContent > ul > li > span:first-child {
        vertical-align: top;
    }

    .containerFooter .line1 .col2 .footerContent > div {
        margin-bottom: 15px;
    }

    .containerFooter .line1 .col2 .footerContent > div:last-child {
        margin-bottom: 0;
    }

    .containerFooter .line1 .btnApps {
        background-color: #e1e1e1;
    }

    .containerFooter .line1 .btnApps:hover {
        background-color: #c8c8c8;
    }

    .containerFooter .line2 {
        padding: 10px;
    }

    .containerFooter .line2 > ul {
        text-align: center;
    }

    .containerFooter .line2 > ul > li {
        display: inline-block;
    }

    .containerFooter .line2 > ul > li a {
        border-right: 1px solid #999;
        padding: 5px 15px;
        color: #333;
        display: inline-block;
    }

    .containerFooter .line2 > ul > li:last-child a {
        border-right: 0;
    }

    .containerFooter .line3 {
        text-align: center;
        padding: 10px 0;
        color: #333;
    }

    .containerFooter .line3 a {
        color: #333 !important;
        text-decoration: underline;
    }

    .containerFooter .line4 {
        background-color: white;
        padding: 20px;
    }

    .containerFooter .line4 .footerContent > ul {
        text-align: center;
        font-size: 0;
        /*hack pour display:inline-block de l'enfant*/
    }

    .containerFooter .line4 .footerContent > ul > li {
        display: inline-block;
        vertical-align: top;
        width: 16.6%;
        min-width: 180px;
        text-align: center;
        margin-bottom: 20px;
    }

    .containerFooter .line4 .footerContent > ul > li > a {
        color: #333 !important;
    }

    .containerFooter .line4 .footerContent > ul > li span {
        display: block;
        margin-top: 5px;
        line-height: 50px;
        clear: both;
    }

    .containerFooter .line4 .footerContent > ul > li img {
        vertical-align: middle;
    }

    /* *************************************************
 * Moteur de recherche searchForm : listing, home  *
 ************************************************* */

    .searchForm {
        position: relative;
        color: #333;
    }

    .searchForm form {
        background: #f3f3f3;
    }

    .searchForm .criteres {
        background: #f3f3f3;
        overflow: hidden;
        border-top: 1px solid #c8c8c8;
    }

    .searchForm form > fieldset > div {
        padding: 0 10px;
    }

    .searchForm form > fieldset > legend {
        background-color: #e1e1e1;
        box-sizing: border-box;
        color: #333;
        display: block;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%;
    }

    .searchForm #cp {
        width: 128px;
    }

    .searchForm #version {
        padding-left: 25px;
    }

    .searchForm .jsEquipOptCloseCtrl {
        color: black;
    }

    .searchForm #versionContent {
        margin-top: -10px;
        position: absolute;
        z-index: 100;
        left: 2.5%;
        right: 3%;
        margin-right: -1px;
        margin-left: 1px;
    }

    .searchForm #Version_list {
        border: 1px solid #c2c2c2;
        border-top: 0;
        padding: 10px;
        background: white;
    }

    .searchForm form {
        margin-bottom: 20px;
    }

    .searchForm .EquipOptContent {
        background: white;
        box-sizing: border-box;
        margin: -10px 0 0;
        position: absolute;
        z-index: 100;
        width: 100%;
        padding: 10px;
        border: 1px solid #b2b2b2;
        border-top: 0;
        max-height: 500px;
        overflow: auto;
    }

    .searchForm .EquipOptContent label input[type="checkbox"] {
        margin-right: 3px;
    }

    .searchForm .EquipOptContent p {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 0;
    }

    #Version_list_shadow {
        display: none !important;
    }

    #checkSetCloseList {
        margin-top: 10px;
        margin-right: 5px;
    }

    /* Bloc de choix de la cat?gorie : Home, listing*/

    #div_category {
        background: white;
        border: 1px solid #c8c8c8;
        border-top: 0;
        box-sizing: border-box;
        margin-top: -10px;
        padding: 10px;
        position: absolute;
        width: 100%;
        z-index: 9;
    }

    #div_category > div.divClose {
        clear: both;
        text-align: center;
    }

    #div_category > div > input {
        margin-right: 5px;
        vertical-align: middle;
    }

    #div_category > div > label {
        display: block;
        line-height: 40px;
    }

    #div_category > div > label > .PictoCat {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin-right: 5px;
    }

    #div_category > div > label > .PictoCat > span {
        display: block;
        font-size: 12px;
        line-height: 20px;
    }

    #div_category.div_category_loisir > div {
        margin-bottom: 20px;
    }

    #div_category.div_category_moto > div:not(.divClose) {
        float: left;
        width: 50%;
    }

    #div_category.div_category_loisir > div:not(.divClose) {
        float: left;
        width: 50%;
        line-height: 20px;
    }

    /* Vignettes de recap des criteres de recherche (moteur de recherche + page d'alerte) */
    .criteriaList > a,
    .criteriaList > span {
        border-radius: 3px;
        margin-right: 1px;
        white-space: nowrap;
        display: inline-block;
        line-height: 30px;
        background: #282b34;
        color: white;
        padding: 0 8px;
        transition: background-color 150ms;
    }

    .criteriaList > a:hover {
        background: #585a60;
        text-decoration: line-through;
    }

    /* crois de fermeture */
    .criteriaList > a > span {
        text-transform: lowercase;
        border-left: 1px solid white;
        color: white;
        line-height: 30px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 8px;
        margin-left: 8px;
        float: right;
    }

    /* *****************************
     *          Common CSS         *
     ***************************** */

    .cbm-title--section {
        border-bottom: 2px solid #3981a9;
        margin-bottom: 15px;
        padding-bottom: 10px;
        font-weight: bold;
        color: #333;
    }

    .box {
        color: #333333;
        margin-bottom: 10px;
        padding: 8px;
    }

    .btnDepopass {
        background-color: #015093 !important;
        white-space: nowrap;
        color: white !important;
        text-decoration: none !important;
    }

    .btnDepopass:hover {
        opacity: 1.1;
        background-color: #00345b !important;
    }

    /* Sondage : Listing et Detail */
    .sondage {
        margin: 20px 0;
        border: 1px solid #c8c8c8;
    }

    .sondageSearch {
        background: #f5f5f5;
        margin-top: 15px;
    }

    .sondageSearch .TitreSondage {
        padding: 10px;
        color: #333;
        font-size: 18px;
    }

    .proDirectoryPoll .TitreSondage {
        background-color: #0783ac;
        color: #fff;
        font-weight: bold;
        padding: 10px;
        margin-bottom: 0;
    }

    .proDirectoryPoll .sondage {
        margin-top: 0;
    }

    /* Boite Mes serveices : Detail, Cote, Fiches tech ... */
    .boxServ {
        background: #f3f3f3;
        margin: 20px 0;
    }

    .boxServ .title {
        color: #333333;
        margin-bottom: 10px;
    }

    .boxServ li:not(:last-child) {
        margin-bottom: 10px;
    }

    .boxServ a {
        display: block;
        padding: 0 10px;
        text-align: left;
    }

    /* Volume du coffre */
    .VolumeCoffre {
        /*overflow:hidden;*/
    }

    .VolumeCoffre .sousTitre {
        padding-bottom: 10px;
    }

    .VolumeCoffre .divCoffre {
        margin: 20px auto 80px;
        padding: 0 5px;
        width: 280px;
    }

    .VolumeCoffre .divCoffre .graphCoffre {
        position: relative;
    }

    .VolumeCoffre .divCoffre .chiffreCoffre {
        width: 18px;
        position: absolute;
        top: -14px;
        z-index: 10;
    }

    .VolumeCoffre .divCoffre .legendeMoyModele,
    .VolumeCoffre .divCoffre .legendeMoyAuto {
        clear: both;
        color: #999;
        width: 100%;
        position: absolute;
        text-align: center;
    }

    .VolumeCoffre .divCoffre .legendeMoyModele {
        top: 45px;
    }

    .VolumeCoffre .divCoffre .legendeMoyAuto {
        top: 25px;
        margin: 0 -2px;
    }

    .VolumeCoffre .divCoffre .selectionLine {
        border: 1px solid #999;
        border-top: none;
        display: block;
        font-size: 5px;
        width: 100%;
        padding: 0;
        margin-bottom: -10px;
    }

    .VolumeCoffre .divCoffre .selectionValue {
        background-color: white;
        padding: 04px;
        white-space: nowrap;
    }

    .VolumeCoffre .divCoffre .minAuto,
    .VolumeCoffre .divCoffre .maxAuto,
    .VolumeCoffre .divCoffre .minModele,
    .VolumeCoffre .divCoffre .maxModele {
        color: #666;
        position: absolute;
    }

    .VolumeCoffre .divCoffre .minAuto {
        left: 0;
        margin-left: -5px;
        margin-top: -25px;
    }

    .VolumeCoffre .divCoffre .maxAuto {
        margin-right: -5px;
        margin-top: -25px;
        right: 0;
    }

    .VolumeCoffre .divCoffre .minModele {
        left: -12px;
        top: 20px;
    }

    .VolumeCoffre .divCoffre .maxModele {
        right: -12px;
        top: 20px;
    }

    .VolumeCoffre .divCoffre .moyAuto {
        background-color: #282b34;
        position: relative;
        height: 9px;
    }

    .VolumeCoffre .divCoffre .moyModele {
        background-color: #0783ac;
        height: 9px;
        overflow: visible;
        z-index: 5;
        position: absolute;
        top: 0;
    }

    /* Bloc annonces consultees : Home + Listing */
    .zoomTitle {
        font-weight: bold;
        color: #333;
        margin-bottom: 20px;
        margin-top: 40px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

    .zoomAds {
        overflow: hidden;
    }

    .zoomAds li {
        float: left;
        width: 12%;
        margin: 0 1%;
    }

    .zoomAds li:first-child {
        margin-left: 2%;
    }

    .zoomAds li a {
        color: #333;
        text-align: center;
    }

    .zoomAds li a img {
        border: 1px solid #ddd;
        margin-bottom: 10px;
        width: 100%;
    }

    .zoomAds li a * {
        display: block;
    }

    /* Liens Cara : Listing, listing cote, listing fiche tech, detail, detail cote, detail fiche tech */
    #liensCara {
        border: 1px solid #c8c8c8;
        margin-bottom: 20px;
    }

    #liensCara #TitreInterLinkingtxt {
        background-color: #2c5994;
        font-weight: normal;
        color: white;
        padding-left: 3%;
        margin-bottom: 10px;
        width: 97%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #liensCara #TitreInterLinkingtxt > span {
        white-space: nowrap;
        color: white;
    }

    #liensCara #TitreInterLinkingtxt i {
        margin-left: 2px;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform-origin: 0 24px 0;
    }

    #liensCara #InterLinkingtxt {
        padding: 0 8px 8px;
    }

    #liensCara .typeArticle,
    #liensCara .sousTitreCara {
        color: #00336e;
        padding-bottom: 10px;
        display: block;
    }

    #liensCara .Article {
        border-bottom: 1px solid #c8c8c8;
    }

    #liensCara .Article a {
        display: block;
        padding: 10px 0;
        position: relative;
        overflow: hidden;
    }

    #liensCara .Article:last-child {
        border-bottom: 0;
    }

    #liensCara .Article:last-child a {
        padding-bottom: 0;
    }

    #liensCara .Article img {
        float: left;
        padding-right: 5px;
    }

    #liensCara .noteAvis {
        position: absolute;
        top: 10px;
        left: 0;
        color: white;
        padding: 0 2px;
        border-radius: 3px;
        background: #2b5080;
        background: -moz-linear-gradient(top, #2b5080 0%, #3769aa 100%);
        background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0%, #2b5080),
            color-stop(100%, #3769aa)
        );
        background: -webkit-linear-gradient(top, #2b5080 0%, #3769aa 100%);
        background: -o-linear-gradient(top, #2b5080 0%, #3769aa 100%);
        background: -ms-linear-gradient(top, #2b5080 0%, #3769aa 100%);
        background: linear-gradient(to bottom, #2b5080 0%, #3769aa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b5080', endColorstr='#3769aa', GradientType=0);
    }

    #liensCara .noteAvis strong {
        font-weight: normal;
        font-size: 1.3em;
    }

    #liensCara .infoVehi,
    #liensCara .infosMoto {
        display: block;
        padding-bottom: 10px;
        border-bottom: 1px solid #c8c8c8;
        color: #2c2c2c;
    }

    #liensCara .typeDoc {
        color: #666;
        margin-left: 5px;
    }

    #liensCara .leForumVehi {
        display: block;
        padding: 10px 0;
        color: #2c2c2c;
        border-bottom: 1px solid #c8c8c8;
    }

    #liensCara .labelDoc {
        display: block;
        text-decoration: none;
        color: #333;
        margin-top: 2px;
        margin-right: 40px;
    }

    .pictoStarFull,
    .pictoStarHalf,
    .pictoStarEmpty {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    /* **************************** *
    *           REGIE PUB           *
    ******************************* */
    .containerGlobal {
        z-index: 1;
        min-height: 100%;
    }

    .containerSite {
        background-color: white;
        margin: 0 auto;
        clear: both;
        position: relative;
        /* pour que le site passe au dessus de l'ahbillage de pub */
    }

    .containerBanner .containerSite {
        background-color: transparent;
    }

    .noPub .containerBanner .containerSite {
        display: none !important;
    }

    .interstitielContainer > div {
        z-index: 11000000;
        position: fixed;
        text-align: center;
        width: 100%;
    }

    .habillageContainer2 {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: fixed;
        z-index: 0;
        overflow: hidden;
        text-align: center;
    }

    .habillageContainer {
        width: 1800px;
        position: absolute;
        left: 50%;
        margin-left: -900px;
    }

    .bannerContainer {
        float: left;
        width: 736px;
        height: 90px;
        text-align: center;
    }

    .expresswayContainer {
        background: #e7e7e7 url(/images/lc_fr/expressWayInfo.png) no-repeat
            437px center;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
        float: right;
        overflow: hidden;
        height: 90px;
        padding: 10px 5px 0;
        padding-right: 24px;
        width: 462px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .expresswayContainer,
    .expresswayContainer > div a,
    .dispFlex {
        display: inline-flex;
        display: flexbox;
        display: flex;
        justify-content: flex-start;
    }

    .expresswayContainer > div {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 49%;
    }

    .expresswayContainer > div a {
        color: #333;
    }

    .expresswayContainer div.stationImages {
        align-self: flex-start;
        min-height: 26px;
        margin-right: 5px;
    }

    .expresswayContainer div.stationImages img {
        max-width: 26px;
    }

    .expresswayContainer > div a > div > div.stationTitle {
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        vertical-align: top;
        line-height: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .expresswayContainer > div a > div > div.stationDesc {
        font-size: 12px;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .expresswayContainer.jsOneAd {
        display: block;
    }

    .expresswayContainer.jsOneAd div.stationImages {
        height: 70px;
        line-height: 70px;
        margin: 0 25px;
        max-width: 110px;
        width: auto;
    }

    .expresswayContainer.jsOneAd div.stationImages img {
        max-width: 110px;
    }

    .expresswayContainer.jsOneAd > div a > div > div.stationTitle {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }

    .expresswayContainer.jsOneAd > div a > div > div.stationDesc {
        font-size: 16px;
        line-height: 25px;
    }

    #pavePub {
        min-height: 250px;
    }

    .appnexusButton {
        display: inline;
        float: left;
        width: 263px;
        height: 127px;
        background: #ccc;
        margin: 0 15px 15px 0;
    }

    /* Appnexus Format NativeAds*/
    .appnexusNative {
        background-color: #f3f3f3;
        border-top: 1px solid #c8c8c8;
        padding: 10px;
    }

    .appnexusNative > a {
        color: #333;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .appnexusNative > a > span {
        box-sizing: border-box;
    }

    .appnexusNative > a .desc {
        display: block;
        min-height: 70px;
    }

    .appnexusNative > a .title {
        display: block;
        margin-bottom: 5px;
    }

    .appnexusNative > a .description {
        display: block;
        margin-bottom: 5px;
    }

    .appnexusNative > a .link {
        color: #00336e !important;
        display: block;
        margin-bottom: 5px;
    }

    .appnexusNative > a .link:hover {
        text-decoration: underline;
    }

    .appnexusNative > a .sponsored_by {
        display: block;
        font-size: 12px;
        font-style: italic;
    }

    .appnexusNative > a .main_img {
        max-width: 100%;
        max-height: 100px;
        float: right;
        padding-left: 10px;
        box-sizing: border-box;
    }

    /* Appnexus Format NMP */
    .cbm-nmp {
        border: 1px solid #333;
    }

    .cbm-nmp__title {
        font-size: 20px;
        font-weight: bold;
        padding: 0 10px;
        line-height: 35px;
        background-color: black;
        color: white;
    }

    .appnexusNmp {
        overflow: hidden;
        clear: both;
        padding: 10px 5px;
    }

    .appnexusNmp > a.nmpWrapper {
        display: flex;
        flex-direction: column;
    }

    .appnexusNmp > a .main_img {
        max-width: 100%;
        box-sizing: border-box;
        border: 1px solid #c8c8c8;
        order: 2;
    }

    .appnexusNmp > a .title {
        color: #333;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #e1e1e1;
        padding: 5px;
        text-align: center;
        order: 1;
    }

    .appnexusNmp > a .description {
        display: block;
        color: #333;
        text-overflow: ellipsis;
        order: 3;
        padding-top: 5px;
    }

    .appnexusNmp > a .description .nmpInnerLink {
        color: #00336e !important;
        text-decoration: underline;
        margin-left: 4px;
    }

    .appnexusNmp > a .link {
        display: block;
        padding-left: 6px;
    }

    /* Mobile */
    @media only screen and (max-width: 767px) {
        .cbm-nmp__title {
            font-size: 22px;
        }
    }

    /* Desktop */
    @media only screen and (min-width: 1200px) {
        .appnexusNmp > a .main_img {
            width: 100%;
        }

        .appnexusNmp > a .description {
            overflow: hidden;
        }
    }

    /* Mobile + Tablette */
    @media only screen and (max-width: 1199px) {
        .appnexusNmp > a.nmpWrapper {
            display: grid;
            grid-template-columns: 140px 1fr;
        }

        .appnexusNmp > a > span {
            box-sizing: border-box;
        }

        .appnexusNmp > a .title {
            background-color: transparent;
            text-align: left;
            float: left;
            clear: right;
            grid-column-start: 2;
            padding-top: 0;
        }

        .appnexusNmp > a .main_img {
            width: 140px;
            grid-column-start: 1;
            grid-row-start: 1;
            grid-row-end: 3;
        }

        .appnexusNmp > a .description {
            font-size: 15px;
            overflow: hidden;
            line-height: 1.2em;
            text-align: justify;
            padding: 0 5px 5px 5px;
            float: left;
            position: relative;
            grid-column-start: 2;
        }

        .appnexusNmp > a .description .nmpInnerLink,
        .appnexusNmp > a .description a {
            display: block;
            margin-left: 0;
        }

        .appnexusNmp > a .description:before {
            content: "...";
            position: absolute;
            right: 0;
            bottom: 5px;
        }

        .appnexusNmp > a .description:after {
            content: "";
            position: absolute;
            right: 11px;
            width: 1em;
            height: 1em;
            margin-top: 0.2em;
            background: white;
        }
    }

    /* ************************************************ *
    *           Pagination : Listing, compte part       *
    *************************************************** */
    .pagination {
        background: #f3f3f3;
        padding: 8px;
        margin: 15px 0;
        overflow: hidden;
        text-align: center;
    }

    .pagination ul {
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }

    .pagination li {
        text-align: center;
    }

    .pagination .first a {
        border-radius: 5px 0 0 5px;
    }

    .pagination .last a {
        border-radius: 0 5px 5px 0;
        border-right: 1px solid #c8c8c8;
    }

    .pagination a {
        background: #e1e1e1;
        border: 1px solid #c8c8c8;
        border-right: 0;
        color: #333;
        display: inline-block;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        width: 40px;
    }

    .pagination .active {
        background: white !important;
    }

    /* ************************************************************* *
    *  Menu Categorie  	(page listing, services, conseils etc ...)	 *
    **************************************************************** */
    .menuCategory {
        width: 100%;
        background: #ffffff;
        overflow: hidden;
    }

    .menuCategory .menuCategoryContent ul {
        margin: 0 0 15px 0;
        overflow: hidden;
    }

    .menuCategory .menuCategoryContent ul li {
        float: left;
        text-align: center;
        width: 65px;
    }

    .menuCategory .menuCategoryContent ul li:first-child a {
        border-radius: 5px 0 0 5px;
    }

    .menuCategory .menuCategoryContent ul li:last-child a {
        border-right: 1px solid #c8c8c8;
        border-radius: 0 5px 5px 0;
    }

    .menuCategory .menuCategoryContent a {
        display: block;
        background: #e1e1e1;
        padding: 3px 0 2px;
        border: 1px solid #c8c8c8;
        border-right: 0;
    }

    .menuCategory .menuCategoryContent .active a {
        background: white;
        cursor: default;
    }

    .menuCategory .menuCategoryContent a.disabled {
        opacity: 1;
    }

    /* ************************************************************* *
     * Mot de passe oublie (page de compte, de creation d'alerte...) *
     * ************************************************************* */
    a.forgetPass {
        color: #333;
        text-decoration: underline;
    }

    .popinForgetPass label {
        line-height: 16px;
    }

    #password-forgotten-form #login {
        border: 1px solid #bababa;
        height: 30px;
        width: 150px;
        padding: 0 5px;
    }

    /* *********************************************************************
     * CO2 et Conso mixte - tb_barometre_CO2 - Detail et detail fiche tech *
     * ******************************************************************* */
    .consoLine {
        height: 9px;
        background: rgba(6, 156, 4, 1);
        background: -moz-linear-gradient(
            left,
            rgba(6, 156, 4, 1) 0%,
            rgba(251, 255, 2, 1) 30%,
            rgba(251, 255, 2, 1) 34%,
            rgba(252, 92, 0, 1) 49%,
            rgba(210, 20, 20, 1) 100%
        );
        background: -webkit-gradient(
            left top,
            right top,
            color-stop(0%, rgba(6, 156, 4, 1)),
            color-stop(30%, rgba(251, 255, 2, 1)),
            color-stop(34%, rgba(251, 255, 2, 1)),
            color-stop(49%, rgba(252, 92, 0, 1)),
            color-stop(100%, rgba(210, 20, 20, 1))
        );
        background: -webkit-linear-gradient(
            left,
            rgba(6, 156, 4, 1) 0%,
            rgba(251, 255, 2, 1) 30%,
            rgba(251, 255, 2, 1) 34%,
            rgba(252, 92, 0, 1) 49%,
            rgba(210, 20, 20, 1) 100%
        );
        background: -o-linear-gradient(
            left,
            rgba(6, 156, 4, 1) 0%,
            rgba(251, 255, 2, 1) 30%,
            rgba(251, 255, 2, 1) 34%,
            rgba(252, 92, 0, 1) 49%,
            rgba(210, 20, 20, 1) 100%
        );
        background: -ms-linear-gradient(
            left,
            rgba(6, 156, 4, 1) 0%,
            rgba(251, 255, 2, 1) 30%,
            rgba(251, 255, 2, 1) 34%,
            rgba(252, 92, 0, 1) 49%,
            rgba(210, 20, 20, 1) 100%
        );
        background: linear-gradient(
            to right,
            rgba(6, 156, 4, 1) 0%,
            rgba(251, 255, 2, 1) 30%,
            rgba(251, 255, 2, 1) 34%,
            rgba(252, 92, 0, 1) 49%,
            rgba(210, 20, 20, 1) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#069c04', endColorstr='#d21414', GradientType=1);
    }

    .consoLine.disabled {
        background: #ccc;
    }

    .consoUnavailableTxt {
        color: #666;
        padding-bottom: 2px;
        text-align: center;
    }

    #Conso,
    .EchelleCO2 {
        width: 270px;
        margin-bottom: 30px;
        margin-top: 10px;
        position: relative;
        padding: 0 10px;
    }

    .EchelleCO2 .triangle {
        margin-bottom: -2px;
    }

    /* **************************************
    *   Push to talk                        *
    *************************************** */
    .cbm_div_push2Talk {
        background: none repeat scroll 0 0 #282b34;
        border-radius: 5px;
        display: inline-block;
        font-weight: normal;
        text-decoration: none;
        margin-top: 10px;
        line-height: 32px;
    }

    .cbm_div_push2Talk a {
        color: white;
        display: block;
        padding: 0 10px 0 4px;
        margin: 0;
    }

    .cbm_div_push2Talk:hover {
        background: #17191f;
    }

    /* **************************************
    *   Page spot de pub                    *
    *************************************** */
    .listPubs .radioArrow:hover {
        cursor: pointer;
    }

    #listVideos {
        display: flex;
        justify-content: space-evenly;
        margin: 0 auto;
        clear: both;
        margin-top: 50px;
        overflow: hidden;
    }

    #listVideos li {
        margin-bottom: 10px;
        flex-basis: 25%;
        text-align: center;
    }

    .spotImg {
        border: 2px solid #c8c8c8;
    }

    #mainVid {
        width: 80%;
        border: 5px solid #c8c8c8;
    }

    /* **************************************
    *   Page Listing Flat                   *
    *************************************** */
    .ListeModeleMarque .containerArea .titleArea {
        border-top: 1px solid #c8c8c8;
        margin-top: 20px;
        padding-top: 15px;
    }

    .ListeModeleMarque .containerArea .titleArea a {
        color: #333;
        display: block;
        padding-bottom: 15px;
    }

    .ListeModeleMarque .containerArea ul > li > a {
        color: #333;
        padding-left: 15px;
    }

    .ListeModeleMarque .containerArea ul {
        display: flex;
        flex-wrap: wrap;
        padding-left: 80px;
        padding-top: 10px;
    }

    .ListeModeleMarque .containerArea ul li {
        flex: 0 0 33.3333%;
        border-right: 1px solid #c8c8c8;
        box-sizing: border-box;
    }

    .ListeModeleMarque .containerArea ul li:nth-child(3n) {
        border: none;
    }

    .ListeModeleMarque .containerArea ul li a {
        display: block;
        padding-bottom: 15px;
    }

    .ListeModeleMarque {
        box-sizing: border-box;
        overflow: hidden;
        padding: 0 20px 20px;
        width: 100%;
    }

    .ListeModeleMarque > div > * {
        padding-left: 5px;
    }

    .ListeModeleMarque .modelBlocContent {
        margin: 10px 0px;
        clear: both;
        overflow: hidden;
    }

    .ListeModeleMarque span.nombre {
        color: #888;
    }

    .ListeModeleMarque .borderBlocModel {
        border-bottom: 1px solid #d8d8d8;
    }

    .ListeModeleMarque .modelBlocContent .colLetter {
        width: 10%;
    }

    .ListeModeleMarque .modelBlocContent .colLink {
        width: 90%;
        padding-bottom: 10px;
    }

    .ListeModeleMarque .modelBlocContent .colLink li {
        overflow: hidden;
        display: block;
        height: auto;
    }

    .ListeModeleMarque .modelBlocContent .colLink li.modelLi {
        overflow: hidden;
        display: block;
        padding-bottom: 5px;
    }

    .ListeModeleMarque .modelBlocContent .colLink a {
        line-height: 41px;
    }

    .ListeModeleMarque .modelBlocContent .colLink a.url {
        color: #000;
        font-family: arial;
    }

    .ListeModeleMarque .modelBlocContent .colLink a.url:hover {
        text-decoration: underline;
    }

    .ListeModeleMarque .modelBlocContent .logoMarqueLink {
        width: 50px;
        height: auto;
        float: left;
        margin-right: 10px;
    }

    .ListeModeleMarque .column3 {
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
        column-width: 33%;
        -webkit-column-width: 33%;
        -webkit-column-rule: 1px solid #c8c8c8;
        -moz-column-rule: 1px solid #c8c8c8;
        column-rule: 1px solid #c8c8c8;
        vertical-align: top;
        display: table-cell;
    }

    .ListeModeleMarque .column2 {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        column-width: 50%;
        -webkit-column-width: 50%;
        -webkit-column-rule: 1px solid #c8c8c8;
        -moz-column-rule: 1px solid #c8c8c8;
        column-rule: 1px solid #c8c8c8;
    }

    .ListeModeleMarque .column2,
    .ListeModeleMarque .column3,
    .ListeModeleMarque .column5,
    .ListeModeleMarque .column6 {
        -webkit-column-gap: 35px;
        -moz-column-gap: 35px;
        column-gap: 35px;
        column-span: 1;
        column-fill: auto !important;
    }

    #alphabet {
        padding: 10px 12px;
        width: auto;
        border-right: none;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        text-align: center;
    }

    #alphabet li {
        text-align: center;
        float: left;
        border: 1px solid #ccc;
    }

    #alphabet li a {
        background-color: #e1e1e1 !important;
        color: #333 !important;
        line-height: 32px;
        display: inline-block;
        padding: 0 15px;
    }

    #alphabet li a:hover {
        background-color: #c8c8c8 !important;
        text-decoration: underline;
    }

    .TitretouteMarque,
    .TitretousModelees {
        color: #333;
        font-family: Arial;
        font-size: 20px;
        font-weight: normal;
        display: block;
        margin: 10px 0;
    }

    .sousTitreTouteMarque,
    .sousTitreTousModeles {
        color: #000;
        font-family: Arial, sans-serif;
        display: block;
    }

    .ColumnContMarquesModeles {
        float: left;
        width: 33%;
    }

    .ColumnContMarquesModeles a {
        color: #007eff;
        font-family: Verdana;
        font-size: 12px;
        text-decoration: none;
    }

    .ColumnContMarquesModeles ul {
        margin: 0 10px 10px;
    }

    .ColumnContMarquesModeles ul li.letter:first-child {
        margin: 0 0 10px;
    }

    .letter a {
        color: #333;
        font-family: Arial;
        font-size: 20px;
        font-weight: bold;
        width: 32px;
        height: 32px;
        display: block;
        text-align: center;
    }

    .letter .retour {
        color: #007eff;
        padding-left: 10px;
    }

    .upCtrl {
        position: fixed;
        z-index: 1000;
        bottom: 10px;
        font-weight: bold;
        min-width: 12px;
        background-color: #08244c !important;
        color: white !important;
        right: 85px;
    }

    .pR7 {
        padding-right: 7px !important;
    }

    .width100 {
        width: 100% !important;
    }

    /* **************************************************
    *   Popin Mails                                     *
    *************************************************** */
    .popinMailDealer {
        width: 750px;
        margin-left: -375px;
    }

    .formAbus label span,
    .popinMailDealer .field label {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        min-width: 100px;
    }

    .popinMailDealer .field:not(.fieldCaptcha) label {
        width: 40%;
    }

    .popinMailDealer #civilite label,
    .popinMailDealer .field label[for="message"],
    .popinMailDealer .field label[for="Kontrol"] {
        margin-bottom: 5px;
    }

    .popinSuspect input:not(.btnRed) {
        display: inline-block;
        vertical-align: middle;
        padding: 3px 1%;
        min-width: 100px;
        width: 50%;
    }

    .popinSuspect input:not(.btnRed) {
        position: relative;
        top: 5px;
    }

    .popinMailDealer .fieldObject label {
        width: 12%;
        min-width: 50px;
    }

    .popinMailDealer .fieldObject select {
        width: 87%;
    }

    .popinMailDealer .fieldMsg label {
        display: block;
        width: auto;
    }

    .popinMailDealer .fieldCaptcha input {
        width: 25%;
    }

    .popinMailDealer .fieldCaptcha img {
        max-width: 200px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

    /* **************************************************
    *   Popin telechargement applis LC                  *
    *************************************************** */
    .popinApp .btnPopinConfirmKO {
        margin-bottom: 15px;
    }

    .popinApp .btnPopinConfirmOK {
        margin-bottom: 15px;
        margin-right: 15px;
    }

    .popinApp .popinMessage {
        font-weight: bold;
    }

    /* **************************************************
     *   Popin Localisation Map                         *
     ************************************************** */
    .contentToSave .popinMap {
        max-width: 100%;
        margin-top: 10px;
    }

    .contentToSave img {
        width: 100%;
    }

    /* **************************************************
    *   Formulaires Abus du detail et detail de cote    *
    *************************************************** */
    .formAbus,
    .formContactCote {
        padding: 10px;
        z-index: 100;
        margin: 0 auto;
    }

    .formAbus label span,
    .formContactCote label span {
        font-weight: bold;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .formContactCote label {
        clear: both;
        display: block;
    }

    .formContactCote label span {
        display: inline-block;
        min-width: 25%;
    }

    .formAbus input,
    .formAbus textarea {
        margin-bottom: 12px;
    }

    .formContactCote input,
    .formContactCote textarea {
        margin-bottom: 12px;
    }

    .formContactCote input[type="submit"],
    .formContactCote textarea {
        margin-left: 15%;
        width: 70%;
    }

    .formContactCote textarea {
        height: 200px;
    }

    .formContactCote input[type="submit"],
    .formAbus input[type="submit"] {
        border: 0 none;
        border-radius: 3px;
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .formAbus label.error span,
    .formAbus .response.error ul li,
    .formContactCote label.error span,
    .formContactCote .response.error ul li {
        color: red;
    }

    .formAbus label.error input,
    .formAbus label.error textarea,
    .formContactCote label.error input,
    .formContactCote label.error textarea {
        border: 1px solid red;
    }

    .formAbus .response,
    .formContactCote .response {
        margin-bottom: 10px;
    }

    .formAbus .response .confirm,
    .formContactCote .response .confirm {
        color: #008000;
    }

    /* ******************************************************************************************************
     * Mod?le pour les pages et popins de conditions generales                                              *
     ****************************************************************************************************** */

    .generalTermsContainer p {
        margin-left: 20px;
    }

    .generalTermsContainer ul {
        margin-left: 20px;
    }

    .generalTermsContainer ul li {
        list-style: outside;
        margin-left: 20px;
    }

    .generalTermsContainer a {
        color: inherit;
        text-decoration: underline;
        word-break: break-word;
        hyphens: auto;
    }

    /* ******************************************************************************************************
     *                                              Print                                                   *
     ****************************************************************************************************** */
    @media only print {
        .containerNavMobile,
        .habillageContainer2,
        .interstitielContainer,
        .upSystem,
        .paveCookies,
        .containerBanner,
        .openingHours,
        .logoLink > span,
        #annuaireConcess .hiddenTablet {
            display: none !important;
        }

        .containerFooter {
            page-break-inside: avoid;
        }
    }
}

.needHelp {
    z-index: 10;
}

.needHelp svg {
    width: 35px;
    height: 31px;
    transform: scale(0.8);
}

.crossLinkFooter {
    font-size: 15px;
}

#higher {
    display: none;
}

.needHelpCTA svg g {
    fill: #fff !important;
}

.LOMLawMessageSection {
    margin: 15px 0 20px 0;
    text-align: center;
    font-size: 20px;
    color: #333;
}

.onlySmallTablet {
    display: none;
}

@media only screen and (max-width: 767px) {
    .LOMLawMessageSection {
        font-size: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 969px){

    .hiddenSmallTablet {
        display: none;
    }

    .baseLineWrapper {
      padding: 0 8px 0 12px !important;
    }
    
    .logoLink svg {
        width: 120px;
    }
    
    .headerWrapper .containerSite.baseLineWrapper .containerSite .rubLinks {
        padding: 0 8px;
    }
    
    .responsive .rubLinks li > a {
        padding: 0;
    }
    
    .responsive .linkBaseline {
      margin-right: 0;
    }
    
    .headerWrapper .containerSite.baseLineWrapper .linkBaseline .btSearch {
      margin-right: 0;
    }
    
    #monCompte {
      margin: 0;
    }
    
    .linkBaseline {
      gap: 8px;
    }
    
    .headerWrapper .containerSite.baseLineWrapper .containerSite .rubLinks li {
      margin-left: 0;
    }
      
    .containerMenu .rubLinks > li, .menuWrapper .rubLinks > li {
      padding: 0;
      }
      
    .headerWrapper .containerSite.baseLineWrapper .linkBaseline .verticalDivider {
      margin-right: 0;
      }

}