@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1850px) {
    .view-slider-accueil .swiper-slide {
        height: 700px;
    }
    .view-slider-accueil .swiper-slide img {
        width: 100%;
        height: 700px;
        object-fit: cover;
    }
}
@media screen and (max-width: 1800px) {
    #superfish-main {
        margin-right: 10px;
    }
    header .block-superfish .default-btn {
        padding: 5px 10px;
        position: relative;
        z-index: 1000;
    }
    #superfish-main > li {
        margin-right: 0;
    }
    header .region-header {
        padding: 0 5px 0 10px;
    }
    header .block-language {
        margin-left: 5px;
    }
    #block-izenah-croisieres-theme-logoheader {
        max-width: 108px;
    }
}
@media screen and (max-width: 1630px) {
    #superfish-main > li > a {
        font-size: 14px;
    }
}
@media screen and (max-width: 1500px) {
    #superfish-main > li > a {
        padding: 0 10px;
        font-size: 14px;
    }
    #superfish-main > li > a.menuparent {
        padding-right: 15px;
    }
    #superfish-main > li > a.menuparent .sf-sub-indicator {
        right: -2px;
    }
}
@media screen and (max-width: 1450px) {
    .accueil-croisieres #slider-croisieres .swiper-button-prev, .autres-croisieres #slider-croisieres .swiper-button-prev {
        left: -13px;
    }
    .accueil-croisieres #slider-croisieres .swiper-button-next, .autres-croisieres #slider-croisieres .swiper-button-next {
        right: -13px;
    }
}
@media screen and (max-width: 1279px) {
    .not-frontpage main {
        padding-top: 60px;
    }
    header .region-header {
        height: 60px;
    }
    .navigation-principale {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 20px;
        padding-right: 15px;
    }
    #superfish-main {
        display: none;
    }
    #superfish-main-accordion {
        top: 0 !important;
        background: #0F60A9 !important;
        width: 100% !important;
        padding: 70px 30px 70px !important;
    }
    #superfish-main-accordion > li {
        padding: 5px 0;
    }
    #superfish-main-accordion > li:not(:last-of-type) {
        border-bottom: solid 1px #fff;
    }
    #superfish-main-accordion > li > a {
        color: #fff;
        text-align: left;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-decoration: none;
        line-height: 30px;
        padding: 10px 20px 10px 0;
    }
    #superfish-main-accordion > li > a .sf-sub-indicator {
        right: 0;
        font-size: 10px;
        opacity: 1;
    }
    #superfish-main-accordion > li .sous-menu {
        margin: 10px 0;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
    #superfish-main-accordion > li .sous-menu a {
        border: solid 1px rgba(255, 255, 255, 0.5);
        color: #fff;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        padding: 0;
        border-radius: 10px;
        width: calc(50% - 8px);
        overflow: hidden;
        background: rgba(255, 255, 255, 0.2);
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
    }
    #superfish-main-accordion > li .sous-menu a .image {
        display: flex;
        width: 100%;
        height: 80px;
    }
    #superfish-main-accordion > li .sous-menu a .image img {
        width: 100%;
        height: 80px;
        object-fit: cover;
    }
    #superfish-main-accordion > li .sous-menu a .contenu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 10px 15px;
    }
    /*BURGER*/
    header.sticky-desktop .sf-accordion-toggle a:after,
    .not-frontpage header .sf-accordion-toggle a:after {
        background: #0F60A9;
    }
    header:not(.sticky-desktop) .sf-accordion-toggle a.sf-expanded:before {
        box-shadow: none;
    }
    header.sticky-desktop .sf-accordion-toggle a:before,
    .not-frontpage header .sf-accordion-toggle a:before {
        background: #0F60A9;
        -webkit-box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
        -moz-box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
        -ms-box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
        -o-box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
        box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
    }
    @keyframes burger-bar-close {
        0% {
            -webkit-box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
            -moz-box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
            -ms-box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
            -o-box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
            box-shadow: 0 10px 0 #0F60A9, 0 -10px 0 #0F60A9 !important;
        }
        100% {
            -webkit-box-shadow: 0 0 0 #0F60A9, 0 0 0 #0F60A9 !important;
            -moz-box-shadow: 0 0 0 #0F60A9, 0 0 0 #0F60A9 !important;
            -ms-box-shadow: 0 0 0 #0F60A9, 0 0 0 #0F60A9 !important;
            -o-box-shadow: 0 0 0 #0F60A9, 0 0 0 #0F60A9 !important;
            box-shadow: 0 0 0 #0F60A9, 0 0 0 #0F60A9 !important;
        }
    }
    header.sticky-desktop .sf-accordion-toggle a.sf-expanded:before {
        box-shadow: none !important;
    }
    header.sticky-desktop .sf-accordion-toggle a.sf-expanded:after,
    .not-frontpage header .sf-accordion-toggle a.sf-expanded:after {
        background: #fff;
    }
    header.sticky-desktop .sf-accordion-toggle a.sf-expanded:before,
    .not-frontpage header .sf-accordion-toggle a.sf-expanded:before {
        background: #fff;
    }
    @keyframes burger-bar-expand-expanded {
        0% {
            -webkit-box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
            -moz-box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
            -ms-box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
            -o-box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
            box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
        }
        50% {
            -webkit-box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
            -moz-box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
            -ms-box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
            -o-box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
            box-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff;
        }
        100% {
            -webkit-box-shadow: 0 10px 0 #ffffff, 0 -10px 0 #ffffff;
            -moz-box-shadow: 0 10px 0 #ffffff, 0 -10px 0 #ffffff;
            -ms-box-shadow: 0 10px 0 #ffffff, 0 -10px 0 #ffffff;
            -o-box-shadow: 0 10px 0 #ffffff, 0 -10px 0 #ffffff;
            box-shadow: 0 10px 0 #ffffff, 0 -10px 0 #ffffff;
        }
    }
}
@media screen and (max-width: 1200px) {
    .liste-croisieres {
        gap: 24px;
    }
    .liste-croisieres .cartouche-croisiere {
        width: calc(33.33333% - 16px);
    }
    .liste-croisieres .cartouche-croisiere .contenu {
        padding: 20px 10px;
    }
    .view-actualites .view-content {
        gap: 24px;
    }
    .view-actualites .view-content .views-row {
        width: calc(33.333333% - 16px);
    }
    .liste-bateaux {
        gap: 24px;
    }
    .liste-bateaux .bloc-bateau {
        width: calc(33.333333% - 16px);
    }
}
@media screen and (max-width: 1100px) {
    /*Fiche croisière*/
    .node-croisiere .container-croisiere {
        gap: 10px;
        align-items: center;
        flex-direction: column-reverse;
    }
    .node-croisiere .container-croisiere .fiche-croisiere {
        margin-top: 20px;
        position: relative;
        top: 0;
        padding-bottom: 0;
    }
    .node-croisiere .container-croisiere .content-croisiere .block-horaires {
        padding: 15px;
    }
    .accueil-catalogue {
        padding: 40px 0;
        gap: 12px;
        flex-direction: column;
        align-items: center;
    }
    .accueil-presentation {
        flex-direction: column;
    }
    .accueil-presentation .visuel {
        width: 100%;
        height: 350px;
        background: url(../images/interface/accueil-presentation.jpg) no-repeat center/cover;
    }
    .accueil-presentation .visuel:after {
        content: "";
        position: absolute;
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient(to bottom, transparent, #0F60A9);
    }
    .accueil-presentation .contenu {
        width: 100%;
        padding: 5px 25px 25px;
        background: var(--Bleu, #0F60A9);
    }
    .accueil-presentation .contenu .inner {
        padding-right: 0 !important;
    }
    .accueil-presentation .contenu .inner h2 {
        font-size: 18px;
    }
    .accueil-presentation .contenu .inner .pictos {
        margin: 0;
    }
    .accueil-presentation .contenu .inner .pictos .bloc-picto .titre {
        font-size: 14px;
    }
    .accueil-categories .liste-categories {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
    .accueil-categories .liste-categories .liaisons-regulieres {
        max-width: none;
    }
    .accueil-categories {
        margin-bottom: 50px;
    }
    .accueil-categories .sorties-scolaires {
        background: #f2f2f2;
    }
    .accueil-categories .sorties-scolaires .image-enfants {
        width: 250px;
        position: absolute;
        left: 50%;
        top: 35px;
        transform: translate(-50%, -50%);
    }
    .accueil-categories .sorties-scolaires .contenu {
        gap: 10px;
        padding-left: 0;
        padding-top: 85px;
        padding-bottom: 10px;
        flex-direction: column;
        text-align: center;
    }
    .accueil-categories .sorties-scolaires .contenu .titre {
        align-items: center;
        text-align: center;
    }
}
@media screen and (max-width: 900px) {
    .plan-du-site {
        column-count: 1;
        margin-top: 30px;
    }
    .page-loueurs-velos .liste-loueurs .bloc-loueur {
        flex-direction: column;
    }
    .page-loueurs-velos .liste-loueurs .bloc-loueur .contenu {
        padding: 15px;
    }
    .page-loueurs-velos .liste-loueurs .bloc-loueur .contenu h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .page-loueurs-velos .liste-loueurs .bloc-loueur .contenu .description p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .tabs-link .tab-link {
        font-size: 14px;
        line-height: 24px;
        padding: 5px 10px 4px;
    }
    .liste-croisieres .cartouche-croisiere {
        width: calc(50% - 12px);
    }
    .view-actualites .view-content .views-row {
        width: calc(50% - 12px);
    }
    .liste-bateaux .bloc-bateau {
        width: calc(50% - 12px);
    }
    /*Footer*/
    .contenu-footer {
        padding: 35px 0 30px;
    }
    .contenu-footer .logo-contacts {
        gap: 20px;
        padding-bottom: 15px;
        margin-bottom: 20px;
        flex-direction: column;
        align-items: center;
    }
    .contenu-footer .logo-contacts .contacts {
        gap: 20px;
        flex-direction: column;
    }
    .contenu-footer .liste-menus {
        column-count: 1;
    }
    .contenu-footer .liste-menus .menu {
        margin-bottom: 15px;
    }
    .contenu-footer .liste-menus .menu a:not(.large) {
        display: none;
    }
    .contenu-footer .autre-menu-socials {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-top: 10px;
        flex-direction: column;
    }
    .contenu-footer .autre-menu-socials .autre-menu {
        justify-content: center;
        gap: 15px 25px;
        flex-wrap: wrap;
    }
    /*Paragraphes*/
    .para-item-paragraphe .container-para {
        flex-direction: column-reverse;
    }
    .para-item-paragraphe .para-desc,
    .para-item-paragraphe .para-photos {
        width: 100% !important;
        margin-right: 0;
    }
    .para-item-paragraphe .para-photos,
    .para-item-paragraphe .para-desc {
        width: 100% !important;
    }
    .paragraphes .para-item.full-width.pos-photo-3 .container-para {
        padding-right: 30px !important;
    }
    .paragraphes .para-item.full-width.pos-photo-4 .container-para {
        padding-left: 30px !important;
    }
}
@media screen and (max-width: 800px) {
    #quickResa {
        display: none;
    }
    .view-slider-accueil .swiper-slide {
        height: 500px;
        min-height: 500px;
    }
    .view-slider-accueil .swiper-slide img {
        height: 500px;
    }
    .page-contact {
        display: flex;
        gap: 10px;
        margin-top: 30px;
        flex-direction: column;
    }
    .page-contact .infos-contact {
        max-width: none;
        padding: 25px 15px;
        gap: 15px;
    }
    .page-contact #blockMap {
        min-height: 300px;
    }
    #block-izenah-croisieres-theme-webform h2 {
        padding-top: 20px;
        font-size: 24px;
    }
    #block-izenah-croisieres-theme-webform .intro-contact-form {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        margin: 10px 0 15px;
    }
    .webform-submission-form .form-type-textfield, .webform-submission-form .form-type-email, .webform-submission-form .form-type-tel, .webform-submission-form .form-type-select, .webform-submission-form .form-type-date, .webform-submission-form .form-type-number {
        width: 100%;
    }
    /*Paragraphes*/
    .node--type-contenu .paragraphes .para-item {
        margin: 0 auto 40px;
    }
    .node--type-contenu .paragraphes .para-item:first-of-type {
        margin-top: 30px;
    }
    .paragraphes .para-item.full-width {
        padding: 20px 0;
    }
    .paragraphes h2 {
        font-size: 20px;
    }
    .paragraphes h3 {
        font-size: 18px;
    }
    .paragraphes h4 {
        font-size: 16px;
    }
    .paragraphes p, .paragraphes li {
        font-size: 15px;
        line-height: 24px;
    }
    .paragraphes ul li:before {
        top: 12px;
    }
    .paragraphes ul li {
        font-size: 15px;
        line-height: 24px;
    }
    .paragraphes ul {
        padding-left: 0;
    }
    .para-item-accordeon .titre-elem {
        padding: 10px 25px 10px 0;
        font-size: 16px;
        line-height: 24px;
    }
    .para-item-accordeon .texte-elem {
        padding: 0 25px 0 0;
    }
    .region-page-title {
        padding: 20px 0;
        min-height: 0;
    }
    .block-page-title-block h1 {
        font-size: 26px;
        line-height: 32px;
    }
    .block-page-title-block .sous-titre {
        font-size: 18px;
    }
    .block-system-breadcrumb-block {
        display: none;
    }
    .accueil-catalogue .catalogue {
        padding: 20px;
    }
    .accueil-catalogue .catalogue .titre {
        font-size: 28px;
    }
    .accueil-catalogue .catalogue .plaquette {
        right: -20px;
        max-width: 80px;
        top: auto;
        bottom: 70px;
    }
    .accueil-catalogue .catalogue .texte {
        margin: 10px 0 15px;
        padding-right: 45px;
    }
    .accueil-catalogue .liens-rapides .lien {
        padding: 10px 20px;
    }
    .accueil-catalogue .liens-rapides .lien .titre {
        font-size: 17px;
    }
    .accueil-audioguide .inner {
        padding: 25px 0 150px;
    }
    .accueil-audioguide .inner:before {
        left: auto;
        right: 0;
        bottom: 0;
        width: 125px;
        height: 210px;
    }
    .accueil-audioguide .inner h2 {
        font-size: 22px;
        line-height: 34px;
    }
    .accueil-audioguide .inner .liste-pays {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin: 25px 0 15px;
    }
    .accueil-audioguide .inner .download-app {
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 25px;
    }
    #block-accueil-avis-google {
        padding-top: 35px;
        padding-bottom: 30px;
        background: #EFEEF8;
    }
    #block-accueil-avis-google .block-title {
        margin-bottom: 20px;
    }
    #block-accueil-avis-google .block-title h2 {
        font-size: 28px;
        line-height: 40px;
    }
    #block-accueil-avis-google .flex-center {
        margin-top: 10px;
    }
    .accueil-seo-video {
        padding: 40px 0;
    }
    .accueil-seo-video h2 {
        font-size: 24px;
    }
    .accueil-seo-video iframe {
        height: 300px;
    }
    .accueil-croisieres .block-title, .autres-croisieres .block-title {
        margin-bottom: 20px;
    }
    .accueil-croisieres, .autres-croisieres {
        padding: 50px 0;
    }
    .view-slider-accueil .bloc-titre .logo {
        max-width: 200px;
    }
    .view-slider-accueil .bloc-titre {
        /*top: auto;*/
        /*bottom: 20px;*/
        /*left: 50%;*/
        transform: translate(-50%, calc(-50% + 20px));
    }
    #quickResa {
        margin-top: 20px;
    }
    #quickResa .qr-dates {
        /*display: none;*/
    }
    .view-slider-accueil .bloc-titre .baseline {
        margin: 3px 0 25px;
        font-size: 13px;
    }
    .view-slider-accueil .bloc-titre h1 {
        font-size: 40px;
        line-height: 44px;
    }
    .view-slider-accueil .bloc-titre h1 span {
        font-size: 16px;
    }
    /*Desktop / Mobile*/
    .hidden-desktop {
        display: block;
    }
    .hidden-mobile {
        display: none;
    }
    /*Paragraphes*/
    .galerie-paragraphe .grid__item {
        margin-bottom: 10px;
    }
    .galerie-paragraphe .grid__item,
    .galerie-paragraphe .grid__col-sizer {
        width: calc(50% - 5px);
    }
    .galerie-paragraphe .grid__gutter-sizer {
        width: 10px;
    }
}
@media screen and (max-width: 600px) {
    .departs-du-jour {
        flex-direction: row !important;
    }
    .node--type-actualite .image {
        padding-top: 30px;
    }
    .node--type-actualite h1 {
        font-size: 24px;
        line-height: 28px;
        margin: 20px 0 0;
    }
    .node--type-actualite #block-izenah-croisieres-theme-breadcrumbs {
        display: none;
    }
    .node--type-actualite .texte {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .node--type-actualite .texte p, .node--type-actualite .texte li {
        font-size: 15px;
        line-height: 24px;
    }
    footer .gl-copy {
        padding: 15px 0;
        font-size: 12px;
        line-height: 22px;
    }
    .block-brochure .flip-book-container {
        height: 450px;
    }
    .liste-croisieres {
        margin: 25px auto 60px;
    }
    .liste-croisieres .cartouche-croisiere {
        width: 100%;
    }
    .view-actualites {
        margin: 25px auto 60px;
    }
    .view-actualites .view-content .views-row {
        width: 100%;
    }
    .liste-bateaux {
        margin: 25px auto 60px;
    }
    .liste-bateaux .bloc-bateau {
        width: 100%;
    }
    .view-actualites .view-content .views-row .contenu .titre {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .view-actualites .view-content .views-row .contenu .resume {
        font-size: 15px;
        -webkit-line-clamp: 2;
    }
    .accueil-croisieres {
        padding-bottom: 0;
    }
    .accueil-categories h2 {
        font-size: 20px;
    }
    .accueil-categories .liste-categories .liaisons-regulieres .bloc-title {
        gap: 0px;
        margin-bottom: 15px;
    }
    .accueil-categories .liste-categories .liaisons-regulieres .bloc-title .picto-liaisons {
        max-width: 80px;
    }
    .accueil-categories .liste-categories .liaisons-regulieres .bloc-title .titre {
        font-size: 22px;
        line-height: 24px;
    }
    .accueil-categories .liste-categories .liaisons-regulieres .bloc-title .titre span {
        font-size: 15px;
    }
    .accueil-categories .liste-categories .categories-croisieres .categorie-croisieres {
        flex-direction: column;
    }
    .accueil-categories .liste-categories .categories-croisieres .categorie-croisieres .image {
        max-width: none;
        height: 200px;
    }
    .accueil-categories .liste-categories .categories-croisieres .categorie-croisieres .image img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .accueil-categories .liste-categories .categories-croisieres .categorie-croisieres .contenu {
        padding: 20px;
    }
    .accueil-categories .liste-categories .categories-croisieres .categorie-croisieres .contenu .flex-end {
        justify-content: center;
    }
    .accueil-croisieres .block-title h2, .autres-croisieres .block-title h2 {
        font-size: 34px;
        line-height: 32px;
    }
    .accueil-croisieres .block-title .titre, .autres-croisieres .block-title .titre {
        font-family: Lobster;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    .underline:after {
        height: 12px;
        background-size: auto 12px !important;
    }
    /*Paragraphes*/
    .pos-photo-1 .para-photos,
    .pos-photo-2 .para-photos {
        flex-direction: column;
    }
    .pos-photo-1 .para-photos .para-photo,
    .pos-photo-2 .para-photos .para-photo {
        margin: 5px 0;
        display: flex;
    }
    .pos-photo-1 .para-photo-img,
    .pos-photo-2 .para-photo-img {
        width: 100%;
    }
    .pos-photo-1 .para-photos .para-photo a,
    .pos-photo-1 .para-photos .para-photo img,
    .pos-photo-2 .para-photos .para-photo a,
    .pos-photo-2 .para-photos .para-photo img {
        display: inline-block;
        width: auto;
        height: auto;
    }
}