@media (min-width: 576px) {
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .l-cruise-home .map-mob:hover {
        transform: scale(1.2);
    }

    .page-home .map-mob:after {
        content: "ZOOM";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 100%;
        z-index: -1;
        color: var(--primary-1);
        font-size: 1rem;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .d-md-none {
        display: none !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-block {
        display: block !important;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .d-md-inline {
        display: inline !important;
    }

    .mb-md-2 {
        margin-bottom: .5rem !important;
    }

}

@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .d-lg-none {
        display: none !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: flex !important;
    }
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 1.55rem;
    }

    .h3, h3 {
        font-size: 1.3rem;
    }

    .h4, h4 {
        font-size: 1.5rem;
    }

    .d-xl-none {
        display: none !important;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
}

@media (max-width: 1720px) {
    #cookie-consent-banner .group-btn .btn-other {
        flex-direction: column;
    }
}

@media (max-width: 1600px) {

    .popinNoResult-form-input1, .popinNoResult-form-input2 {
        margin-left: 7px;
    }

    .popinNoResult-mini-texte {
        margin-left: 7px;
    }
}

@media (min-width: 1400px) {
    #cookie-consent-banner.active {
        display: block !important;
    }

    .slider-home .slide_first {
        font-size: 4em;
    }

    .slider-home h1 {
        font-size: 2.6em;
    }

    .text-slide_first p {
        font-size: 2.1em;
    }

}

@media (max-width: 1399px) {
    .l-cruise .oney {
        display: none;
    }

    #cookie-consent-banner-mob.active {
        display: block;
    }
}

@media (max-width: 1250px) {
    .list_cruise > div, .list_cruise > span, .one-skeleton-card {
        width: 50%;
    }
}

@media (max-width: 1199px) {
    .one-destination {
        width: calc(50% - 10px);
    }

    .short_config {
        /*top: 100px;*/
    }

    .menu_header > ul > li > a {
        padding: 0 0.3rem;
    }

    .menu_header {
        font-size: 12px;
    }

    .wrapper-short_config {
        max-width: 460px;
    }

    .slider-home .slide_first {
        font-size: 2.8em;
    }

    .head_logo img {
        max-height: 50px;
        margin: 0;
    }

    .header-top {
        padding: 5px 15px;
    }

    .l-tel {
        border-left: none;
    }

    .lp-navireView .one-destination {
        width: calc(50% - 30px);
    }

    .formulaire-remplissage {
        padding: 0 15px;
    }

    .button-calculer-tarif-destockage {
        padding: 15px 50px 15px 20px;
        margin-bottom: 10px;
    }

    .l-cruise .info-stay {
        line-height: 1.3em;
    }

    .l-cruise .h2 {
        font-size: 1.5rem;
    }

    .module_de_recherche {
        display: none;
    }

    .contentTri {
        display: none !important;
    }

    .sidebarRefine {
        box-shadow: none;
        height: 100%;
    }

    .list-filtres {
        overflow-y: auto;
        max-height: 100%;
    }

    .l-choose-date .input-group {
        margin-bottom: 0;
    }

    .container-img-cabine .grandir {
        display: none;
    }

    .catRefine .containActifFilter {
        display: block;
    }

    .module_de_recherche {
        position: fixed;
        background-color: #FFF;
        width: 100%;
        display: none;
        top: 20px;
        left: 0;
        padding-bottom: 70px;
        z-index: 100000;
        height: 100% !important;
        border-radius: 20px 20px 0 0;
    }

    .content-footer.useful-width > div {
        width: 50%;
    }

}

@media (min-width: 768px) and (max-width: 1199px) {
    .navireMediaContainer-desktop .buttonShowAllPhotos {
        right: 5%;
    }

    .navireMediaContainer-desktop .buttonShowAllPhotos img {
        margin-right: 0;
    }

    .l-cruise .title_tablette {
        display: block;
    }

    .l-cruise .infos-cruise-1 .h2 {
        display: none;
    }

    .l-cruise .map img {
        max-height: 140px;
    }

    .l-cruise .infos-cruise-2 {
        justify-content: flex-end;
    }

    .l-cruise .infos-cruise-1 {
        padding: 0 0 0 13px;
    }

    .lp_sej_listView .list_cruise .one-cruise {
        padding: 0;
    }

    .container-desc-navire-mob {
        display: flex;
        padding-bottom: 10px !important;
    }


}

@media (max-width: 1099px) {
    .text-slide_first p {
        font-size: 1.1rem;
    }

    .slider-home .slide_first {
        font-size: 2.4em;
    }

    .slider-home h1 {
        font-size: 1.6em;
    }
}

