.logo {
        max-width: 180px;
    }
    /* Style the form */
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    body {
        font-family: 'Poppins', sans-serif !important;
        font-size: 0.85rem;
        color: #2c2c2c;
    }
    
    body a {
        color: inherit;
        text-decoration: none;
    }
    
    .vertical-right-aligned {
        transform: rotate(-90deg);
        transform-origin: 100% 100%;
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 100;
    }
    
    main {
        margin-top: 70px;
    }
    
    .liste-annonces main {
        margin-top: 128px;
    }
    
    @media (max-width: 568px) {
        .liste-annonces main {
            margin-top: 100px;
        }
    }
    
    .navbar-toggler-icon:after {
        content: " Menu ";
        font-size: 11px;
        background: #fff;
        color: #203864;
        /* line-height: 6px !important; */
        padding: 0px 1px;
        vertical-align: bottom;
        font-weight: bold;
        /*margin-left: -0.5px !important;*/
        display: inline-block;
    }
    
    .header__btn {
        transition-property: all;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        transition-delay: 0s;
        padding: 10px 20px;
        display: inline-block;
        margin-right: 10px;
        background-color: #fff;
        border: 1px solid #2c2c2c;
        border-radius: 3px;
        cursor: pointer;
        outline: none;
    }
    
    .header__btn:last-child {
        margin-right: 0;
    }
    
    .header__btn:hover,
    .header__btn.js-active {
        color: #fff;
        background-color: #2c2c2c;
    }
    
    .header {
        max-width: 600px;
        margin: 50px auto;
        text-align: center;
    }
    
    .header__title {
        margin-bottom: 30px;
        font-size: 2.1rem;
    }
    
    .content {
        width: 95%;
        margin: 0 auto 50px;
    }
    
    .content__title {
        margin-bottom: 40px;
        font-size: 20px;
        text-align: center;
    }
    
    .content__title--m-sm {
        margin-bottom: 10px;
    }
    
    .multisteps-form__progress,
    .multisteps-form__progresss {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
    
    .multisteps-form__progress-btn {
        transition-property: all;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        transition-delay: 0s;
        position: relative;
        padding-top: 20px;
        color: rgba(108, 117, 125, 0.7);
        text-indent: -9999px;
        border: none;
        background-color: transparent;
        outline: none !important;
        cursor: pointer;
    }
    
    @media (min-width: 500px) {
        .multisteps-form__progress-btn {
            text-indent: 0;
        }
    }
    
    .multisteps-form__progress-btn:before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 13px;
        height: 13px;
        content: '';
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
        transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
        transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
        border: 2px solid currentColor;
        border-radius: 50%;
        background-color: #fff;
        box-sizing: border-box;
        z-index: 3;
    }
    
    .multisteps-form__progress-btn:after {
        position: absolute;
        top: 5px;
        left: calc(-50% - 13px / 2);
        transition-property: all;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        transition-delay: 0s;
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        background-color: currentColor;
        z-index: 1;
    }
    
    .multisteps-form__progress-btn:first-child:after {
        display: none;
    }
    
    .multisteps-form__progress-btn.js-active {
        color: #203864;
    }
    
    .multisteps-form__progress-btn.incomplete {
        color: #ff0000;
    }
    
    .multisteps-form__progress-btn.complete {
        color: #19d600;
    }
    
    .multisteps-form__progress-btn.js-active:before {
        -webkit-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2);
        background-color: currentColor;
    }
    
    .multisteps-form__form {
        position: relative;
        z-index: 20;
    }
    
    .multisteps-form__panel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 21;
    }
    
    .multisteps-form__panel.js-active {
        height: auto;
        opacity: 1;
        visibility: visible;
    }
    
    .multisteps-form__panel[data-animation="scaleOut"] {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .multisteps-form__panel[data-animation="scaleOut"].js-active {
        transition-property: all;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        transition-delay: 0s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .multisteps-form__panel[data-animation="slideHorz"] {
        left: 50px;
    }
    
    .multisteps-form__panel[data-animation="slideHorz"].js-active {
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
        transition-delay: 0s;
        left: 0;
    }
    
    .multisteps-form__panel[data-animation="slideVert"] {
        top: 30px;
    }
    
    .multisteps-form__panel[data-animation="slideVert"].js-active {
        transition-property: all;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        transition-delay: 0s;
        top: 0;
    }
    
    .multisteps-form__panel[data-animation="fadeIn"].js-active {
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: linear;
        transition-delay: 0s;
    }
    
    .multisteps-form__panel[data-animation="scaleIn"] {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    
    .multisteps-form__panel[data-animation="scaleIn"].js-active {
        transition-property: all;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        transition-delay: 0s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .font-weight-bold {
        font-weight: bold !important;
    }
    
    body {
        /*    font: 1rem/1.5 var(--bs-font-sans-serif);*/
    }
    
    a {
        color: var(--bs-blue);
    }
    
    .titre_footer {
        display: inline-block;
        margin-top: 0.5em;
        width: 100%;
        border-bottom: #fff 1px solid;
    }
    
    footer {
        line-height: 1.8em;
        padding: 0.9375rem 0;
        text-align: left;
        display: block !important;
    }
    
    footer a {
        color: #fff;
    }
    
    .row.row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
    .btn {
        padding: 12px 0px;
    }
    
    ul.offre li {
        line-height: 2.5em;
    }
    
    ul.offre li i {
        color: #2962C3 !important;
    }
    
    ul.offre {
        list-style: none;
        padding: 0;
    }
    
    ul.offre li {
        padding-left: 1.3em;
    }
    
    ul.offre li:before {
        content: "\f00c";
        /* FontAwesome Unicode */
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        margin-left: -1.3em;
        /* same as padding-left set on li */
        width: 1.3em;
        /* same as padding-left set on li */
    }
    
    .navbar .navbar-nav .nav-item.active .nav-link,
    .navbar .navbar-nav .nav-item.active .nav-link:hover,
    .navbar .navbar-nav .nav-item.active .nav-link:focus {
        background-color: rgba(0, 0, 0, 0.1);
    }
    
    .navbar-brand {
        padding: 0;
    }
    
    .navbar-nav .nav-link.lien {
        padding-top: 0;
        padding-bottom: 0;
        height: 40px;
        line-height: 45px;
    }
    
    @media (max-width: 1435px) {
        .navbar-nav .nav-link.lien.double {
            height: auto;
            line-height: 22px !important;
        }
    }
    
    @media (max-width: 568px) {
        .navbar {
            height: 64px;
            z-index: 1900;
        }
    }
    
    .navbar-nav .nav-link.btn {
        font-size: 0.86rem;
    }
    
    .navbar-collapse {
        z-index: 2000;
        background: #fff;
        margin-top: 14px;
    }
    
    [type="checkbox"] {
        width: 20px !important;
        display: inline-block !important;
    }
    
    [type="radio"] {
        width: 20px !important;
        display: inline-block !important;
    }
    
    .navbar-nav-xs {
        text-align: right;
    }
    
    .navbar-nav-xs li {
        /*display: text-align: right;*/
    }
    
    #menu {
        margin-top: 56px;
    }
    
    @media screen and (max-width: 576px) {
        .border-xs {
            border: 1px solid;
        }
        .text-xs-center {
            text-align: center !important;
            margin: 0 auto;
        }
        .text-xs-center img {
            display: inline-block;
            text-align: center !important;
            margin: 0 auto;
        }
        .logo_vitrine_wrapper {
            display: inline-block!important;
            text-align: center !important;
            margin: 0 auto;
        }
        #menu {
            margin-top: 0px;
            z-index: 3030;
        }
        .w-xs-100 {
            float: none;
            clear: both;
            width: 100% !important;
        }
        .d-xs-block {
            display: block !important;
        }
    }
    
    .form-group.checkbox {
        padding-top: 25px;
        margin-bottom: 10px;
    }
    
    .checkbox label {
        line-height: 40px;
        vertical-align: top;
        padding-top: 3px;
        padding-left: 5px;
        width: auto !important;
        display: inline-block !important;
    }
    
    span.help {
        font-size: 0.8em;
        font-style: italic;
    }
    
    ul#id_civilite {
        list-style-type: none;
        margin-bottom: 20px !important;
    }
    
    ul#id_civilite li {
        float: left;
    }
    
    ul#id_civilite:after {
        clear: both;
    }
    
    #id_civilite_0,
    #id_civilite_1 {
        width: 20px;
    }
    /*#id_prestations{min-height:150px;}*/
    
    .btn {
        padding: 10px 20px !important;
    }
    
    .form-group input[type=file] {
        opacity: 1 !important;
        position: static !important;
    }
    
    .cursor-pointer,
    .pointer {
        cursor: pointer;
    }
    
    .cercle {
        border-radius: 50px !important;
    }
    
    .cercle.w30 {
        width: 34px !important;
        height: 34px !important;
        display: inline-block !important;
        text-align: center;
        line-height: 34px;
    }
    
    .cercle.border {
        border: 2px solid !important;
    }
    
    .badge-primary.light {
        background-color: #00B0F0;
    }
    
    .badge-primary.light2 {
        background-color: #607eb4;
    }
    
    button.btn,
    button.badge {
        border: 0px !important;
    }
    
    #map {
        margin-top: 0px !important;
    }
    
    .nbimage {
        position: absolute;
        bottom: 5px;
        right: 5px;
        background: rgba(32, 56, 100, 0.5);
        padding: 3px;
        font-weight: bold;
    }
    
    .type.position-absolute.badge-primary {
        background: rgba(32, 56, 100, 0.5);
    }
    
    .liste_video {
        position: absolute;
        bottom: 5px;
        left: 5px;
    }
    
    .liste_video .badge-video,
    .badge-video,
    .badge-video.disabled {
        background: #00B0F0;
        color: #fff;
    }
    
    .liste_avancement {
        position: absolute;
        left: 0px;
        top: 45%;
        width: 100%;
        padding: 5px;
        text-align: center;
        background: #c0000083;
        color: #fff;
    }
    /*page liste annonces */
    
    .liste.annonce h2 {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 600 !important;
    }
    
    .liste.annonce .badge {
        font-size: 120%;
    }
    
    .liste.annonce h2 {
        line-height: 24px;
    }
    
    .liste.annonce h2 {
        height: 24px;
        overflow: hidden;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
    .liste-annonce-localisation {
        height: 50px;
        overflow: hidden;
        margin-bottom: 5px;
        margin-top: 5px;
        line-height: 18px;
    }
    
    .liste-annonce-description {
        height: 40px;
        overflow: hidden;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
    .bando-contact {
        height: 100px;
    }
    
    .appel-offre-login {
        margin-top: auto;
        width: 100%;
        align-self: flex-end;
        min-height: 145px;
        /*margin-left: -4px;*/
    }
    
    .pt-55 {
        padding-top: 55px !important;
    }
    
    .pt-60 {
        padding-top: 60px !important;
    }
    
    .card-appel-offre-login {
        display: flex;
        flex-direction: column;
        padding-bottom: 5px;
    }
    
    @keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Firefox < 16 */
    
    @-moz-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Safari, Chrome and Opera > 12.1 */
    
    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Internet Explorer */
    
    @-ms-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Opera < 12.1 */
    
    @-o-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    
    .panel-form-cplus {
        z-index: 20;
    }
    
    .menu-client .list-group-item {
        padding: 0.50rem 1.25rem;
    }
    
    .no-resultats {
        min-height: 500px;
        padding-top: 150px;
    }
    
    .date_liste_annonce {
        position: absolute;
        bottom: 0;
        left: 27px;
        padding: 3px;
        font-weight: bold;
    }
    
    .grande_icone {
        font-size: 2em;
    }
    
    .moyenne_icone.prix {
        font-size: 1.5em;
    }
    
    .moyenne_icone {
        font-size: 1.3em;
    }
    
    .pt30 {
        padding-top: 30px;
    }
    
    .pb30 {
        padding-top: 30px;
    }
    
    .shadow {
        -webkit-box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.5);
        -moz-box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.5);
        box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.5);
        border-radius: 10px;
    }
    
    .text-shadow {
        text-shadow: 2px 2px 4px #000000;
    }
    
    .border-top-radius {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }
    
    #recherche input,
    #recherche select,
    #recherche .btn {
        font-size: 12px !important;
    }
    
    #recherche input {
        height: 40px;
    }
    
    .border-primary,
    button.btn.btn-outline-primary,
    button.badge.btn-outline-primary,
    .badge.btn-outline-primary {
        border: #203864 1px solid !important;
    }
    
    .btn-contact-mobile {
        display: inline-block;
        width: 65px;
        margin: 0 auto;
    }
    
    .fixed-bottom .logo {
        max-width: 75px;
        max-height: 45px;
        margin: 0 auto;
    }
    
    .top-annonce-mobile,
    .top-annonce-mobile div {
        display: block !important;
    }
    
    .top-annonce-mobile .float-left {
        float: none !important;
        clear: both;
        display: block !important;
    }
    
    .border-3 {
        border-width: 3px !important;
    }
    
    .input-inline-block input {
        display: inline-block;
    }
    
    .input-150 input {
        width: 150px;
    }
    
    #exercises input {
        max-width: 100px;
        display: inline-block;
    }
    
    .input-group label,
    .form-group label {
        width: 100%;
        display: block;
    }
    
    .form-group textarea {
        min-height: 100px;
    }
    
    .form-group textarea.select2-search__field {
        min-height: auto !important;
        height: auto !important;
    }
    
    .card-header.bg-primary,
    .card-header.bg-secondary {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    .badge-light {
        margin-right: 7px;
        background: #FFFFFF;
        border: 1px solid #015A5A;
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        color: #015A5A;
        font-weight: 400;
        letter-spacing: 0;
        background: #FFFFFF url(/static/assets/img/fermer.svg) no-repeat right 8px center;
        padding-right: 25px;
        background-size: 10px;
    }
    
    .w-xs-100 {
        width: 100% !important;
    }
    
    @media (min-width: 576px) {
        .w-xs-100 {
            width: auto !important;
        }
        #ccppva .shadow.active {
            background: #eeeeee !important;
            color: #000000;
            border: #203864 1px solid;
        }
        #ccppva .shadow.active .bg-white {
            background: rgba(0, 0, 0, 0) !important;
        }
    }
    
    .bg-primary.bg-footer {
        background: #44546A !important;
    }
    
    .bg-primary.bg-diffusez {
        background: #EBF4FF !important;
    }
    
    .text-diffusez {
        color: #EBF4FF !important;
    }
    
    .recherche .shadow.active,
    .recherche .shadow.active .bg-white {
        background: #eeeeee !important;
    }
    
    .recherche .shadow.active {
        border: #203864 1px solid;
    }
    
    .recherche .shadow.active {
        border: #203864 1px solid;
    }
    
    .recherche .card.shadow {
        margin-bottom: 15px !important;
    }
    
    .h-100 {
        height: 100%
    }
    
    .bg-grey {
        background: #ddd;
    }
    
    .bg-light-grey {
        background: rgba(200, 200, 200, 0.1);
    }
    
    .text-primary.bg-primary.bg-diffusez {
        color: #203864 !important;
    }
    
    .bg-primary a,
    .bg-primary a:hover,
    .bg-primary a:active {
        color: #fff !important;
        text-decoration: underline;
    }
    
    footer .bg-primary a,
    footer .bg-primary a:hover,
    footer .bg-primary a:active {
        text-decoration: none;
    }
    
    .text-primary,
    .bg-primary a.text-primary {
        color: #203864 !important;
    }
    
    .btn-sm {
        padding: 5px !important;
        font-size: 0.9em;
    }
    
    .select-sm {
        padding: 5px !important;
        font-size: 0.9em;
        min-height: auto !important;
        height: auto !important;
        line-height: 0.9em !important;
    }
    
    .bg-numerique {
        background: url(/assets/template/fond-numerique.jpg) no-repeat;
        background-size: cover;
        background-position: left;
    }
    
    .h150 {
        min-height: 150px;
        line-height: 150px;
    }
    
    .h150bis {
        min-height: 150px;
        vertical-align: middle;
    }
    
    .bottom {
        bottom: 0px;
    }
    
    .pastille_messages {
        background: #c43235;
        display: inline-block;
        border-radius: 30px;
        height: 18px;
        width: 18px;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        line-height: 19px;
    }
    
    .pastille_messages:hover {
        color: #eee;
    }
    
    .bg-recherche {
        background: url(/assets/template/recherche.jpg) no-repeat !important;
        background-size: cover;
        background-position: left;
        min-height: 300px;
    }
    
    .bg-annuaire-partenaire {
        background: url(/assets/template/annuaire-partenaires.jpg) no-repeat;
        background-size: cover;
        background-position: left;
        min-height: 300px;
    }
    
    .bg-annuaire-collectivite {
        background: url(/assets/template/annuaire-collectivite.jpg) no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    
    .bg-annuaire-pro {
        background: url(/assets/template/annuaire-pro.jpg) no-repeat;
        background-size: cover;
        background-position: left;
        min-height: 300px;
    }
    
    .overlay {
        position: absolute;
        /* Sit on top of the page content */
        width: 100%;
        /* Full width (cover the whole page) */
        height: 100%;
        /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #20386456;
        /* Black background with opacity */
        z-index: 2;
        /* Specify a stack order in case you're using a different order for other elements */
    }
    
    .bg-overlay {
        position: absolute;
        /* Sit on top of the page content */
        width: 100%;
        /* Full width (cover the whole page) */
        height: 100%;
        /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        /* Specify a stack order in case you're using a different order for other elements */
    }
    
    .annonce-list h2 {
        font-size: 1.3em;
    }
    
    .annonce-list h2,
    .annonce-list .item {
        padding-left: 15px;
    }
    
    .annonce-list .bg-diffusez .item {
        padding-left: 0px;
    }
    
    .annonce-list .d-block.border {
        font-weight: bold;
        border: 2px solid;
    }
    
    .slide_video {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    
    .slide_video .video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .vitrine_video .card-body {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    
    .vitrine_video .card-body .video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    @media screen and (min-width: 768px) {
        body.panel-contact footer .container-fluid .row {
            margin-right: 25%;
        }
    }
    
    #panel_contact {
        /*  height: 600px;min-height:600px;*/
    }
    /* Optional: Makes the sample page fill the window. */
    
    html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
    }
    
    @media screen and (min-width: 768px) {
        #panel_contact {
            position: fixed !important;
            z-index: 10;
            top: 70px;
            right: 0;
            height: calc(100% - 70px);
            width: 25%
        }
    }
    
    @media screen and (min-width: 1024px) {
        #panel_contact {
            position: fixed !important;
            z-index: 10;
            top: 70px;
            right: 0;
            height: calc(100% - 70px);
            width: 25%
        }
    }
    
    .page-info ul {
        list-style: circle;
        padding-left: 15px;
    }
    
    .page-info ul li ul {
        list-style: circle;
        padding-left: 0px;
    }
    
    .page-info li {
        list-style: circle;
    }
    
    .page-info ul li ul li {
        list-style: disc;
        margin-left: 15px;
    }
    
    .page-info li.nav-item {
        list-style: none !important;
        padding-left: 0px;
    }
    
    .logo_vitrine {
        display: block;
        margin: auto;
        max-width: 140px;
        max-height: 140px;
        margin-left: auto;
        margin-right: auto
    }
    
    .logo_vitrine_wrapper,
    .top-annonce-mobile div.logo_vitrine_wrapper {
        width: 160px;
        height: 160px;
        max-width: 160px;
        max-height: 160px;
        background: #fff;
        padding: 10px;
        display: table-cell !important;
        vertical-align: middle;
    }
    
    .erreur {
        font-style: italic !important;
        font-size: 11px;
    }
    
    .nav-link.btn-outline-primary,
    .nav-link.btn-outline-secondary {
        margin-top: 5px;
    }
    
    .nav-link.btn-outline-primary:hover,
    .nav-link.btn-outline-secondary:hover {
        background: #00B0F0;
        color: #fff !important;
    }
    
    .bg-footer a:hover {
        color: #cbe2ff !important;
    }
    
    .favori .fa,
    .favrecherche .fa,
    #recherche .favrecherche .btn.fa {
        font-size: 120% !important;
    }
    
    .menu-bottom .favrecherche .fa {
        font-size: 100% !important;
    }
    
    .location.coworking input {
        border: #203864 1px solid !important;
    }
    
    .annonce_carr_ctrl {
        margin-top: -40px;
        position: relative;
        z-index: 200;
        margin-bottom: 50px;
    }
    
    #slider {
        min-height: 500px;
        width: 100%;
    }
    
    #slider .carousel-inner {
        height: 500px;
        min-height: 500px;
        width: 100%;
    }
    
    #slider .carousel-inner .carousel-item {
        height: 500px;
        min-height: 500px;
        width: 100%;
    }
    
    .form-control.disabled,
    .form-control.masquer {
        background: linear-gradient(-45deg, #e9ecef 12.5%, #fff 12.5%, #fff 37.5%, #e9ecef 37.5%, #e9ecef 62.5%, #fff 62.5%, #fff 87.5%, #e9ecef 87.5%);
        background-size: 10px 10px;
        background-position: 50px 50px;
    }
    /* ajout slider 05/01/2022 */
    
    #slider {
        background: #fff;
    }
    
    @media screen and (max-width: 550px) {
        #slider,
        #slider .carousel-inner,
        #slider .carousel-inner .carousel-item,
        #slider #iframe_vr,
        #slider #slider_youtube,
        #wrapper_youtube {
            height: 300px;
            min-height: 300px;
        }
    }
    
    @media screen and (min-width: 550px) and (max-width: 768px) {
        #slider,
        #slider .carousel-inner,
        #slider .carousel-inner .carousel-item,
        #slider #iframe_vr,
        #slider #slider_youtube,
        #wrapper_youtube {
            height: 400px;
            min-height: 400px;
        }
    }
    
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        #slider,
        #slider .carousel-inner,
        #slider .carousel-inner .carousel-item,
        #slider #iframe_vr,
        #slider #slider_youtube,
        #wrapper_youtube {
            height: 500px !important;
        }
    }
    
    @media screen and (min-width: 1024px) {
        #slider,
        #slider .carousel-inner,
        #slider .carousel-inner .carousel-item,
        #slider #iframe_vr,
        #slider #slider_youtube,
        #wrapper_youtube {
            height: 600px !important;
        }
    }
    /* Fin ajout slider 05/01/2022 */
    
    .prix.annonce.strong {
        font-weight: bold;
    }
    
    .prix.annonce.strong strong {
        font-weight: bold;
        font-size: 18px;
    }
    
    .prix.annonce.strong small {
        font-weight: bold;
        font-size: 12px;
    }
    
    .tableau-prix {
        vertical-align: middle !important;
    }
    
    @media print {
        .noprint {
            display: none;
        }
        body {
            background-color: #FFFFFF !important;
        }
        .card {
            border: #203864 1px solid !important;
        }
        .col-md-3 .panel_contact img {
            max-width: 150px !important;
            max-height: 150px !important;
        }
        .col-md-3 .panel_contact img {
            display: none !important;
        }
    }
    
    .col-md-3 .panel_contact img {
        max-width: 150px !important;
        max-height: 150px !important;
    }
    
    a.partage {
        color: #FFF !important;
        cursor: pointer;
    }
    
    .a2a_kit {
        position: absolute;
        background: rgba(255, 255, 255, 0.5);
        z-index: 2;
        padding: 15px;
        margin-top: 10px;
        border-radius: 15px;
    }
    
    .rowpartage .btn:hover,
    .rowpartage a:hover {
        text-decoration: underline !important;
    }
    
    .infoicon {
        color: #203864;
    }
    
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #203864 !important;
        color: #fff !important;
        border: 0px !important;
    }
    
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        border: 0;
        color: #fff !important;
    }
    
    .select2-selection__rendered,
    .select2-selection__arrow {
        color: #000 !important;
        height: 40px !important;
        line-height: 24px !important;
        border: 0 !important;
    }
    
    .select2-selection.select2-selection--single {
        padding: 0 !important;
        background: #F1F4F5 !important;
        height: 40px !important;
        line-height: 24px !important;
        width: 100% !important;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444 !important;
        line-height: 24px !important;
    }
    
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #203864 !important;
        color: #fff !important;
        border: 0px !important;
    }
    
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #fff !important;
    }
    
    .select2-selection.select2-selection--multiple {
        text-align: left !important;
    }
    
    .select2-container .select2-selection--multiple {
        min-height: 44px !important;
        vertical-align: middle !important;
        line-height: 34px !important;
    }
    
    .select2-container .select2-search--inline .select2-search__field {
        min-height: 30px !important;
    }
    
    .select2-container--default .select2-results__option[aria-disabled=true] {
        display: none !important;
    }
    
    .select2-container .select2-search--inline .select2-search__field {
        height: 18px !important;
    }
    
    .gm-style-iw {
        width: 350px;
        /*min-height: 150px;*/
    }
    
    .select2-dropdown {
        z-index: 5000;
    }
    
    #back {
        position: fixed;
        right: 10px;
        top: 10px;
        z-index: 1900;
        font-size: 8px;
    }
    
    #back i {
        font-size: 14px;
        line-height: 14px;
        padding-bottom: 2px;
        padding-top: 0px;
    }
    
    .d-auto {
        width: auto !important;
    }
    
    .fafavori:after {
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px;
        vertical-align: top;
        line-height: 16px;
    }
    
    .fafavori.fa-heart-o:after {
        content: " Enregistrer";
    }
    
    .fafavori.fa-heart:after {
        content: " Enregistré";
    }
    
    .hovul:hover {
        text-decoration: underline;
    }
    
    .underline {
        text-decoration: underline !important;
    }
    
    .fa.xs-info {
        font-size: 12px;
        padding-top: 0;
    }
    
    .autres_annonces_badge {
        top: 5px;
        right: 5px;
    }
    
    .autres_annonces_cartouche {
        position: absolute;
        padding: 5px;
        background: #20386480;
        color: #fff;
        bottom: 0;
        width: 100%;
        color: #fff;
    }
    
    .autres_annonces_cartouche a:hover {
        color: #fff;
        text-decoration: underline;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        width: 20px !important;
    }
    
    #slider .carousel-control-prev,
    #slider .carousel-control-next {
        width: 30px !important;
    }
    
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23203864' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
    }
    
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23203864' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
    }
    
    @media (max-width: 568px) {
        .card-body {
            padding: 0.5rem;
        }
        .recherche .card-body {
            font-size: 11px;
        }
    }
    
    .navbar-light .navbar-toggler {
        color: #20386480;
        border-color: #20386447;
        left: 10px;
        position: fixed;
    }
    
    .navbar-toggler {
        width: 60px;
    }
    
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(32,56,100, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        background-size: 44px;
        margin: 0 auto;
        width: 100%;
    }
    
    .navbar-light .navbar-toggler {
        border-color: #203864;
    }
    
    .navbar {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .navbottom i {
        font-size: 14px;
        padding: 3px;
        border: #203864 2px solid;
        border-radius: 50px;
        display: inline-block;
        width: 24px;
    }
    
    .liste.annonce.mobile .moyenne_icone.prix,
    .liste.annonce.mobile .moyenne_icone {
        font-size: 14px !important;
    }
    
    .liste.annonce.mobile .bg-diffusez {
        padding: 5px;
        background: #ebf4ffde !important;
    }
    
    .recherche .btn.px-1 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .mw-100 {
        max-width: 100px !important;
    }
    
    .mw-150 {
        max-width: 150px !important;
    }
    
    .mw-200 {
        max-width: 200px !important;
    }
    
    .breadcrumb2 {
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 11px;
    }
    
    .breadcrumb2 a {
        font-weight: bold;
    }
    
    .w-33 {
        width: 33%;
    }
    
    .espace-client .contenu {
        margin-top: 80px;
    }
    
    .espace-client .menu {
        position: fixed;
    }
    
    .espace-client .dynamic {
        margin-left: 25%;
    }
    
    .w-10 {
        width: 10%;
    }
    
    .w-20 {
        width: 20%;
    }
    
    .w-30 {
        width: 30%;
    }
    
    .w-40 {
        width: 40%;
    }
    
    .w-50 {
        width: 50%;
    }
    
    .w-60 {
        width: 60%;
    }
    
    .w-70 {
        width: 70%;
    }
    
    .w-80 {
        width: 80%;
    }
    
    .w-90 {
        width: 90%;
    }
    
    @media screen and (max-width: 768px) {
        .espace-client .contenu {
            margin-top: 160px;
        }
        .espace-client .menu {
            position: relative !important;
        }
        .espace-client .dynamic {
            margin-left: 0 !important;
        }
    }
    /* [1] The container */
    
    .zoom {
        /* [1.1] Set it as per your need */
        /*overflow: hidden;*/
        /* [1.2] Hide the overflowing of child elements */
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
        overflow: hidden;
    }
    /* [2] Transition property for smooth transformation of images */
    
    .zoom img,
    .zoom .bg-overlay {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    /* [3] Finally, transforming the image when container gets hovered */
    
    .zoom:hover {
        overflow: hidden;
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -ms-transition: all 2s ease;
        transition: all 2s ease;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(25, 25, 25, 0.7);
        box-shadow: 0px 0px 8px 0px rgba(25, 25, 25, 0.7);
    }
    
    .zoom:hover img,
    .zoom:hover .bg-overlay {
        transform: scale(1.1);
        cursor: pointer;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
        /*  	-webkit-box-shadow: 2px 2px 4px 0px rgba(28,27,65,0.5); 
box-shadow: 2px 2px 4px 0px rgba(28,27,65,0.5);*/
    }
    
    .zoom.mini:hover img {
        transform: scale(1.05);
        opacity: 0.5;
        cursor: pointer;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
        /*  	-webkit-box-shadow: 2px 2px 4px 0px rgba(28,27,65,0.5); 
box-shadow: 2px 2px 4px 0px rgba(28,27,65,0.5);*/
    }
    
    .border-form {
        background: #fff !important;
        border: solid #a9a9a9 1px !important;
    }
    
    .chat-message {
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }
    
    .pm_message.pm_deleted {
        text-decoration: line-through;
    }
    
    .pm_message.pm_deleted .pm_body {
        display: none;
    }
    
    .pm_message.pm_archived {
        font-style: italic;
        color: grey;
    }
    
    .pm_message.pm_unread .pm_subject {
        font-weight: bolder;
    }
    
    .pm_message.pm_pending .pm_header {
        background-color: #FFC;
    }
    
    .pm_message.pm_rejected .pm_header {
        background-color: #FDD;
    }
    
    #recherche-filtres .btn-outline-primary,
    body.v-light #recherche-filtres .form-control {
        background: #fff !important;
    }
    
    #recherche-filtres .btn-outline-primary:hover,
    #recherche-filtres .btn-outline-primary.active,
    #recherche-filtres .btn-outline-primary:not(:disabled):not(.disabled).active,
    #recherche-filtres .btn-outline-primary:not(:disabled):not(.disabled):active,
    #recherche-filtres .show>.btn-outline-primary.dropdown-toggle {
        color: #203864 !important;
    }
    
    #recherche-filtres .btn-outline-primary.active {
        background: #e9ecef !important;
    }
    
    #recherche-filtres input:checked {
        font-weight: bold;
    }
    
    #recherche-filtres input:focus {
        font-weight: bold;
    }
    
    .rounded-offres {
        border: #dee2e6 1px solid;
        border-bottom: 0px !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    img.offre {
        width: 100px !important;
        height: 100px !important;
        flex-basis: 100px;
        flex-grow: 0;
        flex-shrink: 0;
    }
    
    .x-rounded {
        border-radius: 15px;
    }