#header-menu ul.nav .smoo-nav-icon {
    /* background: url(image-de-secours.png); */
    background-image: url(/images/logo-04.svg);
}

#wrapper > .inner {
    padding: 0 4rem 8rem !important;
}

.page-header {
    display: flex;
    /*border: 1px solid #FFFCF8;
    padding: 2rem;
    border-radius: 0.375rem;
    box-shadow: rgba(153, 48, 21, 1) 0.5rem 0.5rem 0;*/
    margin-bottom: 7rem;
}

.page-header h1 {
    padding-bottom: 2rem;
    line-height: 2.625rem;
    font-size: 2.625rem;
    letter-spacing: 0.25px;
}

.smoo-page-header-left p {
    font-size: 1.3125rem;
    line-height: 2rem;
    padding-top: 1rem;
}

.smoo-page-header-left p:nth-of-type(1) {
    padding-top: 0;
}

.smoo-page-header-left {
    /*width: calc( 66.67 / 100 * ( 100% - 0px - ( 1 * 0px) ) );*/
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    /*padding-right: 4rem;*/
}

.smoo-page-header-right {
    line-height: 0;
    width: calc( 33.33 / 100 * ( 100% - 0px - ( 1 * 0px ) ) );
}



#header-video > .inner {
    /* padding: 6rem 6rem 7rem !important; */
    padding: 16rem 6rem 4rem !important;
    height: 100%;
    display: flex;
    align-items: center;
    /* background-color: rgba(15, 5, 5, 0.25); */
    background-color: rgba(15, 5, 5, 0.5);
}

#header-video {
    position: relative;
    /* background: url(image-de-secours.png); */
    background-image: url(/images/bar-hero-03.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100vh !important;
    height: 100svh !important;
}

.header-video {
    padding-top: 0;
    display: block;
}

#header-video .tck-module .tck-module-text {
    height: 100%;
}

#header-video .mod-custom {
    display: flex;
    justify-content: space-between;
    height: calc(100vh - 12rem - 100px);
    /* height: calc(100vh - 12rem); */
    flex-wrap: wrap;
    flex-direction: column;
    /* padding-bottom: 4rem; */
}

#header-video .smoo-page-title-hero {
    display: flex;
    align-items: center;
}

#header-video .mod-custom h1 {
    font-size: 10.5rem;
    line-height: 10.5rem;
    letter-spacing: -2px;
    overflow: hidden;
    width: 60%;
    padding-top: 2rem;
}

#header-video .mod-custom h1 span {
    display: block;
}

#header-video .mod-custom .smoo-page-title-desc {
    border: 1px solid #FFFCF8;
    padding: 2rem 3rem;
    border-radius: 0.375rem;
    /* box-shadow: rgba(11, 37, 54, 1) 0.5rem 0.5rem 0; */
    box-shadow: rgba(153, 48, 21, 1) 0.5rem 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    width: 40%;
    height: fit-content;
    background-color: #0F0505;
}

#header-video .mod-custom p {
    line-height: 3rem;
    font-size: 1.3125rem;
    letter-spacing: 0.5px;
}

#header-video .mod-custom p:nth-of-type(1) {
    padding-top: 0;
}

#header-video .mod-custom .smoo-down-btn {
    width: 100%;
}

#smoo-down-btn {
    position: relative;
    display: block;
    border: 0;
    background: transparent;
    color: #000000;
    font-size: 0;
    height: calc(20px + 2rem);
    line-height: 0;
    white-space: nowrap;
    text-decoration: none;
    padding: 1rem;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: calc(20px + 2rem);
    visibility: hidden;
    opacity: 0;
    /* border-radius: 50%; */
    overflow: hidden;
}

#smoo-down-btn svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 20px;
    height: 22.68px;
    cursor: pointer;
    margin: 0 auto;
}







#maincontent .tck-article.com-content-article {
    /*height: 100%;*/
}

#maincontent .tck-article-body {
    display: flex;
    justify-content: space-between;
    height: calc(100vh - 8rem - 100px);
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 4rem;
}

#maincontent .smoo-page-title-hero {
    display: flex;
    align-items: center;
}

#maincontent .tck-article-body h1 {
    font-size: 10.5rem;
    line-height: 10.5rem;
    letter-spacing: -2px;
    overflow: hidden;
    width: 50%;
    padding-top: 2rem;
}

#maincontent .tck-article-body h1 span {
    display: block;
}

#maincontent .tck-article-body .smoo-page-title-desc {
    border: 1px solid #FFFCF8;
    padding: 2rem 3rem;
    border-radius: 0.375rem;
    /* box-shadow: rgba(11, 37, 54, 1) 0.5rem 0.5rem 0; */
    box-shadow: rgba(153, 48, 21, 1) 0.5rem 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    width: 50%;
    height: fit-content;
}

