/* ------------------Grand Titre de page Temoignage ----------- */
        #titre_avec_bouton {
            display: flex;
            align-items: center;
            height: 300px;
        }
        #titre_avec_bouton .et_pb_text_inner h1.et_pb_module_header {
            color: white;
            font-size: 52px;
            width: 70%;
            height: 300px;
            display: flex;
            align-items: center;
        }
        #titre2_section{
            height: 150px;
            display: flex;
            align-items: end;
        }
        div#titre2_section .et_pb_code_inner h3 {
            color: #f25c05;
            font-size:50px;
        }
    /* ---------------------css en tete page guide temoigne------------------ */
        div#titre_plus .et_pb_text_inner h2 {
            color: #f38003;
        }
        .et_pb_module.et_pb_text.et_pb_text_2_tb_body.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner h2 {
            color: #f38003;
        }
        .et_pb_module.et_pb_text.et_pb_text_3_tb_body.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner h2 {
            color: #f38003;
        }
    /*  -------------------les dates en bas --------------------- */
        .et_pb_module.et_pb_text.et_pb_text_4_tb_body.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner h2 {
            color: black;
            font-size: 20px;
        }

        .et_pb_module.et_pb_text.et_pb_text_2_tb_body.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner {
            /* height: 80px; */
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /*-------------------------- fond principale  -----------------------*/
        div#fon_principale {
            position: relative; 
            overflow: visible; 
        }
    /* ----------------------images carrés------------------- */
        div#icon_image img {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 10px;
            width: 10px;
        }
        div#icon_image .et_pb_column.et_pb_column_4_4.et_pb_column_3_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child {
            display: flex;
            width: 10%;
            align-items: center;
            height: 40px;
        }
        #fond_tire {
            height: 50px;
            display: flex;
            align-items: center;
        }
        /* ---------------------fonds images ------------------------------ */
        #fond_tire .et_pb_column.et_pb_column_4_4.et_pb_column_4_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child img {
            width: 200px;
            height: 20px;
        }
        /* ----------Paragraphes-------------- */
        .et_pb_module.et_pb_code.et_pb_code_2_tb_body p {
            color: black;
            font-size: 17px;
        }
        .et_pb_module.et_pb_code.et_pb_code_3_tb_body p {
            color: black !important;
            font-size: 17px;
        }
        .et_pb_module.et_pb_code.et_pb_code_4_tb_body p {
            color: black;
            font-size: 17px;
        }
    
    /* -------------------------------mise en page -------------------------- */
        div#fon_principale {
            position: relative; 
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        div#fon_principale::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 1;
            pointer-events: none;
        }
        div#fon_principale:hover::before {
            background-color: rgba(0, 0, 0, 0.3); /* Plus clair avec 30% d'opacité lors du survol */
        }
        #titre_slide h2 {
            height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /* -------------------fin--------------- */
        div#date_text_descri p {
            color: black;
        }
        /* -------------------------modification de titre description ---------------- */
        #titre_descri1 h2 {
            color: #f38003;
            height: 100px;
            display: flex;
            align-items: center;
        }
        div#text_description p, div#text_description p a {
            color: black;
        }                                            
        @media (min-width: 320px) and (max-width: 480px) {
            /*---------------- sous titre ---------- */
            div#titre2_section .et_pb_code_inner {
                height: 100px;
                display: flex;
                align-items: end;
            }
            div#titre2_section .et_pb_code_inner h3 {
                font-size:25px;
            }
            /*--------- sous titre 2 h2------------  */
            div#titre_plus .et_pb_text_inner h2{
                font-size: 20px;
            }
            #titre_descri1 h2 {
                height: 120px;
                display: flex;
                align-items: center;
                font-size: 25px;
            }
            div#fon_principale {
                height: 348px;
                width: 100%;
            }
            /* div#fon_principale .btn-titre-sgl_t {
                top: 0;
            } */
            /* ---------Grand titre ------------ */
            #Titre_1 .et_pb_text_inner h1 {
                font-size: 30px !important;
            }
            .et_pb_module.et_pb_code.et_pb_code_4_tb_body p{
                font-size: 16px !important;
            }
            .colonne.div-desc h2{
                font-size: 25px !important;
            }
    /* -------------------MODIFICATION 22-11-2024----------------- */
            .et_pb_section.et_pb_section_2_tb_body.nombre_jours_nuits_section.et_section_regular{
                margin-top: -66px;
            }
            .div-description-imgs ul.slick-dots li{
                display: inline-block;
                width: 10px;
                height: 10px;
                background: #F25C05;
                border-radius: 100%;
                cursor: pointer;
            }
            .et_pb_section.et_pb_section_4_tb_body.et_section_regular {
                margin-top: -9px;
            }
            .main-description-circuit h3 {
                font-size: 24px;
                margin-top: -7px;
            }
            div#titre_no_jour p{
                height: auto !important;
                font-size: 24px;
            }
            div#titre_no_jour {
                margin-top: -67px !important;
                display: flex ;
            }
            #main-content #titre_nom_jour, #main-content #titre_nom_jour .et_pb_equal_columns{
                width: 100%;
            }
            .parent_jour a {
                height: 140px !important;
                width: 150px !important;
            }
            div#icones_jour {
                height: 50px !important;
                width: 150px !important;
            }
            div#parent_lieu_titre {
                height: auto;
                margin-top: -20px;
            }
            .test_1{
                gap:5px !important;
                margin-top: -20px;
            }
            div#titre_no_jour .et_pb_text_inner {
                margin-left: 20px;
            }
            div#de_refe_section {
                margin-top: 6px;
            }
            .itineraires-wrapper .colonne.div-desc {
                margin-top: -40px;
            }
            .itineraires-wrapper .colonne.div-desc div ul {
                margin-top: 5px;
            }
            .et_pb_module.et_pb_image.et_pb_image_0_tb_body span.et_pb_image_wrap {
                /* background: red; */
                margin-top: -64px;
            }
            p#lieu{
                width:94% !important;
            }
            /* --------------footer----- */
            .et_pb_row.et_pb_row_1_tb_footer.et_pb_equal_columns ul li {
                margin-top: -22px;
            }
            .et_pb_row.et_pb_row_1_tb_footer.et_pb_equal_columns {
                margin-top: -6px !important;
             } 
             .et_pb_row.et_pb_row_0_tb_footer.et_pb_equal_columns.et_pb_gutters3.et_pb_row--with-menu.et_pb_row_5col {
                margin-top: -58px !important;
            }
             /*  */
            .et_pb_module.et_pb_text.et_pb_text_5_tb_body.et_pb_text_align_center.et_pb_bg_layout_light p {
                font-size: 20px;
            }
            .et_pb_module.et_pb_text.et_pb_text_6_tb_body.et_pb_text_align_center.et_pb_bg_layout_light p {
                font-size: 15px;
            }
            .et_pb_module.et_pb_code.et_pb_code_2_tb_body p {
                color: black;
                font-size: 16px !important;
            }
            .et_pb_row.et_pb_row_2_tb_body.et_pb_equal_columns .et_pb_text_inner {
                font-size: 29px !important;
            }

            /* ------------height d'images slider */
            .main-description-circuit img {
                height: 335px !important;
            }
            .div-description-imgs.slick-initialized.slick-slider.slick-dotted {
                height: 330px !important;
                background: rebeccapurple;
            }
            .nombre_jours_nuits, #nombre_jours_nuits{
                margin-top: -14px !important;
            }
            body #page-container .et_pb_section .et_pb_button_1_tb_body, body #page-container .et_pb_section .et_pb_button_0_tb_body{
                margin-top: -11px !important;
            }
            .et_pb_row.et_pb_row_9_tb_body.et_pb_equal_columns {
                margin-top: -30px !important;
            }
            .et_pb_row.et_pb_row_10_tb_body.et_pb_equal_columns {
                margin-top: -58px !important;
            }
            .row_des_ctas .et_pb_module.et_pb_blurb{
                padding: 0 !important;
            }
            .row_des_ctas .et_pb_module.et_pb_blurb .et_pb_main_blurb_image {
                width: 30px;
            }
            .et_pb_row.et_pb_row_12_tb_body.et_pb_equal_columns {
                margin-top: -75px !important;
            }
            .et_pb_row.et_pb_row_12_tb_body.et_pb_equal_columns .et_pb_text_inner p {
                font-size: 27px !important;
            }
            .et_pb_row.et_pb_row_9_tb_body.et_pb_equal_columns p {
                font-size: 16px;
            }
        }
        /* ---------------------------petit ecran----------------------------- */
        @media (min-width: 481px) and (max-width: 767px) {
            #Titre_1 .et_pb_text_inner h1 {
                font-size: 42px !important;
            }
            /* ------------------photos fond---------- */
            #fond_tire .et_pb_column.et_pb_column_4_4.et_pb_column_4_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child img {
                width: 120px;
                height: 13px;
            }
                /* -------------------MODIFICATION 24-10-2024----------------- */
                div#fon_principale {
                    height: 400px;
                    width: 100%;
                }
                /* div#fon_principale .btn-titre-sgl_t {
                    top: 0;
                    margin-top: 40px;
                } */
                #titre_descri1 h2 {
                    height: 120px;
                    display: flex;
                    align-items: center;
                    font-size: 25px;
                }
        }

        /* ---------------------exception --------------------- */
        @media (min-width: 481px) and (max-width: 594px){
            div#fon_principale {
                height: 400px;
                width: 100%;
            }
            /* div#fon_principale .btn-titre-sgl_t {
                top: 0;
                margin-top: 40px;
            } */
        }
        @media (min-width: 595px) and (max-width: 767px) {
            div#fon_principale {
                height: 400px;
                width: 100%;
                
            }
            /* div#fon_principale .btn-titre-sgl_t {
                top: 0;
                margin-top: 60px;
                
            } */
        }
            /* -------------------taille normale d'ecran -------------------- */

        @media (min-width: 767px) and (max-width: 980px) {
            #Titre_1 .et_pb_text_inner h1 {
                font-size: 50px !important;
            }
            div#fon_principale {
                height: 400px;
                width: 100%;
            }
            /* div#fon_principale .btn-titre-sgl_t {
                top: 0;
                margin-top: 40px;
            } */
        }
        /* ---------------ecran large ----------------- */
        @media (min-width: 981px) and (max-width: 1280px ) {

        }


        /* --------------mise en page de Description------------- */
        .et_pb_column.et_pb_column_1_2.et_pb_column_4_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child {
            height: 350px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        /* ----------------images ---------------- */
        div#text_description img {
            height: 25px;
            width: 30px;
            /* background: red; */
        }

        div#text_description #icon_ouvert {
            margin-right: 20px;
        }
        div#text_description #icon_fermer {
            margin-left: 20px;
        }

        /* ----------------PARENT IMAGES---- */
        .desc-photo-temoignage {
            height: 500px;
            width: 100%;
            display: flex;
            align-items: center;
           
        }
        .desc-photo-temoignage img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        /* --------------responsive----------------- */
        @media(max-width: 980px) {
            .desc-photo-temoignage {
                height: auto;
                margin-top: 12%;
            }
        }
        /* -------------12-11-24---- */   
        div#text p {
            color: white;
            font-size: 18px;
        }
