.round {
        border-radius: 50%;
        height: 25px;
        width: 25px;
        padding: 1em;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .wrapper-avis {
        background-color: #004677;
        text-align: center;
    }



    .read-more-btn:hover,
    .read-less-btn:hover {
        text-decoration: underline !important;
        cursor: pointer;
    }

    .section {
        color: #004677;
        font-weight: bold;
        text-align: center;
    }

    .picto-container {
        display: flex;
        /* Permet aux images de se répartir sur plusieurs lignes si nécessaire */
        justify-content: center;
        /* Centre les images dans le conteneur */
        gap: 10px;
        /* Espacement entre les images */
    }

    .picto-mobile {
        display: none;
    }

    .picto {
        max-width: 125px;
        /* Ajustez la largeur maximale selon vos besoins */
        height: auto;
        /* Conserve les proportions de l'image */
    }

    .background-div {
        width: 100%;
        min-height: 40vh;
        position: relative;
        background-image: url('/wp-content/uploads/2024/06/france-canal-du-midi.jpg');
        /* Chemin vers votre image */
        background-size: cover;
        /* Pour que l'image couvre toute la div */
        background-position: center;
        /* Pour centrer l'image */
        background-repeat: no-repeat;
        /* Pour éviter que l'image se répète */

    }

    .overlay {
        height: 100%;
        z-index: inherit;
        width: 100%;
        position: absolute;
        background-image: linear-gradient(45deg, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, .7) 70%);
        background-size: 3px 3px;
        z-index: 2;
        background-image: linear-gradient(45deg, rgba(0, 0, 0, .56) 70%, rgba(0, 0, 0, .7) 70%);
    }

    .titre-moteur-resa {
        color: white;
        margin-top: 20px;
    }

    .titrepage {
        color: #f15d45;
    }

    .col-3 {
        display: inline-block;
        position: relative;
    }

    .buttons-container {
        text-align: center;
    }

    .destinations {
        text-align: center;
    }

    .texteimg {
        background: #004677;
        z-index: 1;
        position: absolute;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        color: white;
        margin: 0 15px;
        bottom: 0;
        padding: 1%;
    }

    /*.texteimgbateaux {
        background: #004677;
        z-index: 1;
        position: absolute;
        text-align: center;
        margin: 0 auto;
        color: white;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 1%;
    }*/

    .texteimg:hover {
        background: #f15d45;
    }

    .btn-mobile {
        display: none;
    }

    .btn-ordi {
        display: none;
    }

    .bateaux {
        background-color: #004677;
    }

    .fixed-size-img {
        height: 240px;
        width: 400px;
    }

    .bateaux .card-text {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .bateaux .card-text a {
        text-align: center;
    }

    .bateaux .card-body {
        background: #004677;
        color: #fff;
    }

    .texteimgbateaux:hover {
        background: #f15d45;
    }

    .imgbateaux {
        height: 35vh;
        margin-bottom: 3%;
        border-radius: 20px;
        width: 50vh;
    }

    .canalreporter {
        width: 80%;
    }

    .bleu {
        background-color: #a5e2f6;
    }

    .vert {
        background-color: #9dd9a7;
    }

    .marron {
        background-color: #dfd1b8;
    }

    .rose {
        background-color: #ffa8b7;
    }

    .orange {
        background-color: #ffb87d;
    }

    .jaune {
        background-color: #ffd987;
    }

    .orangeCanalous {
        background-color: #f2513f;
        color: #ffff;
    }

    .bleuCanalous {
        background-color: #09538a;
    }

    .vignettes {
        font-size: 1.5em;
    }

    .vignettes .row,
    .titre {
        margin-bottom: 10px;
    }

    .trait {
        display: block;
        width: 100%;
        height: 3px;
    }

    .titre {
        margin-left: 5px;
        font-size: 1.2rem;
    }

    .round i,
    .material-icons {
        color: #ffff;
    }

    .box {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.7em;
    }

    .legende {
        font-size: 0.6em;
    }

    .spaceur {
        margin-bottom: 5%;
        justify-content: space-between;
    }

    .bandeau-titre {
        flex-direction: column;
        align-items: baseline;
        margin-bottom: 3%;
        color: #ffff;
    }

    #btn-remises {
        margin-top: 3%;
        justify-content: center;
    }

    /*.btn {
        color: #ffff;
        background-color: #f2513f;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    
    .btn a {
        color: #ffff;
        text-decoration: none;
    }
    
    .btn a:hover {
        color: #ffff;
        text-decoration: none;
    }

    .btn:focus,
    .btn:hover {
        color: #ffff !important;
        background-color: #f67360;
    }*/

    .btn.btn-primary {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 5px;
        margin-top: 2em;
        margin-bottom: 2em;
        white-space: initial;
        background-color: #f15d45;
        border: none;
    }

    @media screen and (min-width:1024px) {
        #datesSp {
            justify-content: center;
        }
    }

    @media screen and (max-width: 1024px) {
        .row {
            margin: 0 0 3% 0;
        }

        /*.col-12 {
                padding: 0;
            }*/
        h2 {
            font-size: 1.7rem !important;
            font-weight: bold;
        }
    }

    .cover-title {
        margin-bottom: 0 !important;
        text-align: center !important;
    }

    .entry-page {
        padding-bottom: 0;
    }

    .entry-page p,
    .paragraphe {
        /*color: #fff;*/
    }

    #background,
    #custom-illustration {
        width: 100%;
    }

    h1.cover-title {
        /*color: #fff;*/
    }

    /*#background {
    z-index: -5;
    position: absolute;
    top: 0;
    height: 100%;
    background: rgb(0, 153, 255);
    background: linear-gradient(180deg,rgb(9, 83, 138) 50%,rgb(255, 255, 255) 100%);
  }*/

    .modal-body {
        text-align: center;
    }

    h2 {
        margin-bottom: 3% !important;
    }

    .modal-dialog {
        margin-top: 25% !important;
    }

    /* TIMER OFFRES */
    #timerWrapper {
        text-align: center;
        background-color: #09538a;
        padding: 1%;
        margin: auto;
        border-radius: 20px;
        color: #fff;
        font-size: 1.5em;
    }

    #timerInPage {
        display: flex;
        justify-content: center;
        gap: 25px;
        font-family: Arial, sans-serif;
        color: #fff;
        /* Bleu foncé */
        font-weight: bold;
    }

    .time-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .number {
        font-size: 50px;
        font-weight: bold;
    }

    .label {
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        margin-top: 5px;
    }
    /* FIN TIMER OFFRES */

    .wrapperInfosSup {
        text-align: center;
        /*margin-top: 5%;*/
        margin-bottom: 3%;
        /*color: #fff;*/
    }

    .wrapperInfosSup .row {
        justify-content: space-between;
        align-items: start;
    }

    #imgBourgogne,
    #imgBtxPremium,
    #imgBlogElectrique {
        height: 35vh;
        margin-bottom: 3%;
        border-radius: 20px;
    }

    #imgBourgogne {
        background-image: url("https://www.lescanalous.com/wp-content/uploads/fly-images/365/promotions-600x400-c.jpg");
        background-position: center;
        background-size: cover;
    }

    #imgBtxPremium {
        background-image: url("https://www.lescanalous.com/wp-content/uploads/fly-images/2184/tarpon49qp_6-800x500-c.jpg");
        background-position: center;
        background-size: cover;
    }

    #imgBlogElectrique {
        background-image: url("https://www.lescanalous.com/wp-content/uploads/fly-images/17691/peniche-630x340-c.jpg");
        background-position: center;
        background-size: cover;
    }

    .oeuf-fix {
        width: 10%;
        position: absolute;
    }

    #carte-europe {
        max-width: 50%;
        margin: auto;
    }

    .tarifs,
    .bateaux,
    .faq,
    .avis-clients,
    .moteur-resa,
    .destinations,
    .sanspermis,
    .pictogramme,
    .catalogue {
        padding: 2% 0;
    }

    .tarifs,
    .europe,
    .faq,
    .moteur-resa,
    .catalogue,
    .home-blog {
        color: #09538a;
        text-align: center;
    }

    .catalogue img {
        max-width: 40%;
    }

    #carte-europe {
        margin-bottom: 2%;
    }

    .bateau,
    .avis-clients {
        background-color: #09538a;
    }

    .capitaine-svg img {
        max-width: 40vw;
    }

    .intro-page-promo {
        font-size: 2rem;
        color: #09538a;
        text-align: center;
        font-weight: 700;
    }

    .heading {
        color: #fff !important;
        margin-top: inherit !important;
    }

    .avis-clients {
        margin-bottom: 5%;
    }

    .avis-clients-titre {
        margin: auto auto 3% auto;
        ;
    }

    .avis-clients-content-nom-btx {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: 700;
        color: #f45038;
    }

    .avis-clients-content-nom-btx a {
        color: #f45038;
    }

    .avis-clients-content-lien-btx:hover {
        text-decoration: underline;
        color: #f45038;
    }

    .avis-clients-content-desc {
        font-style: italic;
        font-size: .8em;
    }

    .avis-clients .col-lg-6:first-of-type,
    .avis-clients .col-12 {
        /*border-left: #f45038 solid 3px;*/
    }

    .home-blog .card {
        align-items: center;
    }

    .moteur-resa {
        margin-bottom: -100px;
    }

    .moteur-resa .row {
        justify-content: center;
        margin-bottom: 5%;
    }

    .ancre-top {
        text-align: end;
        padding-right: 3%;
    }

    .video-canalous {
        max-width: 50%;
        margin: auto;
    }

    .articleItem-title {
        background-color: #004677;
        opacity: 0.8;
    }

    .placeItem,
    .articleItem {
        display: inline-block;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 340px;
        flex: inherit !important;
        margin: 1em;
        max-width: 100%;
        position: relative;
        color: #fff;
        text-decoration: none;
        background-color: inherit !important;
    }

    .avis-comm {
        font-size: 0.75rem !important;
    }

    /*.avis-clients a:not(.btn-info, .avis-clients-content-lien-btx, .read-more-btn, .read-less-btn) {
        color: #f45038 !important;
        text-decoration: underline !important;
    }*/

    @media (max-width: 768px) {
        .picto-container {
            display: none;
        }

        .picto-mobile {
            display: inherit;
        }

        #imgBourgogne,
        #imgBtxPremium {
            height: 15vh;
        }

        h2 {
            font-size: 1.2rem !important;
            font-weight: bold;
        }

        h3 {
            font-size: 1rem;
        }

        #carte-europe {
            max-width: 100%;
        }

        .vignettes {
            font-size: 1.1em;
        }

        .row {
            margin: 0 0 3% 0 !important;
        }

        .col-12 {
            padding: 0;
        }

        .spaceur {
            justify-content: center;
        }

        .titre {
            font-size: 0.8rem;
        }

        .capitaine-svg img {
            max-width: 70vw;
        }

        .intro-page-promo {
            font-size: 1.2rem;
        }

        .cover-title {
            font-size: 1.2em !important;
        }

        .video-canalous {
            max-width: 80%;
        }

        .bateaux .btn.btn-primary {
            font-size: 1rem;
            max-width: 60%;
        }

        .faq button {
            white-space: initial;
            font-size: 12px !important;
        }

        .faq .collapse .card-body p {
            font-size: 14px;
            margin: 10px 0;
            padding: 0;
        }

        .catalogue img {
            max-width: 90%;
        }

        .btn-ordi {
            display: none;
        }

        .btn-mobile {
            display: inline-block;
        }

        .faq {
            margin-bottom: 50px;
        }

        #slider-avis-clients {
            display: flex !important;
            justify-content: center !important;
        }

        #slider-avis-clients .carousel-inner {
            max-width: 80% !important;
        }

        .bateaux .card-body {
            font-size: 0.8rem;
        }

        .prixBtx {
            white-space: pre;
        }

        .moteur-resa {
            padding: 0 10px;
        }

        .moteur-resa.btn {
            max-width: 100%;
            white-space: normal;
        }

        .background-div {

            min-height: 50vh;

        }

        .titre-moteur-resa {

            margin-top: 20px;
        }
    }

    @media screen and (max-width:520px) {
        .booking--compact .booking-field:not(.disabled, .booking-additional) {
            display: inherit !important;
        }
    }