@media (max-width: 1024px) {
    .tablette {
        display: block;
    }

    .tablette-mobile {
        display: block !important;
    }

    .main-menu {
        display: none;
    }

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

    .meteo-aera {
        width: 320px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .legende {
        line-height: 20px !important;
        height: 20px !important;
        font-size: 9px;
    }

    #temperature-result {
        font-size: 60px !important;
    }

    .mob-size_18 {
        font-size: 18px !important;
    }

    .poppup {
        min-width: 90%;
        height: 90%;
        border-radius: 0;
        background-color: #F4F4F4;
        overflow-y: scroll;
    }

    h1.slide_first {
        font-size: 25px;
        font-weight: bold;
        line-height: 28px;
        margin: 0;
        text-transform: uppercase;
    }

    h2.slide_first {
        font-size: 25px;
        padding: 0;
        text-align: left;
        line-height: 28px;
        margin: 0;
    }

    .header {
        /*padding: 0 50px 0 0;*/
        padding: 0 10px 0 0;
        margin: 0;
    }

    .block_search {
        background: #282828;
        position: initial !important;
        left: initial !important;
        height: auto !important;
        width: 100%;
        text-align: center;
        margin-top: initial !important;
        z-index: 850;
    }

    .short_config {
        position: relative;
        top: 0;
        bottom: 0;
        pointer-events: auto;
        z-index: auto;
        padding: 0;
        background-color: #f1f1f1;
    }


    body.has-protection-banner .short_config {
        top: -42px;
        background-color: transparent;
        z-index: 4;
    }

    .wrapper-short_config {
        width: 100%;
        max-width: 100%;
        padding: 0 10px 30px;
    }

    .tp_listcompagniesView .one-destination {
        width: calc(50% - 30px);
    }

    .aside-cat {
        padding-left: 0;
    }

    .formulaire-remplissage {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .demi-devis-resa {
        min-height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        background-color: rgba(0, 0, 0, 0.6);
        padding: 0 15px;
        margin-top: 0;
        border-radius: 0;
        display: block;
        width: 100%;
    }

    .containerTitrePopFP {
        margin-left: 5px;
    }

    .titrePopFP {
        font: normal normal bold 24px/29px "oswald", sans-serif;
    }

    .sousTitrePopFP {
        font: 15px "Open Sans", sans-serif;
    }

    .coordonne-resa {
        padding-left: 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .bandeauResa {
        color: var(--primary-1);
        padding: 15px;
    }

    .doigt-qui-clique3 {
        position: absolute;
        right: 6%;
        bottom: 10%;
    }

    .champ-resa {
        font-size: 14px;
        padding: 5px;
    }

    .plus-moins-nombre-resa {
        font-size: 14px;
    }

    .divParticipantResa {
        border: 1px solid #c2c2c2;
        padding: 0 5px 0 0;
        height: 41px;
        display: flex;
        align-items: center;
        background-color: #ffffff;
    }

    .date_prev.disabled {
        visibility: visible;
        margin-right: 10px;
    }

    .date_next.disabled {
        visibility: visible;
    }

    .title-tab {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.8rem;
        color: var(--primary-1);
    }

    /*.aside-devis {
        background-color: #fff;
        border-radius: 10px;
        margin-top: 60px;
        height: auto;
    }*/

    .aside-devis .formulaire-remplissage {
        padding: 0;
    }

    .button-calculer-tarif-destockage {
        padding: 15px 50px 15px 30px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .filtre-temoignage-ficheproduit {
        max-width: 100%;
        margin-right: 0;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .label.champ-resa {
        font-weight: 400;
    }


    .button-calculer-mon-devis {
        width: 80%;
        max-width: 315px;
    }

    .contenant-droite-FP {
        padding: 0;
        order: -1;
    }

    .l-cruise .h2 {
        font-size: 1.3rem;
    }

    .l-cruise-home .map-mob {
        width: 80px;
        height: 80px;
    }

    .l-cruise.l-cruise-home .logo-armateur {
        width: 50px;
        height: 50px;
    }

    .l-cruise-home .btn-price .price {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .l-cruise-home .btn-price {
        min-width: 150px;
    }

    .vignette_expert {
        width: 55px;
        top: -26px;
    }

    .containActifFilter {
        margin-top: 10px;
    }

    .page-home .promo img {
        max-height: 90px;
    }

    .render-top .myescale, .render-ports .myescale {
        width: calc(50% - 30px);
    }

    .l-cruise .list-stars {
        margin-top: 0;
    }

    .l-cruise .title-boat span:first-child {
        margin-right: 5px;
    }

    .l-cruise .title-boat {
        flex-wrap: wrap;
    }

    .list_ports .myescale, .render-ports .myescale, .render-top .myescale {
        width: calc(50% - 30px);
    }

    .wrapper-404 {
        min-height: calc(100vh - 60px);
    }

    .wrapper-404 h1 {
        font-size: 4rem;
    }

    .wrapper-404 h2 {
        font-size: 1.8rem;
    }

    .wrapper-404 p {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    article.article-card {
        width: 47%;
    }

    .wrapper-contact .contact-content, .wrapper-contact .img-contact {
        width: 100%;
    }

    .wrapper-contact .img-contact img {
        display: none;
    }

    .wrapper-contact .contact-content {
        order: -1;
    }

    .follow-block {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .follow-block h4 {
        font-size: 1.2rem;
        margin-right: 10px;
    }

    .social-links {
        padding-top: 4px;
    }

    .infos-contact > div {
        width: calc(50% - 30px);
    }

    .bloc-avisVerifiesDiv {
        width: 50%;
    }

    .one-guarantee {
        width: 50%;
    }

    .one-guarantee:nth-child(1), .one-guarantee:nth-child(2) {
        margin-bottom: 30px;
    }

    .l-guarantee p {
        font-size: 1rem;
    }

    .slider-home {
        background-image: url("../../images/slides/slide_home_medium.webp");
        height: 270px;
    }

    .known_user .slider-home {
        background-image: url("../../images/slides/slide_home_reverse_medium.webp");
    }

    .content-blog {
        flex-direction: column;
    }

    .aside-cat .wrapper-search, .aside-cat .m-newsletter {
        display: none;
    }

    .m-newsletter .title-cat, .m-newsletter .desc-cat {
        text-align: left;
    }

    .m-newsletter .title-cat {
        padding-bottom: 0;
    }

    .m-newsletter .wrapper-newsletter {
        max-width: 300px;
    }

    .aside-cat {
        width: 100%;
    }

    .select_cabine_propos {
        width: calc(50% - 7px);
        margin-bottom: 14px;
    }

    .entourage_arrondi {
        display: none;
    }

    .monde-entier-bloc {
        width: 50%;
    }

    .map-and-slider {
        position: relative;
        margin: 15px 10px;
    }

    .map-and-slider .prev-slide, .map-and-slider .next-slide {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
    }

    .map-and-slider.active .prev-slide, .map-and-slider.active .next-slide {
        opacity: 1;
        pointer-events: auto;
    }

    .map-and-slider.active .map-fp {
        opacity: 0;
        pointer-events: none;
    }

    .map-and-slider .img_desti {
        opacity: 1 !important;
    }

    .map-and-slider.active .img_desti {
        opacity: 0 !important;
    }

}

@media (max-width: 768px) {

    .global-navbar {
        margin-top: 0;
        z-index: inherit;
    }

    .l-navireMediaContainer {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .mobile {
        display: block;
    }

    .max_width {
        padding-left: 15px;
        padding-right: 15px;
    }

    #temperature-result {
        font-size: 60px !important;
    }

    #temperature-ecran {
        margin-top: 53px !important;
    }

    .legende {
        line-height: 20px !important;
        height: 20px !important;
        font-size: 9px;
    }

    .meteo-aera {
        width: 320px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .mon-encre-ficheproduit {
        width: initial !important;
    }

    .textInSej {
        opacity: 0;
    }

    .mob-size_18 {
        font-size: 18px !important;
    }

    .youtube {
        width: 100% !important;
    }

    .erase-mob {
        display: none;
    }

    .mon-encre-ficheproduit {
        width: initial !important;
    }

    .text-part-commentaire-ficheproduit {
        width: 100% !important;
    }

    .textInSej {
        opacity: 0;
        height: 50px;
    }

    h2, h1.l-title {
        font-size: 1.3rem;
    }

    .text-slide_first p {
        font-size: 0.9rem;
        margin-bottom: 0;
    }

    .modal-cell {
        display: flex;
        flex-wrap: wrap;
    }

    .image-brochure img {
        width: 125px;
    }

    .block_info {
        padding: 20px 15px;
    }

    .information_text h2 {
        color: #000;
        padding: 0;
        font-weight: bold;
        font-size: 12px;
        margin: 10px 0 5px 0;
    }

    footer .list-destinations {
        grid-template-columns: inherit;
    }

    .block_slider {
        min-height: 170px;
        height: 170px;
        justify-content: flex-start;
        padding-top: 32px;
    }

    .bloc_demande {
        box-shadow: none;
    }

    .slider-home .slide_first {
        font-size: 2em;
        font-weight: 400;
        margin-top: 5px;
        display: block;
    }

    .slider-home h1 {
        margin-top: 10px;
    }

    .l-header-right {
        display: none;
    }

    .l-link-mob {
        padding: 0 15px;
    }

    .one-destination {
        width: 100%;
    }

    .wrapper-sej_list > div {
        padding: 0;
    }

    .header-type-1 {
        min-height: 173px;
        display: flex;
        align-items: flex-end;
    }

    .lp-navireView .one-destination {
        width: 100%;
        margin: 5px 0 20px;
    }

    .list-destinations.list-boats .one-destination {
        width: 100%;
    }

    .tp_listcompagniesView .one-destination {
        width: 100%;
    }

    .bandeau-date-depart {
        font-size: 12px;
        height: 30px;
    }

    .texte-size-tab-prix {
        font-size: 14px;
    }

    .imgSvgBoatRed {
        height: 16px;
    }

    .date_prev {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .img-oney {
        height: 37px;
        width: auto;
    }

    .bandeau_jaune {
        height: 5px;
        background-color: #ffc200;
    }

    .titre-temoignage-ficheproduit {
        font-size: 20px;
        font-weight: 800;
        height: 10px;
        width: 100%;
        color: var(--primary-1);
    }

    .filtre-temoignage-ficheproduit {
        font-size: 12px;
        vertical-align: middle;
        display: flex;
        text-align: center;
        margin-right: 1%;
        color: #CCC;
        padding-top: 0;
    }

    .barre_separation-info-det {
        margin-left: auto;
        margin-right: auto;
    }

    .date_prev {
        font-size: 14px;
    }

    .date_next {
        font-size: 14px;
    }

    .contenant-gauche-FP {
        padding: 0 0 0 10px;
    }

    .couleur-level-aventure-expert-ficheproduit {
        text-align: left;
    }

    .title2FP {
        color: var(--primary-1);
        text-align: initial;
        padding: 5px 5px 0 0;
        text-transform: uppercase;
        font: 16px "Open Sans", sans-serif;
        font-weight: 600;
    }

    .contenant-droite-FP {
        background-color: #ffffff;
        height: 100%;
    }

    .contenant-global-info-ficheproduit {
        padding-left: 0;
        padding-right: 0;
    }


    .case-onglet-fiche {
        box-shadow: none;
        border-radius: 0;
    }

    #mydate_libelle {
        border-bottom-right-radius: 0;
    }

    .calendrier-col-cabine {
        border-top-left-radius: 8px;
    }

    .titre-temoignage-ficheproduit {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .tab-links li > a {
        border-radius: 5px;
        box-shadow: none;
        background-color: #efefef;
    }

    .titre-temoignage-ficheproduit {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .place-onglet-ficheproduit {
        padding: 0 2px;
    }

    #myspecial-content-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .doigt-qui-clique {
        position: absolute;
        right: 3%;
        bottom: -15%;
    }

    .bandeau-msg-error {
        margin-bottom: 0;
        font-size: 14px;
    }

    .button-slider {
        padding: 4px 5px 3px 5px;
    }

    .bandeauResa {
        background-color: #edf7ff;
        width: 100%;
        font-size: 18px;
    }

    .img-oney {
        height: 31px;
        width: auto;
    }

    .case_complet {
        font-size: 0.6rem;
    }

    .logo-armateur-fp {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 5px;
        height: 40px;
        width: 80px;
    }

    .contenant-calendrier {
        position: relative;
        top: -5px;
        padding-left: 0;
        padding-right: 0;
    }

    #calendrier-FP {
        margin-top: 0;
    }

    .contenant-suite-calendrier {
        margin-top: 0;
    }

    .tailleSimuSlideSuivant {
        width: 2%;
    }

    .tableau_sans_vol, .tableau_avec_vol {
        width: 70%;
    }

    .ongletsFP {
        order: 1;
        width: 100%;
    }

    .click_onglet_croisiere_seche {
        margin-left: 0;
    }

    .liste-bouton {
        display: none;
    }

    .youtube.poppup {
        width: 100% !important;
        height: 100% !important;
    }

    .slider-opt {
        position: relative;
        height: 300px;
    }

    .haut-navire-place-ficheproduit, .icon-plus-produit {
        display: none !important;
    }

    #colonne-menuproduit.black-color, #colonne-menuproduit2.black-color {
        background-color: #efefef !important;
    }

    #colonne-menuproduit2 {
        border-left: solid 1px #FFF;
        border-right: solid 1px #FFF;
    }

    .colonne-menuproduit-border-right {
        border-right: solid 1px #FFF;
    }

    .bg-blue-hover:hover {
        background: none !important;
        color: #000 !important;
    }

    .tp_fihce_produitView {
        padding: 0;
        background-color: #fff;
    }

    .opt-bas-slider.title2FP {
        padding-top: 0;
    }

    .tp_fihce_produitView .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        display: flex;
        flex-direction: column;
    }

    .tp_fihce_produitView .ui-tabs .ui-tabs-nav li {
        padding-right: 5px;
    }

    .bandeau-categorie {
        height: 64px;
    }

    .l-choose-date {
        width: 100%;
        text-align: center;
    }

    .l-arrows-global {
        width: 100%;
    }

    .l-arrows-global .l-arrows {
        display: flex;
        justify-content: space-between;
    }

    .slider-boat-tab {
        width: 100% !important;
        margin-bottom: 15px;
        float: none;
    }

    #avatar-aventure-expert-temoignage-ficheproduit {
        right: 20px;
    }

    .tp_fihce_produitView .ui-tabs .ui-tabs-nav li a {
        padding: 10px 2px 5px;
    }

    .block_by_avis_navire {
        padding: 0 15px;
    }

    .infos-notice {
        width: 100%;
        padding-left: 0;
    }

    .user-commentaire-ficheproduit {
        width: 50px;
    }

    .footer-opt-fiche-produit {
        bottom: 0;
        padding: 0 15px;
    }

    .slideshow.slider-meteofiche-opt {
        margin: 2px auto 5px;
    }

    .show-description-ficheproduit {
        padding: 0;
    }

    .wrapper-felicitation {
        max-width: 100%;
        padding: 30px 15px;
    }

    .wrapper-weather {
        justify-content: center;
    }


    .l-search form#searchfirst {
        display: none;
    }

    .l-search .wrapper-search {
        border-radius: 0;
        box-shadow: none;
        background-color: #FFD250;
        padding: 6px;
    }

    .l-search-mobile {
        font-size: .8rem;
        font-weight: 600;
        background-color: #fff;
        border-radius: 4px;
    }

    .l-search-big .l-search-mobile {
        background-color: transparent;
    }

    .l-search-big .l-search-mobile input,
    .l-search-big .l-search-mobile .p-placeholder {
        width: 100%;
        border: none;
        padding: 7px 15px;
        font-size: 1rem;
        font-weight: 600;
        height: 50px;
        display: flex;
        align-items: center;
    }

    .l-search-big .field {
        background-color: #fff;
        margin: 7px 0;
    }

    .l-search.l-search-big .field img {
        margin-right: 0;
    }

    .l-search-big form button {
        width: 100%;
        height: 50px;
        background-color: #194F82;
        border-color: #194F82;
        font-size: 1.3rem;
        text-transform: uppercase;
    }

    .l-search-big form button:hover, .l-search-big form button:focus {
        color: #194F82;
        background-color: #fff;
    }

    .l-search-big .picto-input {
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .l-search-big .picto-input.calendar img {
        width: 20px;
    }

    .l-search-big .picto-input.map img {
        width: 20px;
    }

    .l-search-big .picto-input.boat img {
        width: 24px;
    }

    .l-search-big .l-search-mobile i {
        margin-right: 0;
        font-size: 1.3rem;
    }

    .l-search-big .title-search .input {
        padding: 7px 15px;
        margin-right: auto;
    }

    .l-search-big.sticky-search {
        /*position: inherit;*/
    }

    .l-search-big.sticky-search ~ .after-navbar {
        /*padding-top: 0;*/
    }


    /*.l-search-big.sticky-search ~ .header-type-1 {
        padding-top: 66px;
    }


    .l-search-big.sticky-search ~ .after-bar-offre {
        padding-top: 66px;
    }

    .sticky-search ~ .ligne-navbar, .sticky-search ~ .after-navbar {
        padding-top: 66px;
    }
    */

    .l-search-big .picto-arrow img {
        height: 26px;
    }

    .l-search.l-search-big .wrapper-search {
        padding: 0;
    }

    .l-search-mobile .title-search {
        background-color: #ffffff;
        height: 50px;
        padding: 7px 13px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1rem;
        margin: 3px 0;
    }

    .l-search .useful-width {
        padding: 0;
    }


    a.btn-price {
        font-size: 0.75rem;
        min-width: 150px;
        padding: 1px 36px 1px 12px;
    }

    .btn-price .price {
        font-size: 1.4rem;
    }

    a.l-images > img {
        border-radius: 5px;
    }

    .head_logo img {
        width: 120px;
        margin: 0;
    }

    .header-top {
        padding: 10px 7px;
    }

    /*.list-date.owl-carousel .owl-nav button.owl-next,
    .list-date.owl-carousel .owl-nav button.owl-prev {
        width: 41px;
    }*/

    .list-date {
        padding: 0 46px;
    }

    .l-cruise .info-stay.departure img {
        max-height: 24px;
    }

    .l-cruise .info-stay.pension img {
        max-height: 20px;
        margin-right: 3px;
    }

    .l-cruise .info-stay.boat img {
        max-height: 18px;
    }

    .l-cruise .picto {
        height: 23px;
        width: 28px;
    }

    .l-cruise .cheaper img {
        max-height: 18px;
    }

    .text-slide_first {
        margin: 0 auto;
    }


    .slider-home h1 {
        font-size: 1.4em;
    }

    .l-cruise .oney img.card {
        display: block;
    }

    .l-cheaper {
        padding: 0 15px;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .l-cheaper .cheaper img {
        max-height: 15px;
    }

    .l-cheaper .cheaper {
        font-size: 0.82rem;
    }

    .text-slide_first p {
        display: none;
    }

    .selectCountry {
        border-right: 1px solid #ced4da;
    }

    .l-date-arrows {
        padding-left: 0;
        max-width: 100%;
    }

    .page-sej_list .useful-width > .useful-width {
        padding: 0;
    }

    .one_faq .question {
        font-size: 1.1rem;
    }

    .one_faq {
        padding: 15px 40px 15px 15px;
    }

    .one_faq .img_close {
        right: 20px;
    }

    .one_faq .img_close img {
        width: 12px;
    }

    #colonne-menuproduit2 {
        padding-left: 0;
    }

    .title-lieu-produit-switch {
        line-height: 1.2em;
    }

    #colonne-menuproduit:first-child {
        width: 80px;
    }

    #colonne-menuproduit:first-child .col-3 {
        width: 32%;
    }

    #colonne-menuproduit:first-child .col-9 {
        width: 68%;
    }

    #colonne-menuproduit2 {
        flex: 1;
    }

    .fields-notice .field {
        width: 100%;
    }

    .calendrier-col-cabine {
        width: 28%;
    }

    .bandeau-date-depart-title {
        text-align: center;
        font-size: 11px;
        height: 30px;
        padding: 0 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bandeau-date-retour-title {
        font-size: 11px;
        height: 30px;
        border-bottom-left-radius: 0;
        padding: 0 3px;
        display: flex;
        justify-content: center;
    }

    .trait-title-port-left, .trait-title-port-right {
        display: none;
    }

    .title-port {
        margin: 0 auto;
    }

    .search-escale {
        display: block;
    }

    .field_search {
        background-color: #ffffff;
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 0;
        padding-left: 0;
        box-shadow: none;
    }

    .field_search .field {
        height: 60px;
        width: 100%;
        max-width: 100%;
        padding-left: unset;
        border-radius: unset;
        border: 5px solid #FAB73F;
        margin: 0;
    }

    .search_port {
        flex-direction: column;
    }

    .search_port span.icon-loop {
        margin-left: 10px;
    }

    .button_search_port {
        border-radius: unset;
        margin-top: 20px;
        font-size: 1.3rem;
    }

    .button_search_port img {
        display: none;
    }

    .l-search-big form.search_port button {
        margin-top: 0;
    }


    .list_cruise .one-cruise {
        padding: 0;
    }

    .l-cruise.l-cruise-home {
        padding: 0;
    }


    .l-cruise .l-images {
        margin-left: 0;
        background: none !important;
        width: 100%;
        height: auto;
        border: none;
    }

    .one-skeleton-card2 .l-images {
        margin-left: 0;
        width: 100%;
        height: auto;
        border: none;
        border-radius: 6px;
        min-height: 150px;
        aspect-ratio: 251 / 169;
    }

    .one-skeleton-card2 .infos-cruise-2 {
        display: none;
    }

    .l-cruise .img-boat {
        display: none;
    }

    .l-cruise .logo-armateur {
        width: 50px;
        height: 38px;
        right: inherit;
        left: 0;
        top: 11px;
        background-color: rgba(255, 255, 255, 0.5);
        border: none;
        background-size: 85%;
        border-radius: 0 5px 5px 0;
    }

    .l-cruise .infos-cruise {
        position: relative;
        width: 100%;
        padding: 7px 0;
    }

    .l-cruise .list-options-promo {
        position: absolute;
        bottom: 6px;
        left: 6px;
        right: 80px;
        align-items: flex-end;
    }

    .l-cruise .list-options-promo .option, .l-cruise .list-options-promo .promo {
        padding: 3px 6px;
        border-radius: 2px;
        color: #fff;
        background-color: var(--primary-1);
        font-size: 0.7rem;
    }

    .l-cruise .list-options-promo .promo {
        color: var(--primary-1);
        background-color: #FFC200;
    }

    .l-cruise .infos-cruise-calendar {
        padding-left: 0;
    }

    .l-cruise .info-stay {
        font-size: 0.9rem;
    }

    .l-cruise .cheaper {
        margin-left: 1px;
        margin-bottom: 2px;
        font-size: 0.9rem;
    }

    .l-cruise .infos-cruise-1 {
        width: 100%;
        padding: 5px 0 0;
    }

    .l-cruise .info-stay.duration {
        display: none;
    }

    .l-cruise .map {
        display: none;
    }

    .l-cruise .infos-stay {
        padding-left: 10px;
        margin-top: 6px;
    }

    .page-sej_list .l-cruise .img-cruise,
    .page-sej_navire .l-cruise .img-cruise {
        display: block;
    }

    .l-cruise .img-cruise {
        display: block;
        width: 100%;
        height: auto;
    }

    .l-cruise .l-images .list-options-promo {
        display: flex;
    }

    .l-cruise .title-options .list-options-promo {
        display: none;
    }

    .map-mob, .page-sej_list .map-mob, .page-sej_navire .map-mob {
        display: block;
    }


    .list_cruise, .list-cruise-skeleton {
        justify-content: space-between;
    }

    .l-cruise {
        width: 100%;
        flex-direction: column;
        padding: 9px;
    }

    .lp_sej_listView .list_cruise .one-cruise, .list_cruise .one-skeleton-card2 {
        width: 48%;
    }

    .list_cruise .one-skeleton-card2 {
        flex-direction: column;
        justify-content: space-between;
        margin-left: 0;
        padding: 10px;
    }

    .one-skeleton-card2 .skeleton-card {
        width: 100%;
    }

    .skeleton-card.l-cruise {
        flex: 1;
        margin-bottom: 0;
    }

    .one-skeleton-card2 .l-cruise .infos-cruise-1 {
        height: 119px;
    }

    .l-cruise .infos-cruise-2 {
        width: 100%;
    }

    .l-cruise.l-cruise-home .infos-cruise-2 {
        width: 100%;
        position: inherit;
        right: inherit;
        bottom: inherit;
    }

    .page-home .list_cruise .one-cruise, .one-skeleton-card {
        padding: 0 12px;
    }

    .page-home .l-cruise .l-payment {
        justify-content: flex-start;
        padding: 0 20px;
    }

    .page-home .info-stay.departure {
        width: calc(100% - 158px);
    }

    .page-home .info-stay.departure span {
        flex: 1;
    }

    .choice-fluvial {
        position: relative;
        margin-right: -15px;
        border-radius: 11px 0 0 11px;
    }

    .choice-fluvial-degrade {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 30px;
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
        z-index: 1;
    }

    .choice-fluvial .choice-fluvial-text {
        display: none;
    }

    .group-fluvial {
        display: flex;
    }

    .choice-fluvial .choice-fluvial-icon {
        width: 100%;
    }

    .popinNoResult-titre {
        display: block;
    }

    .popinNoResult-form h3 {
        display: none;
    }

    .popinNoResult-div-img h3 {
        font-weight: bold;
        font-size: 14px;
    }

    .popinNoResult {
        flex-direction: column;
    }

    .popinNoResult-div-img, .popinNoResult-form {
        width: 100%;
        align-items: center;
    }

    img.popinNoResult-img {
        width: 35%;
        height: 35%;
    }

    .popinNoResult-form-input2 {
        flex-direction: column;
        width: 100%;
    }

    .popinNoResult-form-input1-nom {
        margin: 10px 0 0 0;
    }

    .popinMerciNR-txt1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .popinMerciNR-txt3 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .popinMerciNR-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .l-images .big_map, .l-images .img_desti {
        opacity: 1 !important;
    }

    .l-images.active .big_map, .l-images.active .img_desti {
        opacity: 0 !important;
    }

    .navireMediaContainer-desktop {
        display: none !important;
    }

    .navireMediaContainer-mobile {
        display: block !important;
    }

    .custom-thumbnail .containerButtonPlay, .custom-thumbnail-no-video .containerButtonPlay {
        width: 75px;
        height: 75px;
    }

    .custom-thumbnail .containerButtonPlay .buttonPlay, .custom-thumbnail-no-video .containerButtonPlay .buttonPlay {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 40px solid #FFFFFF;
    }

    .barreOverflow {
        position: relative;
        margin-right: -15px;
        margin-left: -15px;
        overflow-x: auto;
    }

    .menu-navire {
        border-radius: 11px;
        margin-left: 15px;
        margin-right: 15px;
        width: max-content;
    }

    .elementFluvial:last-child {
        margin-right: 10px;
    }

    .menu-navire .menu-navire-text {
        display: none;
    }

    .menu-navire .menu-navire-icon {
        width: 100%;
    }

    .block-global-avis-navire {
        display: flex;
        justify-content: inherit;
        padding-bottom: 20px;
    }

    .block-global-avis-navire .note-moyenne-avis .note {
        font-size: 20px;
    }

    .block-global-avis-navire .note-moyenne-avis .wordingNote {
        font-size: 16px;
        margin-bottom: 0;
    }

    .block-global-avis-navire .note-moyenne-avis .encre-global img {
        width: 10px;
        height: 10px;
    }

    .block-global-avis-navire .nbr-avis-by-note {
        padding-left: 0;
        padding-top: 20px;
        width: 70%;
    }

    .nbr-avis-by-note .note .progressBar {
        width: 90%;
    }

    .nbr-avis-by-note .title-avis-by-note {
        display: none;
    }

    .description_cabine_navire img {
        height: auto;
        width: 100%;
    }

    .menu-navire .menu-navire-icon .elementFluvial {
        width: 100px;
        height: 55px;
    }

    .mon-encre-navire img {
        height: 15px;
        width: 15px;
        margin-right: 5px;
    }

    .menu-navire {
        padding-left: 10px;
    }

    .l-list-navire {
        padding-right: 0;
    }

    .menu-navire .menu-navire-icon .elementFluvial svg {
        width: 40%;
        height: 40%;
    }

    .custom-thumbnail, .custom-thumbnail-no-video {
        border-radius: 0;
    }

    .title_sej_mob_navire {
        color: #ffffff;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 1.3rem;
        text-align: center;
        font-weight: 300;
        background-color: #194F82;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .container-desc-navire-mob {
        display: flex;
        padding-bottom: 10px !important;
    }

    .page-sej_list .header-type-1 {
        min-height: auto;
        padding: 0;
        margin: 0;
        background-image: none !important;
    }

    .page-sej_list .textInSej {
        opacity: 1;
        height: auto;
        padding: 0;
        background-color: transparent;
    }

    .myFilArianneSejList, .textInSej .txt {
        display: none;
    }

    h1.title-chapeau {
        text-transform: uppercase;
        font-family: "Oswald", sans-serif;
        font-size: 1.3rem;
        font-weight: 500;
        margin: 20px 0 0;
        display: block;
    }

    .desk {
        display: none;
    }

    .l-certifications {
        display: none;
    }

    .cookie-part2 {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 95%;
        background-color: #ffffff;
        border: 1px solid #ddd;
        padding: 20px;
        box-shadow: 0 0 13px #0000005E;
        border-radius: 4px;
        z-index: 99999;
        display: none;
    }

    .cookie-part2 .cookie-part2-body form .choices {
        height: 300px;
        overflow-y: scroll;
    }

    .cookie-part2 .cookie-part2-body .cookie-part2-btn .btn-mob {
        display: flex;
        width: 100%;
    }

    .cookie-part2 .cookie-part2-body .cookie-part2-btn {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 15px;
    }

    .cookie-part2 .cookie-part2-body .cookie-part2-btn .btn-accept-all {
        margin-bottom: 10px;
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .cookie-part2 .cookie-part2-body .cookie-part2-btn .btn-reject-all {
        margin-right: 10px;
        padding: 0;
    }

    .cookie-part2 .cookie-part2-body .cookie-part2-btn .btn-save-all {
        margin-right: 0;
    }

    .cookie-part2 .cookie-part2-header p {
        line-height: 1.3em;
        font-size: .9rem;
    }

    .cookie-part2 .cookie-part2-body form .choices > p:last-child {
        font-size: .9rem;
    }

    #cookie-consent-banner-mob {
        width: 95%;
    }

    .m-search-boat {
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .l-title .line {
        display: none;
    }

    article.article-card {
        width: 100%;
    }

    .meteo-aera {
        width: 320px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .legende {
        line-height: 20px !important;
        height: 20px !important;
        font-size: 9px;
    }

    #temperature-result {
        font-size: 60px !important;
    }

    .mob-size_18 {
        font-size: 18px !important;
    }
    
    .short_config, body.has-protection-banner .short_config {
        position: relative;
        top: -40px;
        bottom: 0;
        pointer-events: auto;
        z-index: 4;
        padding: 0;
        background-color: transparent;
        margin-bottom: -20px;
    }

    .short_config .useful-width {
        padding: 0;
    }

    .wrapper-short_config {
        padding: 0;
    }

    .aside-cat {
        padding-left: 0;
    }

    .with-border-top-mobile-10 {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .containerTitrePopFP {
        margin-left: 5px;
    }

    .titrePopFP {
        font: normal normal bold 24px/29px "oswald", sans-serif;
    }

    .sousTitrePopFP {
        font: 15px "Open Sans", sans-serif;
    }

    .button-calculer-tarif-destockage {
        padding: 15px 50px 15px 30px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .filtre-temoignage-ficheproduit {
        max-width: 100%;
        margin-right: 0;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .l-cruise .list-stars {
        margin-top: 0;
    }

    .l-cruise .title-boat span:first-child {
        margin-right: 5px;
    }

    .l-cruise .title-boat {
        flex-wrap: wrap;
    }

    .list_ports .myescale, .render-ports .myescale, .render-top .myescale {
        width: calc(50% - 30px);
    }

    .wrapper-404 {
        min-height: calc(100vh - 60px);
    }

    .wrapper-404 h1 {
        font-size: 4rem;
    }

    .wrapper-404 h2 {
        font-size: 1.8rem;
    }

    .wrapper-404 p {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    .follow-block {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .follow-block h4 {
        font-size: 1.2rem;
        margin-right: 10px;
    }

    .social-links {
        padding-top: 4px;
    }

    .infos-contact > div {
        width: calc(50% - 30px);
    }

    .bloc-avisVerifiesDiv {
        width: 50%;
    }

    .bandeauMSCYCMobile {
        height: 25px;
        background-color: #C79F32;
        border: 0;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;

    }

    .content-footer.useful-width > div {
        width: 100%;
    }

    .slider-home {
        background-image: url("../../images/slides/slide_home _small.webp");
    }

    .known_user .slider-home {
        background-image: url("../../images/slides/slide_home_reverse_small.webp");
    }

    .list-post article.article-card {
        width: 100%;
    }

    .tp_blogView .header-blog {
        position: relative;
        height: auto;
        background-image: none;
        padding: 0 15px;
    }

    .header-blog h1 {
        color: #1E5180;
        font-size: 1.4rem;
        margin-top: 15px;
    }

    .header-blog .calc {
        display: none;
    }

    .footer-form {
        flex-direction: column;
        gap: 15px;
    }

    .l-box h4 {
        font-size: 1.8rem;
    }

    .bloc_article h1 {
        font-size: 2rem;
    }

    .bloc_article h2 {
        font-size: 1.8rem;
    }

    .text_reponse {
        flex: auto;
        max-width: 100%;
        width: 100%;
    }

    .enveloppe {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .wrapper-proposition .map {
        display: none;
    }

    .wrapper-proposition .title-options {
        width: 61%;
    }

    .wrapper-proposition .l-images {
        width: 35%;
    }

    .enveloppe img {
        max-width: 110px;
    }

    .wrapper-proposition .l-images .big_map, .wrapper-proposition .l-images .img_desti {
        opacity: 0 !important;
    }

    .m-protection .text p {
        font-size: 0.8rem;
    }

    .page_offre {
        padding-top: 0;
    }

    .page_offre h3 {
        font-size: 1.2rem;
    }

    #navbar {
        display: none;
    }

    .lp_ports #navbar {
        display: block;
    }

    #loading_page {
        display: flex;
    }

    .port-1 {
        position: relative;
        overflow: hidden;
        text-align: center;
    }

    .port-1 .text-desc {
        display: none;
    }

    .port-1 .text-desc-raisons {
        opacity: 0.8;
        transition: 0.5s;
        color: #fff;
        padding: 20px;
    }

    .port-1 img {
        transition: 0.5s;
    }

    .port-1.effect-1:hover .text-desc {
        display: none;
    }

    .port-1.effect-3 .text-desc-raisons {
        display: none;
    }

    .port-1.effect-3:hover .text-desc {
        display: none;
    }

    .port-1.effect-3:hover .text-desc-raisons {
        display: none;
    }

    .navire_fleche {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 101;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: space-between;
    }

    .navire_fleche a {
        background: #fff;
        color: #399cc7;
        border-radius: 30px;
        display: inline-block;
        font-size: 35px;
        height: 54px;
        width: 54px;
    }

    .navire_fleche #prev {
        float: left;
        margin-left: 15px;
    }

    .navire_fleche #next {
        margin-right: 15px;
    }

    .navire_titre {
        color: #0baadd;
        font-weight: bold;
        font-size: 15px;
        text-transform: uppercase;
        text-align: left;
        margin: 10px 0 10px 0;
        display: block;
    }

    .prev-slide {
        left: 0;
    }

    .next-slide {
        right: 0;
    }

    .tp_fihce_produitView .ui-tabs .ui-tabs-nav li {
        padding-right: 5px;
    }

    div#tab-line-width > div {
        font-size: 0.75rem;
    }

    .header-type-1.header-type-1-navire,
    .header-type-1.header-type-1-thematique {
        display: none;
    }

    .monde-entier-bloc {
        width: 100%;
    }

    .one-skeleton-card2 .one-date:nth-child(n+4) {
        display: none;
    }

    .l-fields.fields-tel-mail .field {
        width: 100%;
    }

    .l-fields.fields-tel-mail {
        flex-direction: column;
        gap: 0;
    }

    .iti.iti--allow-dropdown.iti--show-flags {
        font-size: 15px;
    }

    .slider-meteofiche-opt.swiper.swiper-initialized.swiper-horizontal {
        margin-left: auto;
        margin-top: 15px;
    }

    .show-description-ficheproduit {
        text-align: center;
    }

    .tab-links li > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .tab-links li > a img {
        height: 35px;
    }

    .mscYC {
        display: none;
    }

    #navbar-mobile {
        display: block;
    }

}