/* --------------------animation titre --------------- */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }     
        .et_pb_column.et_pb_column_4_4.et_pb_column_0_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child {
            text-align: center;
            animation: fadeInUp 1s ease-out forwards !important; 
        }   
        .et_pb_column.et_pb_column_4_4.et_pb_column_0_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child {
            animation-delay: 0.3s !important; 
        }
        /* --------------------css 18-11-2024-------------- */
        a#bouton_circuits {
            display: flex;
            align-items: center !important;
            justify-content: center;
        }
        .test_1 {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        /* --------------------modification ------------- */
        p#icones img {
            height: 25px;
            margin-left: 7px;
        }
        p#jour {
            color: #fcb21d;
            font-size: 20px;
        }
        div#icones_jour {
            height: 85px;
            display: flex;
            align-items: center;
            width: 160px;
        }
        p#lieu {
            padding-left: 10px;
            color: #01193c;
            height: 85px;
            display: flex;
            align-items: start;
            width: 160px;
        }
        .parent_jour a {
            display: flex ;
            /* margin-bottom: 50; */
            flex-wrap: wrap;
            color: black;
            background: #f8f8f8;
            height: 180px;
            width: 180px;
            transition: all 300ms ease 0ms;
        }

        .parent_jour a:hover {
            background-color: #ffffff;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        }
        p#jour {
            margin-left: 7px;
        }
        div#titre_no_jour p {
            height: 60px;
        }

       /* ------------test---- 20-11-24--- */