body.concession-theme2{background-color:#000; color:#FFF;}

.concession-theme2 .navbar-header .main-logo .logo-img{max-width: 180px; height: auto;}

.concession-theme2 h1,
.concession-theme2 h2,
.concession-theme2 label,
.concession-theme2 .contenu-vehicules .titre-accueil a,
.concession-theme2 .navbar-default .navbar-nav > li > a{color: #FFF;}
.concession-theme2 .navbar-default .navbar-nav > li > a:hover{color: #ed1c24;}
.concession-theme2 .navbar-default .navbar-nav > li > a{font-style: normal;}
.concession-theme2 .page-rdv-atelier h2{text-align:center;}
.concession-theme2 .page-rdv-atelier .CLArticle-only-image a{color: #ed1c24; text-decoration: underline;}

.concession-theme2 .navbar-default{
    border-bottom: 1px solid #333;
    background-color: rgba(0,0,0,0.8);
}

.concession-theme2 .navbar-default .navbar-header .navbar-toggle{border-color: #464646; background-color: #222;}
.concession-theme2 .navbar-default .navbar-header .navbar-toggle:hover{background-color: #ed1c24; border-color: #ed1c24;}
.concession-theme2 .navbar-default .navbar-header .navbar-toggle .icon-bar{background-color: #EEE;}

.concession-theme2 .owl-theme .owl-dots .owl-dot.active span,
.concession-theme2 .owl-theme .owl-dots .owl-dot:hover span,
.concession-theme2 .slider .owl-theme .owl-dots .owl-dot.active span,
.concession-theme2 .slider .owl-theme .owl-dots .owl-dot:hover span,
.concession-theme2 .occasions-accueil .owl-dots .owl-dot.active span,
.concession-theme2 .occasions-accueil .owl-dots .owl-dot:hover span{width: 34px; height: 4px;}

.concession-theme2 .owl-theme .owl-dots .owl-dot span,
.concession-theme2 .slider .owl-theme .owl-dots .owl-dot span,
.concession-theme2 .occasions-accueil .owl-dots .owl-dot span{width: 10px; height: 10px;}

.concession-theme2 .bloc-horaire__contact,
.concession-theme2 .bloc-horaire__contact span,
.concession-theme2 .categories__content .categorie-home,
.concession-theme2 .categories__content .categorie-home__content{transform: none;}

.concession-theme2 .categories__content{justify-content: center; flex-wrap: wrap;}

.concession-theme2 .categorie-name .dropbtn{
    background-color: transparent;
    position: relative;
    z-index: 10;
    padding: 25px 15px;
    border: none;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: all 300ms ease;
}

.concession-theme2 .categorie-name .dropbtn::before {
    background: #ed1c24;
    content: "";
    position: absolute;
    z-index: 1;
    left: 51%;
    right: 51%;
    bottom: 10px;
    height: 3px;
    transition: all 300ms ease;
}

.concession-theme2 .categorie-name.active .dropbtn,
.concession-theme2 .categorie-name .dropbtn:focus,
.concession-theme2 .categorie-name .dropbtn:hover {
    color: #ed1c24;
    background-color: transparent;
    outline: none;
}

.concession-theme2 .navbar-default .navbar-nav > .active > .dropbtn::before,
.concession-theme2 .navbar-default .navbar-nav > .open > .dropbtn::before,
.concession-theme2 .categorie-name .dropbtn:hover::before {left: 34%; right: 34%;}

.concession-theme2 .bottom-menu{background-color: rgba(228, 21, 20, 0.85);}

.concession-theme2 .dropdown-content {
    background-color: rgba(228, 21, 20, 0.85);
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    transition: all 300ms ease;
}

.concession-theme2 .dropdown-content a {
    display: block;
    padding: 12px 24px;
    text-decoration: none;
    text-align: left;
    font-size: 15;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.concession-theme2 .dropdown-content a:hover{background-color: #FFF; color: #000; padding-left: 30px;}

.concession-theme2 .dropdown:hover .dropdown-content {display: block;}

.concession-theme2 .page-acceuil-presentation{
    background: url("../images/vehicle-move.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.concession-theme2 .page-acceuil-presentation::before{background: rgba(0,0,0,0.8);}
.concession-theme2 .page-acceuil-presentation .CLArticle .CLArticle__txt{width: 100%;}
.concession-theme2 .CLArticle{background: none;}

.concession-theme2 .cta-polemoto,
.concession-theme2 .cta-polemoto span{transform: none;}

.concession-theme2 .cta-polemoto::before{z-index: 0;}

.concession-theme2 footer{background: linear-gradient(to bottom, #1d1f22 0%,#000 100%);}

.concession-theme2 .section-categories{padding: 60px 30px 80px;}
.concession-theme2 .categories__content .categorie-home{position:relative; width: 20%;}
.concession-theme2 .categorie-home__content{
    position: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 300px;
}
.concession-theme2 .categorie-home__content::after{top: 0; width: 15px; height: 100%;}

.concession-theme2 .categorie-home:hover .categorie-home__content::after,
.concession-theme2 .categorie-home:focus .categorie-home__content::after{width: 100%; opacity: 0.9;}

.concession-theme2 #demande-essai .form-essai .form-input,
.concession-theme2 .select2-results li,
.concession-theme2 #demande-essai .form-essai .form-CO{color:#000;}

.concession-theme2 .CLSearchZone{border-radius: 5px; padding: 20px 40px 30px;}
.concession-theme2 .select2{border:none;}
.concession-theme2 #form_contact .form-group .form-control:focus,
.concession-theme2 #demande-essai .form-essai .form-input:focus{outline: 1px solid #0087ff; box-shadow: 0 1px 8px rgba(27, 126, 253, 0.8);}
.concession-theme2 #demande-essai .form-essai .form-input,
.concession-theme2 #form_contact .form-group .form-control,
.concession-theme2 .select2-container .select2-selection--single{background-color: #333; border: 1px solid #464646; border-radius: 0;}
.concession-theme2 .select2-container .select2-selection--single .select2-selection__rendered{font-size: 14px; background-color: transparent; color: #FFF;}
.concession-theme2 .select2-container--default .select2-selection--single .select2-selection__arrow{background-color: #111;}
.concession-theme2 .form-liste-vehicules .CLSearchZone .CLbtn{background-image: none; background-color: #808080; font-weight: 600;}
.concession-theme2 .form-liste-vehicules .CLSearchZone .CLbtn:hover{background-color:#FFF;}

.concession-theme2 .CLAnnonceFiltre .select2-container .select2-selection--single{background-color: #000; border: 1px solid rgba(255,255,255,0.5); transition: all 300ms ease;}
.concession-theme2 .CLAnnonceFiltre .select2-container .select2-selection--single:hover{border: 1px solid rgba(255,255,255,1);}
.concession-theme2 .CLAnnonceFiltre .select2-container .select2-selection--single .select2-selection__rendered{background-color: transparent !important; color: #BBB; transition: all 300ms ease;}
.concession-theme2 .CLAnnonceFiltre .select2-container .select2-selection--single:hover .select2-selection__rendered{color: #FFF;}
.concession-theme2 .CLAnnonceFiltre .select2-container--default .select2-selection--single .select2-selection__arrow{background-color: transparent !important; border-left: 1px solid #777; transition: all 300ms ease;}
.concession-theme2 .CLAnnonceFiltre .select2-container--default .select2-selection--single:hover .select2-selection__arrow{border-left: 1px solid #FFF;}
.concession-theme2 .CLAnnonceFiltre .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #AAA transparent transparent; transition: all 300ms ease;}
.concession-theme2 .CLAnnonceFiltre .select2-container--default .select2-selection--single:hover .select2-selection__arrow b{border-color: #FFF transparent transparent;}

.concession-theme2 .CLPagintation a{display: flex; align-items: center; height: 34px; color: #AAA;}
.concession-theme2 .CLPagintation a:hover{background-color: #333;}

.concession-theme2 .CLAnnonceNav{background-color: transparent;}
.concession-theme2 .CLAnnonceConcession .titre-annonce{padding: 15px 20px;}
.concession-theme2 .CLAnnonceConcession .CLAnnonceConcession__partager{
    background-color: #3a3939;
    margin-bottom: 0;
    padding: 15px 15px;
}

.concession-theme2 #demande-essai .form-essai .form-input,
.concession-theme2 #demande-essai .form-essai .form-CO,
.concession-theme2 #demande-essai .form-essai .valid-RGPDA label,
.concession-theme2 .CLBlockcontent-header,
.concession-theme2 .CLAnnonceConcession .CLAnnonceConcession__partager h3,
.concession-theme2 .CLAnnonceConcession__adresse .CLbtn,
.concession-theme2 .CLAnnonceConcession__contact .CLAnnonceConcession__adresse .phone,
.concession-theme2 .CLAnnonceConcession__contact h4,
.concession-theme2 .CLAnnonceConcession__contact .prix,
.concession-theme2 .CLAnnonceNav .CLCell .CLBtn{color: #FFF;}

.concession-theme2 .CLAnnonceNav .CLCell .CLBtn:hover{color: #ed1c24; background-color: transparent;}

.concession-theme2 .CLAnnonceConcession__partager .row a svg,
.concession-theme2 .CLAnnonceNav .CLCell .CLBtn svg{fill: #FFF;}

.concession-theme2 .CLAnnonceConcession__partager .row a:hover svg .color-x,
.concession-theme2 .CLAnnonceConcession__partager .row a svg .color-x{fill: #000;}
.concession-theme2 .CLAnnonceConcession__partager .row a:hover svg,
.concession-theme2 .CLAnnonceNav .CLCell .CLBtn:hover svg{fill: #ed1c24;}

.concession-theme2 .page-services .detail-module,
.concession-theme2 .page-commande-de-pieces .CLArticle,
.concession-theme2 #demande-essai .form-essai,
.concession-theme2 .page-contact .CLBlockcontent,
.concession-theme2 #form_contact,
.concession-theme2 .CLSearchZone,
.concession-theme2 .vignette-home .vignette-occasion-accueil,
.concession-theme2 #IDVignettes a,
.concession-theme2 .CLAnnonceDescription,
.concession-theme2 .CLAnnonceCaracteristiques,
.concession-theme2 .section-bloc-fiche .CLAnnonceConcession{background: #222; box-shadow: none; border: 1px solid #353535;}

.concession-theme2 .CLAnnonceCaracteristiques{margin-top: 60px;}
.concession-theme2 .CLAnnonceDescription{margin-top: 40px; padding: 10px 25px;}
.concession-theme2 .CLAnnonceConcession .CLAnnonceConcession__contact{padding: 20px 30px 0; border-bottom: 1px solid #4f4e4e; margin-bottom: 0;}

.concession-theme2 .CLAnnonceConcession__adresse .CLbtn,
.concession-theme2 .infos-base__important div{background-color: #3A3939; border: 1px solid #4f4e4e;}

.concession-theme2 .CLAnnonceConcession__adresse .CLbtn:hover{background-color: #FFF; color:#000;}
.concession-theme2 .CLAnnonceConcession__contact h4 strong{color: #ed1c24; font-size: 20px;}

.concession-theme2 .CLAnnonceConcession .cta-polemoto{margin: 30px auto;}

.concession-theme2 .CLBlockcontent-header{background-color: #333; border-bottom: 1px dotted #4f4e4e;}
.concession-theme2 .CLAnnonceCaracteristiques table tr,
.concession-theme2 .CLAnnonceCaracteristiques h2{border-bottom: 1px solid #4f4e4e;}

.concession-theme2 .CLAnnonceCaracteristiques table tr:last-child{border-bottom:none;}

.concession-theme2 .CLAnnonceCaracteristiques table tr:hover,
.concession-theme2 .CLAnnonceCaracteristiques table tr:first-child,
.concession-theme2 .CLAnnonceCaracteristiques table tr:nth-child(2){background-color: transparent;}

.concession-theme2 .CLAnnonceCaracteristiques table tr:hover:nth-child(even),
.concession-theme2 .CLAnnonceCaracteristiques table tr:nth-child(even){background: #333232;}

.concession-theme2 .CLBlockcontent-footer{color: #AAA;}
.concession-theme2 .CLAnnonceCaracteristiques table tr td:first-child,
.concession-theme2 .CLAnnonceDescription div{color: #DFDFDF;}

.concession-theme2 .fancybox-inner .ckbox{display: flex; align-items: center;}
.concession-theme2 .fancybox-inner .ckbox input{margin: 6px 0;}
.concession-theme2 .fancybox-inner .ckbox label{margin: 0; padding: 0; font-size: 12px; line-height: 14px; color: #333;}

.concession-theme2 #form_contact{display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; flex-wrap: wrap; padding: 25px;}
.concession-theme2 #form_contact::before,
.concession-theme2 #form_contact::after{display:none;}
.concession-theme2 #form_contact .col-sm-6{
    display: flex;
    justify-content: space-between;
    gap: 22px;
    flex-wrap: wrap;
    float: none;
    padding: 0;
    width: 48%;
}
.concession-theme2 #form_contact .col-md-3{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
    width: 23%;
}

.concession-theme2 #form_contact .col-md-6{display: flex; flex-direction: column;  gap: 20px; text-align: left;}

.concession-theme2 #form_contact .col-md-3 .row,
.concession-theme2 #form_contact .col-md-6 .row{margin: 0;}

.concession-theme2 #form_contact .col-md-12{padding: 0;}
.concession-theme2 #form_contact .col-md-6,
.concession-theme2 #form_contact .col-sm-6 .col-md-6{padding: 0; width:47%;}
.concession-theme2 #form_contact .form-group{margin: 0; padding: 0;}
.concession-theme2 #form_contact .form-group .control-label{left: 1px; color: #BBB; font-size: 13px;}
.concession-theme2 #form_contact .form-group .form-control{color: #FFF; padding: 5px 10px;}
.concession-theme2 #form_contact .form-group .label-checkbox{left: 20px;}

.concession-theme2 .fancybox-inner .CLform_contact .cta-polemoto,
.concession-theme2 #form_contact .cta-polemoto,
.concession-theme2 #demande-essai .form-essai .CTA-Submit,
.concession-theme2 #form_contact .form-group .CLbtn{
    background: linear-gradient(to bottom, #ed1c24 0%, #ad1417 100%);
    padding: 10px 25px;
    border: 1px solid #ed1c24;
    font-weight: 600;
    letter-spacing: 0.02em;
    font-size: 14px;
    transition: all 300ms ease;
}

.concession-theme2 #form_contact .form-group .CLbtn{margin: -15px 0 20px;}

.concession-theme2 .fancybox-inner .CLform_contact .cta-polemoto:hover,
.concession-theme2 #form_contact .cta-polemoto:hover,
.concession-theme2 #demande-essai .form-essai .CTA-Submit:hover,
.concession-theme2 #form_contact .form-group .CLbtn:hover{background: linear-gradient(to bottom, #ed1c24 0%, #ed1c24 100%); transform: translateY(-4px); color:#FFF;}

.concession-theme2 #form_contact .txt-co{display: block; padding-right: 25px; font-size: 12px; text-align: right;}
.concession-theme2 .CLBlockcontent h2,
.concession-theme2 #IDPageContact h2{color:#FFF; border-bottom: 1px solid #4f4e4e;}
.concession-theme2 .page-contact .CLBlockcontent #form_contact{border:none;}
.concession-theme2 .page-contact .CLBlockcontent{color: #CCC; text-align: center;}
.concession-theme2 #form_contact .cta-polemoto:hover,
.concession-theme2 #form_contact .cta-polemoto:focus{background-color: #FFF;}
.concession-theme2 .fancybox-inner .CLform_contact .cta-polemoto::before,
.concession-theme2 #form_contact .cta-polemoto::before{display:none;}

.concession-theme2 .content-presentation__NomConcession{margin-top: 0;}

.concession-theme2 .content-presentation__carousel .owl-theme .owl-nav.disabled + .owl-dots{position: absolute; left: 50%; transform: translateX(-50%);}

.concession-theme2 #demande-essai .form-essai .valid-RGPDA label .checkmark{border: 2px solid #FFF;}
.concession-theme2 #demande-essai .form-essai .valid-RGPDA label input:checked ~ .checkmark{background-color: #ed1c24; border: 2px solid #ed1c24;}

.concession-theme2 .page-commande-de-pieces .detail-module .row{margin: 0; width: 100%;}
.concession-theme2 .page-commande-de-pieces .detail-module .col-sm-12,
.concession-theme2 .page-commande-de-pieces .detail-module .container{padding: 0; width: 100%;}

.concession-theme2 .corp.page-services{align-items: flex-start;}
.concession-theme2 .page-services .detail-module{margin: 0; border-radius: 10px;}
.concession-theme2 .page-services .detail-module .container-article{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.concession-theme2 .page-services .detail-module h2{padding: 0 25px; font-size: 18px; text-align: center; color:#FFF;}
.concession-theme2 .page-services .detail-module .CLArticle{gap: 0; margin: 20px 0 0; padding-bottom: 15px; border-radius: 0 0 10px 10px;}


@media (max-width: 600px){
    .concession-theme2 .section-categories .categories__content .categorie-home{width: 100%;}
    .concession-theme2 .categorie-home__content{max-height: 200px;}
    .concession-theme2 .fancybox-inner .CLform_contact .cta-polemoto,
    .concession-theme2 #form_contact .cta-polemoto,
    .concession-theme2 #demande-essai .form-essai .CTA-Submit,
    .concession-theme2 #form_contact .form-group .CLbtn{width: 100% !important;}
}


@media (max-width: 880px){
    .concession-theme2 .categories__content .categorie-home{width: 48%;}
    .concession-theme2 .page-acceuil-presentation .CLArticle .CLArticle__txt p{margin: 0 0 8px;}
    .corp{padding: 20px 30px 80px;}
    .titre-et-text-personnalise h2,
    .concession-theme2 .titre-page,
    .contact-contact-map h1,
    .concession-theme2 .content-presentation__NomConcession{margin-bottom: 30px; font-size: 30px;}
    .concession-theme2 #form_contact .col-sm-6{width: 47%;}
    .concession-theme2 #form_contact .col-md-6,
    .concession-theme2 #form_contact .col-sm-6 .col-md-6{width: 100%; margin: 0;}
}


@media (max-width: 1200px){
    .concession-theme2 .navbar-default .navbar-nav > li > a{color: #000;}
    .concession-theme2 .categorie-name .dropbtn{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 6px 10px 18px;
        color: #000;
        text-align: left;
    }
    .concession-theme2 .categorie-name .dropbtn:hover,
    .concession-theme2 .categorie-name .dropbtn:focus{color: #ed1c24;}
    .concession-theme2 .navbar-default .navbar-nav > .active > .dropbtn::before,
    .concession-theme2 .navbar-default .navbar-nav > .open > .dropbtn::before,
    .concession-theme2 .categorie-name .dropbtn:hover::before{left: 0; right: 0;}
    
    .concession-theme2 .categorie-name .dropbtn .caret{
        border-top: 6px solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }
    
    .concession-theme2 .navbar-default .navbar-nav .dropdown.visible-xs.open .dropdown-menu li a:hover {
        color: #FFF;
        background-color: #ed1c24;
        border-bottom: 1px solid #000;
    }
    .concession-theme2 .categorie-home__content .categorie-home__titre{height: auto; font-size: 28px; line-height: 30px; padding: 0 20px;}
}