::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

::-webkit-scrollbar-thumb {
    background: #336AAE;
    border: 0 none #336AAE;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background: #336AAE;
}

::-webkit-scrollbar-thumb:active {
    background: #1e5ead;
}

::-webkit-scrollbar-track {
    background: #b7b7b7;
    border: 0 none #336AAE;
    /*border-radius: 50px;*/
}

::-webkit-scrollbar-track:hover {
    background: #b7b7b7;
}

::-webkit-scrollbar-track:active {
    background: #818181;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: var(--primary-2);
}
.btn.btn-t1 {
    display: flex;
    width: max-content;
    border-radius: 30px;
    padding: 0 1px 0 10px;
    align-items: center;
    line-height: 1.4em;
    font-weight: 600;
    border: 2px solid var(--orange);
    background-color: var(--orange);
    margin-top: 8px;
    transition: all 0.3s ease-in-out;
}

.btn-right {
    background-color: #fff;
    color: red;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    transition: all 0.3s ease-in-out;
}

.btn-right span.icon {
    font-size: 0.65rem;
    margin-left: 2px;
}

.btn.btn-t1:hover {
    color: var(--orange);
    border: 2px solid var(--orange);
    background-color: #fff;
}

.btn.btn-t1:hover .btn-right {
    color: #fff;
    background-color: var(--orange);
}

.menu_header > ul > li > a {
    color: #110A56;
}

.btn.btn-yellow {
    color: #fff;
    border: 2px solid var(--orange);
    background-color: var(--orange);
    border-radius: 38px;
}

.btn.btn-yellow:hover {
    color: var(--orange);
    border: 2px solid var(--orange);
    background-color: #fff;
}

.days-open, .days-open b {
    color: var(--primary-2);
}

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

.button_search {
    background-color: var(--primary-2);
}

.l-search .button_search:hover {
    background-color: #152048;
}

.ligne-degrad-right {
    background: linear-gradient(to right, #334556, #f1f1f1);
}

.ligne-degrad-left {
    background: linear-gradient(to left, #334556, #f1f1f1);
    height: 4px;
}

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

.l-cruise.l-cruise-home .list-options-promo-accueil {
    display: block;
}

.btn-price {
    background-color: var(--orange);
    border-color: var(--orange);
}

.btn-price:focus, .btn-price:hover {
    background-color: var(--orange);
    border-color: var(--orange);
}

.map-mob .loop {
    background-color: var(--primary-2);
}

.monde-entier-bloc-prix {
    background-color: #29ADC2;
}

h2, .l-tel .tel, .l-cruise .h2, .l-cruise, .l-cruise-home .info-stay.calendar a span {
    color: #334556;
}

.l-cruise .l-images {
    border: 2px solid #fff;
}

.l-cruise .l-images {
    border-radius: 18px;
}

.l-cruise .logo-armateur {
    border-radius: 10px;
}

.l-cruise .img-boat {
    border-radius: 8px;
}

.l-cruise .img-boat {
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
}

.l-cruise .logo-armateur {
    width: 72px;
    height: 42px;
    right: calc(50% - 36px);
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
}

.l-cruise .list-options-promo .option, .l-cruise .list-options-promo .promo,
.wrapper-proposition .list-options-promo .option, .wrapper-proposition .list-options-promo .promo {
    border: 1px solid #334556;
    color: #334556;
}

.l-cruise .list-options-promo .promo, .wrapper-proposition .list-options-promo .promo {
    background-color: #14438B;
    border-color: #14438B;
    color: #fff;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    /*background-color: #334556 !important;*/
}

.l-cruise .list-date .date {
    color: #334556;
    border: 1px solid #334556;
}

.l-search .field {
    color: #334556;
}

.textInSej {
    color: #334556;
}

.catTypeRefine {
    color: #334556;
}

.mybl {
    color: #334556;
}

.checkmark {
    border: solid 1px #334556;
}

.fluvial-bloc-prix2, .destination-bloc-prix, .thematique-bloc-prix {
    background-color: #29ADC2;
}

.footer_center {
    background-color: var(--primary-2);
    padding-top: 20px;
}

.textInSej {
    background-color: transparent;
    color: #164e84;
    margin-top: 0;
    text-align: center;
}

.title-chapeau {
    margin-bottom: 0;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-size: 3rem;
    font-family: 'Bebas Neue', sans-serif;
}

.header-type-1 {
    /*align-items: center;*/
    /*justify-content: center;*/
    /*min-height: 260px;*/
}

.header-type-1 .mylineSearchSej {
    padding-bottom: 15px;
}

.bigCatRefine {
    color: #fff;
    background-color: #23355D;
}

.l-cruise .list-options-promo .option.vol_inclus {
    border: 1px solid #23355D;
    background-color: #23355D;
}

.bandeau-date-depart-title, .bandeau-date-depart, .bandeau-date-retour-title {
    background-color: var(--primary-2);
}

.ongletSelectedFP {
    background-color: var(--primary-2);
    border: 2px solid var(--primary-2);
}

.ongletNotSelectedFP, #tab-line-width, .imgSvgBoatRed, .case_complet, .btn_menu_header > ul > li > a {
    color: var(--primary-2);
}

.bg-blue-5 {
    background-color: var(--primary-2);
}

.tab-links li > a {
    color: var(--primary-2) ;
}

.tab-links li.active > a {
    background-color: var(--primary-2);
    color: #fff;
}

.barre_separation-info-det {
    background-color: var(--primary-3);
}

.button-tarifs-et-dispos {
    background-color: var(--orange);
}

.button-a-partir-de-bloc {
    color: var(--orange);
}

.fpLoupeImg {
    background-color: var(--orange);
}

.content-global-formulaire-ficheproduit button {
    background-color: var(--primary-3);
    border-radius: 3px;
    color: #fff;
}

.tel .icon-tel {
    color: #F00000;
}

.moreCategory {
    color: var(--orange);
}

.titleFP {
    color: var(--primary-2);
}

.button-calculer-tarif-so {
    background-color: var(--orange);
}

.title2FP {
    color: var(--primary-2);
    font-size: 0.95rem;
    margin-right: 5px;
}

span.circle {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #2BC016;
    border-radius: 20px;
    margin-right: 5px;
}

.bull-icon {
    background-color: var(--orange);
}





.filterOn {
    background-color: var(--primary-4);
    color: var(--primary-2);
}

.text-slide_first h1, .text-slide_first p {
    color: #fff;
    text-transform: uppercase;
}

.text-slide_first h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    font-size: 4rem;
    line-height: 1.2em;
}

.text-slide_first h1 b {
    font-weight: 400;
}

.text-slide_first p {
    font-weight: 600;
    font-style: italic;
    font-size: 1.7rem;
    line-height: 1.2em;
}

.head-short_config {
    background-color: var(--primary-2);
}

.slider-home, .known_user .slider-home {
    background-image: url(../images/slide-2.jpg);
    background-size: cover;
    background-position: 50%;
}

.title-chapeau .desk {
    display: none;
}

.bigCatRefine .icon-filter {
    color: #fff;
}

.block10 h3 {
    color: #fff;
}

.header-type-1 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.mylineSearchSej {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1; /* Prend tout l'espace restant */
}

.fa_style_sej_list {
    padding-top: 0;
}

.button_search_port {
    background-color: var(--primary-2);
}

.l-title {
    margin-top: 25px;
}

.bouton-more-fluvial {
    background-color: var(--orange);
    border-color: var(--orange);
}

.bouton-more-fluvial:hover {
    background-color: var(--orange);
    border-color: var(--orange);
}