.r {
        height: 70px;
        border-bottom: 1px solid #ddd;
    }
    .ban {
        margin-right: 0px;
    }
    .navtex {
        margin-top: 23px;
        display: inline-block;
    }
    .navd {
        float: right;
    }
    .homelogo {
        margin-top: 13px;
        margin-left: 15px;
    }
    .dec {
        float: right;
        margin-top: 0px;
    }
    .tit {
        font-family: "skoda";
        text-align: center;
        margin: 30px;
    }
    .tex {
        text-align: center;
        padding-top: 14px;
        color: white;

    }
    .decouv {
        margin: 0 auto;
        width: 200px;
        height: 50px;
        background-color: #4BA82E;
        border-radius: 5px;
    }
    .decouv:hover {
        background-color: #3f8926;
    }
    .footer {
        margin-top: auto;
        padding: 15px;
    }
    .serviceconnect {
        width: 103%;
        height: auto;
    }
    .e {
        height: 100%;
        width: 100%;
    }
    .carouseloccas {
        width: 420px;
        height: auto;
        margin: auto;
    }
    .formstyle {
        border: solid 1px white;
    }

    .sdlpagi{
        display: none;
    }
    .pagination li {
        list-style-type: none;
        float: left;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #FFF;
        background-color: #4BA82E;
        color: #FFF;
        text-align: center;
        cursor: pointer;
        margin:0 2px;
    }

    .pagination li:hover {
        background-color: #fff;
        border: 1px solid #000;
        color: #000
    }

    .pagination ul {
        border: 0;
        padding: 0;
    }

    .retour {
        font-size: 15px;
        float: right;
        padding-right: 15px;
    
    }
    .linkoffre {
        font-size: 16px;
    }
    .settings {
        padding-bottom: 30px;
    }
    .conditions {
        font-size: 13px;
    }
    .settingsimg {
        float: right;
        padding-top: 10px;
    }
    .titleof {
        text-decoration: underline;
    }
    .linkmail {
        color: #4BA82E;
    }
    .cardoccas2 {
        position: absolute;
        z-index: 1;
    }
    .cardoccas3 {
        position: absolute;
        top: 24em;
    }
    .occastitle {
        position: center;
        font-family: "skodabold";
    }
    .occascontent {
        text-align: justify;;
    }
    .titreoffre {
        font-family: "skodabold";
    }
    .prix {
        color: #4BA82E;
    }
    .titlecard {
        font-size: 25px;
    }
    .avprix {
        font-size: 10px;
    }
    .mini {
        max-width-height: 100%;
        max-width: 100%;
    }
    .miniaturesoffres {
        width: 15em;
        height: 17em;
        margin-bottom: 20px;
    }
    .cardstyle {
        font-family: "skoda";
        font-style: normal;
    }
    .custom-select {
        font-family: 'skoda';
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 35px;
        font-size: 15px;
        background: #fff url("https://anselmurban.de/codepen-img/select-arrows.svg") no-repeat right 16px center;
        background-size: 10px;
        transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
        border: 1px solid #ddd;
        border-radius: 3px;
    }
    .custom-select:hover {
        border: 1px solid #999;
    }
    .custom-select:focus {
        border: 1px solid #999;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
        outline: none;
    }
    .custom-select2 {
        font-family: 'skoda';
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 35px;
        width: 140px;
        padding-left: 7px;
        font-size: 15px;
        background: #fff url("https://anselmurban.de/codepen-img/select-arrows.svg") no-repeat right 16px center;
        background-size: 10px;
        transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
        border: 1px solid #ddd;
        border-radius: 3px;
    }
    .custom-select2:hover {
        border: 1px solid #999;
    }
    .custom-select2:focus {
        border: 1px solid #999;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
        outline: none;
    }
    select::-ms-expand {
        display:none;
    }
    .imagedetails {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        
    }
    .indeximg {
        max-height: 100%;
        max-width: 100%;
    }
    .titredetails {
        font-family: "skodaextrabold";
        font-size : 30px;
    }
    p {
        color: black;
        font-family: "skoda";
    }
    h2 {
        font-family: "skodamedium";
    }
    td {
        vertical-align: right;
    }
    .linkconnect {
        color: #4BA82E;
    }
    .linkconnect:hover {
        color: #4BC82E;
    }
    .btnportail {
        background-color: #4BA82E;
        padding: 10px;
        color: white;
        font-size: 12px;
        border-radius: 10px;
        max-width: 220px;
    }
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
    @media (min-width: 768px) {
        .modal-dialog {
            width: 745px;
            margin: 10px auto;
        }
    }
    .card-financement {
        padding: 30px;
        margin: 30px;
    }
    .descri-financement {
        font-family: "skoda";
    }
    .ce {
        text-align:center; padding-top: 10px; font-size: 20px; color: black;
    }
    .advert {
        display: inline;
        float: left;
        font-size: 15px;
    }
    .contenu {
        color: white;
    }
    .contact1 {
        border-radius: 10px;
        background-color: #4BA82E;
        color: white;
        padding: 15px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .contact2 {
        border-radius: 10px;
        padding: 15px;
        background-color: #E6E6E6;
        margin-left: 20px;
        margin-right: 20px;
    }
    .btnform {
        float: right;
    }
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown-content {
        display: none;
        margin-top: -11px;
        position: absolute;
        min-width: 350px;
        background-color: white;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
    .dropdown:hover{
        background-color: #4BA82E;
    }
    .dropdown:hover .ce {
        color: white;
    }
    .dropdown:hover .dropdown-content {
        display: block;
    }
    .dropdown:hover .dropdown-content2 {
        left:auto;
        right:0;
        margin-right: 1px;
    }
    .fleche {
        float:left;
    }
    .desc {
        padding: 15px;
        text-align: center;
    }

    .clever p {
        position:absolute;
        bottom:0;
        right: 0;
        font-family: "skoda";
    }
    .header {
        padding-top: 10px;
    }
    .nav .col p {
        font-size: 14px;
    }

    .dropdown .ce {
        font-family: "skoda";
        color:black;
    }
    #message {
        height: 240px;

    }
    #contact-gauche{
        float:left;
    }
    #contact-droit{
        float:right;
    }
    #radius {
        border-radius: .0rem; 
        border-bottom-right-radius: .25rem; 
        border-top-right-radius: .25rem;
    }
    a {
        text-decoration: none; 
        color: black; 
        font-family: "skoda";
    }
    a:hover {
        text-decoration: none;
        color: grey;
    }
    p a:hover {
        text-decoration: none;
        color: #4BA82E;
    }
    @font-face 
    { 
        font-family: "skodabold"; src: url("../fonts/skodapro-bold-webfont.ttf") format("truetype");
    }
    @font-face 
    { 
        font-family: "skodaextrabold"; src: url("../fonts/skodapro-extrabold-webfont.ttf") format("truetype");
    }
    @font-face 
    { 
        font-family: "skodamedium"; src: url("../fonts/skodapro-medium-webfont.ttf") format("truetype");
    }
    @font-face 
    { 
        font-family: "skoda"; src: url("../fonts/skodapro-regular-webfont.ttf") format("truetype");
    }
    .element {
        margin-top: 50vh;
        transform: translateY(-50%);
    }
        @media (max-width: 1199px) {
        .imgquery {
            display: none;
        }
        .imgcenter {
            margin-right: auto;
            margin-left: auto;
        }
    }
    .te {
        color: white;
    }
    @media (max-width: 991px) {
        .occ {
            display: none;
        }
        .sdlpagi {
            display: block;
        }
    }
    @media (max-width: 880px) {
        #f {
            display: none;
        }
    }
    @media (max-width: 800px) {
        
        .pagination li {
        width: 25px;
        height: 25px;
        font-size: 10px;
        }
        .te {
            position: relative;
            top: -2px;        }
    }
    @media (max-width: 600px) {
        
        .pagination li {
        width: 15px;
        height: 20px;
        font-size: 6px;
        }
        .te {
            position: relative;
            top: -5px;        }
    }
    @media (max-width: 575px) {
        .ti {
            display: none;
        }
        .k {
            display: none !important;
        }
        .responmenu {
            display: block !important;
        }
        #searchresponsive {
            display: block !important;
        }
        .responmodeles {
            display: block !important;
        }
    }
    .sep {
        display: inline;
        min-width: 20px;
        height: 100%;
    }
    .sepa {
        display: inline-block;
        min-width: 20px;
        margin-top: 40px;
    }
    .headleft p {
        display: inline-block;
    }

    .mi {
        max-width: 100%;
    }
    @media (max-width: 400px) {
        
        .pagination li {
        width: 12px;
        height: 20px;
        font-size: 6px;
        }
        .te {
            position: relative;
            top: -5px;        
        }
    }
    .sa-hero-banner-img-wrapper {
        position: relative;
        width: 100%;
        padding-bottom: 49%;
        min-height: 300px !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center center !important;
        overflow: hidden;
        text-align: right;
    }
    @media (min-width: 1000px) {
        .sa-hero-banner-img-wrapper {
            padding-bottom: 0 !important;
            height: 500px;
        } 
    }
    .cont {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    #searchcont {
        display: none;
        background-color: #F8F8F8;
        border-left: 1px solid #ddd;
    }
    .searchbar {
        margin-top: 15px;
    }
    #headright {
        display: block;
    }
    .searchbtn {
        width: 30px;
        height: 30px;
        background-size: 19px 19px;
        background-repeat: no-repeat;
        background-position: center;
        float: right;
    }
    .btnsearch {
        border-radius: 0 .25em .25em 0;
        background-color: white;
    }
    .key {
        border: 1px solid #4ba82e;
        border-right: none;
        font-family: 'skoda';
        border-radius: 5px 0px 0px 5px !important;
    }
    .form {
        display: inline;
    }
    #quit {
        position: absolute;
        top: 0;
        right: 0;
        height: 15px;
        width: 15px;
        background-repeat: no-repeat;
        z-index: 1;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center center !important;
    }
    #mo {
        position: absolute;
        z-index: 2;
        top: 70px;
    }
    #hidd {
        position: absolute;
        z-index: 2;
        background-color: white;
    }
    .mn {
        border-bottom: 1px solid #ddd;
    }
    .mn p {
        font-size: 18px;
    }
    #filter {
        position: absolute;
        z-index: 1;
        min-height: 100%;
        background-color: black;
        opacity: 0.3;
    }
    .imggamme {
        height: 100px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .ce {
        font-family: "skodabold";
        color: black;
    }
    .navgamme {
        background-color: white;
    }
    img.imggamme {
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -ms-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }
    img.imggamme:hover {
        -moz-transform:  scale(1.10);
        -webkit-transform:  scale(1.10);
        -o-transform:  scale(1.10);
        -ms-transform:  scale(1.10);
        transform: scale(1.10);
        opacity: 1;
    }
    .mogamme {
        margin-top: 30px;
        font-size: 35px;
        text-align: center;
    }
    .responmenu {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 15px;
        right: 4px;
    }
    .responmenuhide {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 15px;
        right: 4px;
    }
    #responmenuhide {
        z-index: 3;
    }
    .responmodeles {
        position: absolute;
        top: 15px;
        right: 44px;
    }
    .responmodeleshide {
        position: absolute;
        top: 15px;
        right: 44px;
    }
    #responmodeleshide {
        z-index: 3;
    }
    #search {
        margin-top: 22px;
    }
    .j {
        border-left: 1px solid #ddd;
    }