#maincontent .tck-article-body p {
    line-height: 3rem;
    font-size: 1.3125rem;
    letter-spacing: 0.5px;
}

#maincontent .tck-article-body p:nth-of-type(1) {
    padding-top: 0;
}

#maincontent .tck-article-body .smoo-down-btn {
    width: 100%;
}

.blog-items {
    display: flex;
    justify-content: center;
    /* padding: 0 12rem; */
    background: #0F0505;
    padding-top: 8rem;
    /* padding-bottom: 6rem; */
    /* width: calc(100% + 12rem + 2px); */
    /* margin-left: calc(-6rem - 1px); */
    column-gap: 8rem;
}
/*
#smoo-tab-destination::before {
    content: "";
    margin-left: calc(-8rem - 1px);
    position: absolute;
    z-index: -10000;
    width: calc(100% + 16rem + 2px);
    height: 100%;
    top: -4rem;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFCF8;
    padding-top: 8rem;
    padding-bottom: 4rem;
    display: block;
}
*/
.blog-items button {
    text-decoration: none;
    border: 1px solid #FFFCF8;
    box-shadow: rgba(153, 48, 21, 1) 0.5rem 0.5rem 0;
    padding: 1.3125rem 2rem;
    border-radius: 0.375rem;
    text-align: center;
    background: #0B2536;
    margin: auto auto 0;
    color: #FFFCF8;
    font-weight: normal;
    line-height: 1rem;
    font-size: 1.3125rem;
    font-family: Fjalla One;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    transition: box-shadow 0.25s ease-in-out, background 0.25s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: pointer;
}

.blog-items button:hover {
    box-shadow: rgba(153, 48, 21, 1) 0 0 0;
    background: #233A4A;
}
/*
.blog-items button.active {
    box-shadow: rgba(153, 48, 21, 1) 0 0 0;
    background: #233A4A;
}
*/
.smoo-carte-tab h2 {
    display: none;
    color: #0F0505;
}

.smoo-carte-tab {
    display: none;
    visibility: hidden;
    opacity: 0;
}

#smoo-tab-destination {
    padding: 4rem;
    margin-top: 8rem;
    position: relative;
    border-radius: 0.375rem;
    box-shadow: rgba(153, 48, 21, 1) 0.5rem 0.5rem 0;
    /*border: 1px solid #0B2536;*/
    border: 1px solid #FFFCF8;
    /* height: max-content; */
    /* height: 100%; */
    background: #FFFCF8;
    display: flex;
}

.smoo-tab-infos {
    background-color: #993015;
    margin-left: -4rem;
    margin-top: -4rem;
    margin-bottom: -4rem;
    margin-right: 4rem;
    border-radius: 0.28125rem;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 2rem 1rem;
    min-width: 6rem;
    /*justify-content: center;*/
    justify-content: flex-start;
}

.smoo-tab-icon {
    width: 4rem;
    height: 4rem;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/images/cocktails-icon-01.svg);
}

.smoo-tab-title {
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #FFFCF8;
    font-weight: normal;
    line-height: 1rem;
    font-size: 1.75rem;
    font-family: Fjalla One;
    margin: 0 auto;
    position: relative;
    left: calc((0rem - 1rem) / 8);
}

.smoo-carte-tab-inner ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 3rem;
    flex-wrap: wrap;
}

.smoo-carte-tab-inner ul li {
    list-style: none;
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 25%;
    color: #0F0505;
}

.smoo-carte-tab-inner ul li:last-of-type {
    margin-bottom: 0;
}

.smoo-carte-tab-title {
    line-height: 2rem;
    font-size: 1.3125rem;
    font-family: Fjalla One;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    /*color: #0B2536;*/
    color: #993015;
}

.smoo-carte-tab-title-first {
    text-align: center;
    margin: 0 0 4rem;
    color: #0F0505;
}

.smoo-carte-tab-desc {
    font-weight: 400;
    font-style: italic;
    display: list-item;
    list-style: disc;
    margin-left: 1rem;
}
.smoo-carte-tab-desc::marker {
    color: #993015;
    font-size: 0.825rem;
    font-style: normal;
}
/*
.smoo-carte-tab-desc::before {
    content: "–";
    padding-right: 0.5rem;
}
*/
.smoo-carte-tab-quote {
    font-style: normal;
    line-height: 1.5rem;
    font-size: 1rem;
    font-family: Fjalla One;
    letter-spacing: 0.5px;
    margin-top: 0.75rem;
}

