{"id":363,"date":"2025-03-14T11:17:30","date_gmt":"2025-03-14T10:17:30","guid":{"rendered":"https:\/\/ilimane.com\/theme9\/?page_id=363"},"modified":"2025-03-18T15:03:46","modified_gmt":"2025-03-18T14:03:46","slug":"adn-de-la-marque","status":"publish","type":"page","link":"http:\/\/ilimane.com\/theme9\/adn-de-la-marque\/","title":{"rendered":"ADN de la marque"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"363\" class=\"elementor elementor-363\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bfeb40 e-flex e-con-boxed e-con e-parent\" data-id=\"0bfeb40\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4185c3d elementor-widget elementor-widget-html\" data-id=\"4185c3d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"carousel\" class=\"carousel-container\">\n    <div class=\"carousel-track\">\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-18.png\" alt=\"Image 1\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-17.png\" alt=\"Image 2\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-16.png\" alt=\"Image 3\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-15.png\" alt=\"Image 4\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-13.png\" alt=\"Image 5\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-12.png\" alt=\"Image 6\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-11.png\" alt=\"Image 7\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-10.png\" alt=\"Image 8\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-15.png\" alt=\"Image 9\"><\/div>\n        <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/leonablom.com\/wp-content\/uploads\/2025\/03\/v_a_b-12.png\" alt=\"Image 10\"><\/div>\n    <\/div>\n    <div class=\"carousel-dots\"><\/div>\n<\/div>\n\n<style>\n    .carousel-container {\n        width: 100%;\n        max-width: 1200px;\n        margin: auto;\n        overflow: hidden;\n        \/* background: #000; *\/\n        position: relative;\n    }\n\n    .carousel-track {\n        display: flex;\n        transition: transform 0.5s ease-in-out;\n    }\n\n    .carousel-item {\n        min-width: 20%; \/* 5 images visibles *\/\n        box-sizing: border-box;\n        padding: 10px;\n        display: flex;\n        justify-content: center;\n    }\n\n    .carousel-item img {\n        width: 100%;\n        max-width: 100%;\n       \/* border-radius: 30px; \/* Conteneur arrondi *\/\n        display: block;\n    }\n\n    .carousel-dots {\n        text-align: center;\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n    }\n\/*\n    .carousel-dot {\n        height: 12px;\n        width: 12px;\n        margin: 0 5px;\n        background-color: #fff;\n        border-radius: 50%;\n        display: inline-block;\n        cursor: pointer;\n        opacity: 0.5;\n        transition: opacity 0.3s;\n    }\n\n    .carousel-dot.active {\n        opacity: 1;\n    }\n*\/\n \/*Pour ajouter les Poitiers \n  *\/\n    @media (max-width: 768px) {\n        .carousel-item {\n            min-width: 50%; \/* 2 images visibles sur tablette *\/\n        }\n    }\n\n    @media (max-width: 480px) {\n        .carousel-item {\n            min-width: 100%; \/* 1 image centr\u00e9e sur mobile *\/\n            justify-content: center;\n        }\n    }\n<\/style>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const track = document.querySelector(\".carousel-track\");\n        const dotsContainer = document.querySelector(\".carousel-dots\");\n        const items = Array.from(document.querySelectorAll(\".carousel-item\"));\n\n        let currentIndex = 0;\n        const itemsVisible = window.innerWidth <= 480 ? 1 : 5;\n        const delay = 3000;\n\n        \/\/ Dupliquer les premiers \u00e9l\u00e9ments pour cr\u00e9er un effet de boucle\n        items.slice(0, itemsVisible).forEach(item => {\n            const clone = item.cloneNode(true);\n            track.appendChild(clone);\n        });\n\n        const dots = Array.from({ length: items.length }, (_, i) => {\n            const dot = document.createElement(\"span\");\n            dot.classList.add(\"carousel-dot\");\n            if (i === 0) dot.classList.add(\"active\");\n            dot.addEventListener(\"click\", () => moveToSlide(i));\n            dotsContainer.appendChild(dot);\n            return dot;\n        });\n\n        function moveToSlide(index) {\n            const itemWidth = 100 \/ (window.innerWidth <= 480 ? 1 : 5);\n            track.style.transition = \"transform 0.5s ease-in-out\";\n            track.style.transform = `translateX(-${index * itemWidth}%)`;\n\n            dots.forEach(dot => dot.classList.remove(\"active\"));\n            dots[index % items.length].classList.add(\"active\");\n\n            currentIndex = index;\n        }\n\n        function autoSlide() {\n            currentIndex++;\n            moveToSlide(currentIndex);\n\n            if (currentIndex === items.length) {\n                setTimeout(() => {\n                    track.style.transition = \"none\";\n                    track.style.transform = \"translateX(0)\";\n                    currentIndex = 0;\n                }, 500);\n            }\n        }\n\n        setInterval(autoSlide, delay);\n    });\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-363","page","type-page","status-publish","hentry","entry","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/ilimane.com\/theme9\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/ilimane.com\/theme9\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/ilimane.com\/theme9\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/ilimane.com\/theme9\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/ilimane.com\/theme9\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":5,"href":"http:\/\/ilimane.com\/theme9\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":417,"href":"http:\/\/ilimane.com\/theme9\/wp-json\/wp\/v2\/pages\/363\/revisions\/417"}],"wp:attachment":[{"href":"http:\/\/ilimane.com\/theme9\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}