@media (max-width: 550px) {
    .choice-fluvial .choice-fluvial-icon .elementFluvial {
        display: flex;
        flex-wrap: wrap;
    }

    .list_cruise {
        justify-content: center;
    }

    .l-cruise {
        width: 100%;
    }

    .l-cruise .infos-cruise-2 {
        flex: inherit;
        width: fit-content;
        position: absolute;
        bottom: 60px;
        right: 7px;
    }

    .l-cruise .l-payment {
        align-items: flex-end;
        flex-direction: column;
    }

    .lp_sej_listView .list_cruise .one-cruise, .list_cruise .one-skeleton-card2 {
        width: 100%;
    }

    .l-cruise .oney {
        display: flex;
        margin-right: 0;
        pointer-events: none;
    }

    .l-cruise .oney span {
        font-weight: 600;
        font-size: 0.8rem;
    }

    .l-cruise .list-stars {
        margin-top: -10px;
    }

    .l-cruise .title-boat span:first-child {
        margin-right: 0;
    }

    .page-home .list_cruise > span, .page-home .list_cruise > div,
    .list_cruise > div, .list-cruise > span, .one-skeleton-card {
        width: 100%;
    }

    .l-cruise.l-cruise-home .infos-cruise-2 {
        width: fit-content;
        position: absolute;
        right: 20px;
        bottom: 10px;
    }

    .page-home .list_cruise .one-cruise, .one-skeleton-card {
        padding: 0;
    }

    .page-home .l-cruise .l-payment {
        justify-content: flex-start;
        padding: 0;
    }

    .list_ports .myescale, .render-ports .myescale, .render-top .myescale {
        width: 100%;
    }

    .select-search {
        width: 100%;
        min-width: 100%;
    }

    .infos-contact > div {
        width: 100%;
    }

    .bloc-avisVerifiesDiv {
        width: 100%;
    }

    .img-author img {
        width: 90px;
    }

    .select_cabine_propos {
        position: relative;
        padding: 0;
        height: 120px;
    }

    .select_cabine_propos .img-cabine {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .info_cabine_propos {
        margin-left: 0;
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .info_cabine_propos .btn.btn-arrow {
        font-size: 1.2rem;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
        border-radius: 0 0 6px 6px;
        text-align: center;
    }

    .titre_cabine_propos {
        font-size: 1.1rem;
        margin-top: 0;
        background-color: #ffffff8f;
        padding: 5px 10px 1px;
        text-align: center;
    }

    .titre_cabine_propos br {
        display: none;
    }

    .wrapper-proposition .title-options {
        width: 100%;
        margin-top: 10px;
    }

    .wrapper-proposition .list-options-promo {
        display: none;
    }

    .info_cabine_propos .full {
        text-align: center;
        padding: 8px 10px 9px;
        background-color: #000000a1;
        border-radius: 0 0 6px 6px;
        font-weight: 700;
    }

    .wrapper-proposition .l-images {
        position: relative;
        margin-left: 0;
        background: 0 0 !important;
        width: 100%;
        height: auto;
        border: 0;
    }

    .wrapper-proposition h2 {
        font-size: 1.1rem;
    }

    .wrapper-proposition .img-cruise {
        display: block;
    }

    .wrapper-proposition .logo-armateur {
        position: absolute;
        width: 50px;
        height: 38px;
        right: inherit;
        left: 0;
        top: 11px;
        background-color: rgba(255, 255, 255, .5);
        border: 0;
        background-size: 85%;
        border-radius: 0 5px 5px 0;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
        pointer-events: none;
    }

    .wrapper-proposition .big_map {
        border-radius: 6px;
    }

    .wrapper-proposition .block_offre2 {
        margin-bottom: 25px;
        padding: 10px;
    }

    .wrapper-proposition .list-options-promo.mobile {
        position: absolute;
        bottom: 0;
        z-index: 2;
        display: flex;
        padding: 0 10px 2px;
    }

    .wrapper-proposition .option.vol {
        background: #fff;
    }

    .wrapper-proposition .l-images .big_map, .wrapper-proposition .l-images .img_desti {
        opacity: 1 !important;
    }

    .wrapper-proposition .l-images.active .big_map, .wrapper-proposition .l-images.active .img_desti {
        opacity: 0 !important;
    }

    .wrapper-proposition .map-mob {
        display: block;
    }

    .l-cruise .h2 {
        font-size: 1.1rem;
    }

    .slider-opt {
        height: 250px;
    }

}

@media (max-width: 500px) {

    .text-slide_first {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-home h1 {
        font-size: 1.2em;
    }

    .slider-home .slide_first {
        font-size: 1.8em;
    }

    .titre_form {
        font-size: 0.8rem;
    }

    .txt-calendrier {
        font-size: 0.68rem;
    }

    .lp_sej_listView .l-cruise .info-stay.departure {
        width: calc(100% - 158px);
    }

    .popinPropositionMailInspi {
        right: 0;
    }

    .l-btn-contact .btn.btn-arrow {
        max-width: 100%;
    }
}

@media (max-width: 380px) {

    .button-a-partir-de-bloc {
        width: 36%;
        max-width: 170px;
    }

    h2 {
        font-size: 1.2rem;
    }

    .slider-home .slide_first {
        font-size: 1.7em;
    }

    .block-global-avis-navire .note-moyenne-avis .encre-global img {
        height: 10px;
        width: 10px;
        margin-right: 5px;
    }

    .l-cruise .list-stars {
        margin-top: 0;
    }

    .l-cruise .title-boat span:first-child {
        margin-right: 3px;
    }

}