section#temoignages-row {
    /*margin-left: -2rem;*/
    /*margin-right: -2rem;*/
    padding: 0;
}

section#temoignages-row > .inner {
    font-size: 0;
    line-height: 0;
}

#temoignages-rowcolumn1,
#temoignages-rowcolumn2,
#temoignages-rowcolumn3 {
    width: 33.33%;
}

.smoo-carte-image-1,
.smoo-carte-image-2,
.smoo-carte-image-3 {
    display: block;
    font-size: 0;
    line-height: 0;
    opacity: 1;
    visibility: visible;
}

.smoo-carte-image-1 img,
.smoo-carte-image-2 img,
.smoo-carte-image-3 img {
    width: 100%;
}

#content-modules-wrapper > .inner {
    padding: 0;
}




.smoo-modal-body .smoo-modal-body-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    background: #0B2536;
    overflow: auto;
    align-items: center;
    justify-content: center;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    padding: 4rem;
}








@media only screen and (max-width: 1260px) {
    #header-video .mod-custom .smoo-page-title-desc {
        width: 50%;
    }
    #header-video .mod-custom h1 {
        font-size: 7.5rem;
        line-height: 9.5rem;
    }
}

@media only screen and (max-width: 1120px) {
    /*#header-video {
        height: 100vh !important;
    }*/
    #header-video .mod-custom {
        height: max-content;
        padding-top: 4rem;
        row-gap: 2rem;
    }
    #header-video .mod-custom h1 {
        font-size: 5rem !important;
        line-height: 7rem !important;
        text-align: center;
        width: auto;
        padding-bottom: 4rem;
        padding-top: 0;
        letter-spacing: 0;
        display: flex;
        column-gap: 1.5rem;
    }
    #header-video > .inner {
        padding: 6rem 6rem 4rem !important;
    }
    #header-video .smoo-page-title-hero {
        flex-direction: column;
    }
    #header-video .mod-custom .smoo-page-title-desc {
        width: 75% !important;
        margin-bottom: 2rem;
    }
    .smoo-carte-tab-title {
        line-height: 1.75rem;
    }
}

@media only screen and (max-width: 900px) {
    #header-video > .inner {
        padding: 6rem 4rem 4rem !important;
    }
    .blog-items {
        column-gap: 4rem;
        padding-top: 6rem;
    }
    .smoo-tab-infos {
        margin-top: -2rem;
        margin-bottom: -2rem;
        margin-right: 2rem;
        margin-left: -2rem;
        justify-content: flex-start;
    }
    #smoo-tab-destination {
        padding: 2rem;
        margin-top: 6rem;
    }
    .smoo-carte-tab-title-first {
       margin: 0 0 2rem;
    }
    .smoo-carte-tab-inner ul {
        gap: 2rem;
        /*flex-direction: column;*/
    }
    .smoo-carte-tab-inner ul li {
        flex-basis: 33.33%;
    }
}


@media only screen and (max-width: 758px) {
    #header-video .mod-custom {
        padding-top: 2rem;
    }
    #header-video .mod-custom p {
        line-height: 2.625rem;
    }
    #header-video .mod-custom .smoo-page-title-desc {
        width: 100% !important;
    }
    #wrapper > .inner {
        padding: 0 !important;
    }
    div.com-content-category-blog__item.blog-item:nth-child(1) {
        width: 100%;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2),
    div.com-content-category-blog__item.blog-item:nth-child(3) {
        width: 50%;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2) {
        align-items: flex-end;
    }
    div.com-content-category-blog__item.blog-item:nth-child(3) {
        align-items: flex-start;
    }
    div.com-content-category-blog__item.blog-item:nth-child(1) button {
        width: 50%;
        justify-content: center;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2) .item-content {
        width: calc(100% - 4rem);
        padding-right: 2rem;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2) button {
        width: 100%;
        justify-content: center;
    }
    div.com-content-category-blog__item.blog-item:nth-child(3) .item-content {
        width: calc(100% - 4rem);
        padding-left: 2rem;
    }
    div.com-content-category-blog__item.blog-item:nth-child(3) button {
        width: 100%;
        justify-content: center;
    }
    .blog-items {
        row-gap: 4rem;
        padding-bottom: 6rem;
        flex-wrap: wrap;
        column-gap: 0;
    }
    #smoo-tab-destination {
        margin-top: 0;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        margin-bottom: 0;
        flex-direction: column;
    }
    .smoo-tab-infos {
        /* display: none; */
        flex-direction: row;
        border: none;
        border-radius: 0;
        justify-content: space-evenly;
        margin-right: -2rem;
        margin-left: -2rem;
        margin-bottom: 2rem;
        align-items: center;
    }
    .smoo-tab-title {
        writing-mode: lr;
        left: 0;
        line-height: 2rem;
        font-size: 2rem;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        margin: 0;
    }
    .smoo-carte-tab-desc {
        font-size: 0.875rem;
        line-height: 1.25rem;
        padding-bottom: 0.5rem;
    }
    .smoo-carte-tab-desc:last-of-type {
        padding-bottom: 0;
    }
    .smoo-carte-tab-desc::before {
        display: none;
    }
    .smoo-carte-tab-title {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .smoo-carte-tab-quote {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .smoo-carte-tab.num_3 .smoo-carte-tab-title {
        margin-bottom: 0;
    }
    .smoo-carte-tab-inner ul li {
        border: 1px solid #0B2536;
        padding: 0.75rem;
        border-radius: 0.375rem;
    }
}


@media only screen and (max-width: 600px) {
    #header-video .mod-custom h1 {
        font-size: 4rem !important;
        line-height: 5rem !important;
        display: block;
    }
    #header-video .mod-custom p {
        line-height: 2.25rem;
        font-size: 1.125rem;
    }
    #header-video .mod-custom .smoo-page-title-desc {
        padding: 2rem;
    }
    .smoo-carte-tab-inner ul {
        gap: 1rem;
        /*row-gap: 2rem;*/
    }
    div.com-content-category-blog__item.blog-item:nth-child(2),
    div.com-content-category-blog__item.blog-item:nth-child(3) {
        width: auto !important;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2) .item-content,
    div.com-content-category-blog__item.blog-item:nth-child(3) .item-content {
        width: auto !important;
    }
    .blog-items {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .blog-items button {
        /*padding: 0.875rem 1.5rem;*/
        font-size: 1.125rem !important;
        width: auto !important;
    }
}

@media screen and (min-width: 525px) and (max-width: 758px) {
    /*#temoignages-row img {
        width: 100%;
    }*/
    #temoignages-row .smoo-carte-image-2 img,
    #temoignages-row .smoo-carte-image-3 img {
        display: none;
    }
}


@media only screen and (max-width: 524px) {
    .smoo-tab-infos {
        /*margin-right: -1rem;
        margin-left: -1rem;*/
    }
    .smoo-tab-icon {
        width: 3rem;
        height: 3rem;
    }
    .smoo-tab-title {
        font-size: 1.5rem;
    }
    #temoignages-row img {
        width: 100%;
    }
    #temoignages-row .smoo-carte-image-2 img,
    #temoignages-row .smoo-carte-image-3 img {
        display: none;
    }
    div.com-content-category-blog__item.blog-item:nth-child(1) button {
        width: 100% !important;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2) button {
        width: 100% !important;
    }
    div.com-content-category-blog__item.blog-item:nth-child(3) button {
        width: 100% !important;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2),
    div.com-content-category-blog__item.blog-item:nth-child(3) {
    width: 50% !important;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2) .item-content,
    div.com-content-category-blog__item.blog-item:nth-child(3) .item-content {
        width: 100% !important;
    }
    div.com-content-category-blog__item.blog-item:nth-child(2) .item-content {
        padding-right: 1rem;
    }
    div.com-content-category-blog__item.blog-item:nth-child(3) .item-content {
        padding-left: 1rem;
    }
    .blog-items {
        /*padding-bottom: 4rem;
        padding-top: 4rem;*/
        row-gap: 2rem;
    }
    .smoo-carte-tab-inner ul li {
        text-align: center;
    }
    .smoo-carte-tab-desc {
        text-align: left;
    }
}




@media only screen and (max-width: 400px) {
    #header-video > .inner {
        padding: 6rem 2rem 4rem !important;
    }
    .header-video {
        padding-top: 6rem;
    }
    /*#header-video .mod-custom h1 {
        line-height: 4rem !important;
    }*/
    #header-video .mod-custom {
        padding-top: 0;
    }
    #header-video .mod-custom p {
        font-size: 1rem;
        line-height: 1.875rem;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    .smoo-carte-tab-desc {
        font-size: 0.75rem;
        line-height: 1.125rem;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    .smoo-carte-tab-title {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .smoo-carte-tab-quote {
        font-size: 0.75rem;
        line-height: 1.125rem;
    }
    #smoo-tab-destination {
        padding: 1rem;
        padding-bottom: 2rem;
    }
    .smoo-tab-infos {
        margin-right: -1rem;
        margin-left: -1rem;
    }
    .blog-items button {
        font-size: 1rem !important;
    }
}



@media only screen and (max-height: 700px) {
    #header-video {
        height: auto !important;
    }
}