Outiref
<!doctype html>
<html lang="fr">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
        <meta name="csrf-token" content="EWE9HyzwF4dWi9vAa96vCwi4y2LPKQgbSOP7jJoS">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="default">
                    <link rel="icon" type="image/png" href="/caches/uploads/1759838705black-at-4x.png_64_64.png" />
                    <meta name="robots" content="all">
    <title>Coiffeur Coloriste MLB</title>
    <meta name="description" content="Coiffeur Coloriste MLB">
    <link rel="canonical" href="https://www.coiffeur-coloriste-mlb.com"/>
    <meta property="og:title" content="Coiffeur Coloriste MLB" />
    <meta property="og:description" content="Coiffeur Coloriste MLB - Vente en ligne et salon de coiffure proche Chartes et en limite Ile de France" />
    <meta property="og:url" content="https://www.coiffeur-coloriste-mlb.com" />
    <meta name="twitter:title" content="Coiffeur Coloriste MLB" />
    <meta name="twitter:description" content="Coiffeur Coloriste MLB - Vente en ligne et salon de coiffure proche Chartes et en limite Ile de France" />
    <script type="application/ld+json">
        {"@context":"https:\/\/schema.org","@type":"WebPage","name":"Coiffeur Coloriste MLB","description":"Coiffeur Coloriste MLB - Vente en ligne et salon de coiffure proche Chartes et en limite Ile de France","url":"https://www.coiffeur-coloriste-mlb.com"}
    </script>
        <link rel="stylesheet" type="text/css" href="https://www.coiffeur-coloriste-mlb.com/vendor/mckenziearts/laravel-notify/css/notify.css"/>        <style>:root{--background_default:#ffffff;--text_default:#000000;--background_primary:#a08672;--text_primary:#ffffff;--background_secondary:#b7a596;--text_secondary:#000000;--background_tertiary:#a08672;--text_tertiary:#000000;@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');--font_family_text:Roboto;@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');--font_family_title:Lato;}</style>
                <link rel="stylesheet" href="/themes/mlb-coloriste/css/app.css?id=8b08c5fe81473ea365f3">
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
                    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3PNJXZQRK7"></script>
            <script>
                window.dataLayer = window.dataLayer || [];

                function gtag() {
                    dataLayer.push(arguments);
                }
                gtag('js', new Date());

                gtag('config', 'G-3PNJXZQRK7');
            </script>
        
        
        <script>
        !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
        n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '2958719104327924');
        fbq('track', 'PageView');
        </script>
        <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2958719104327924&ev=PageView&noscript=1"/></noscript>
        
    </head>
    <body>
                <div class="sidebar-cart-container">
            <div class="sidebar-cart">
    <div class="cart-title primary-background">
        <div class="close-cart">X</div>
        <div class="title">Mon panier</div>
        <div class="cart-count">
            <i class="fas fa-shopping-bag"></i>
            <span class="count third-background">
                                    0
                            </span>
        </div>
    </div>
    <div class="cart-container primary-color">
                    <div class="empty-cart">
                Votre panier est vide
            </div>
            </div>
</div>
        </div>
        
        <header>
    
        
    
    
                    
        <div class="homepage-banner secondary-background" role="banner" style="position: relative; display: flex; align-items: center; justify-content: center;  min-height: 100px;">
            
                        
                            <div class="banner-content" style="padding: 30px 25px 15px 25px; position: relative; z-index: 2; text-align: center; max-width: 900px; margin: 15px; ">
                    <div style="margin-bottom: 0;">
                                                
                        <h1></h1><blockquote>Livraison offerte à partir de 140€ d’achat | Retrait gratuit dans votre salon MLB | Salon noté 4.9/5 ⭐ sur Google</blockquote>
                    </div>
                </div>
                        
                    </div>
    
    <div class="header-container">
        <div class="header-top">
            <div class="responsive-navigation">
                <i class="fas fa-bars"></i>
            </div>
                            <a href="https://www.coiffeur-coloriste-mlb.com" class="header-logo">
                    <img src="/storage/website/1759838705black-at-4x.png" alt="BLack@4x">
                </a>
                        <nav class="ecommerce-navigation" role="navigation">
                <ul>
                    <li>
                        <a href="#" class="search-link" id="header-search-trigger">
                            <i class="fas fa-search"></i>
                            <span class="name">Rechercher</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.coiffeur-coloriste-mlb.com/client/ma-liste-de-souhait" class="whishlist-link">
                            <i class="fas fa-heart"></i>
                            <span class="name">Whishlist</span>
                                                    </a>
                    </li>
                    <li>
                        <a href="#" class="shopping-cart-link">
                            <i class="fas fa-shopping-bag"></i>
                            <span class="name">Panier</span>
                                                    </a>
                    </li>
                    <li>
                                                    <a href="https://www.coiffeur-coloriste-mlb.com/connexion" class="user-link">
                                <i class="fas fa-user"></i>
                                <span class="name">Mon compte</span>
                            </a>
                                            </li>
                    <li class="appointment-link">
                        <a href="https://www.coiffeur-coloriste-mlb.com/prendre-rendez-vous">Prendre RDV</a>
                    </li>
                    <li>
                        <a href="/contact">
                            Contact
                        </a>
                    </li>
                </ul>
            </nav>
            <nav class="ecommerce-navigation-mobile">
                <div class="nav-top">
                    <a href="#" class="search-link" id="header-search-trigger-mobile">
                        <i class="fas fa-search"></i>
                    </a>
                    <a href="https://www.coiffeur-coloriste-mlb.com/client/ma-liste-de-souhait" class="whishlist-link">
                        <i class="fas fa-heart"></i>
                                            </a>
                    <a href="#" class="shopping-cart-link">
                        <i class="fas fa-shopping-bag"></i>
                                            </a>
                                            <a href="https://www.coiffeur-coloriste-mlb.com/connexion" class="user-link">
                            <i class="fas fa-user"></i>
                        </a>
                                        <a href="/contact">
                        <i class="fas fa-envelope"></i>
                    </a>
                </div>
                <div class="appointment">
                    <a href="https://www.coiffeur-coloriste-mlb.com/prendre-rendez-vous">Prendre RDV</a>
                </div>
            </nav>
        </div>
        <nav class="header-navigation" role="navigation">
            <div class="close-navigation">Fermer</div>
            <ul><li><a href="https://www.coiffeur-coloriste-mlb.com/le-concept" >Le concept</a></li><li ><a href="https://www.coiffeur-coloriste-mlb.com/boutique">Les produits</a></li><li ><a href="https://www.coiffeur-coloriste-mlb.com/boutique/routines-et-conseils">Les routines & conseils</a></li><li><a href="https://www.coiffeur-coloriste-mlb.com/bons-cadeaux" >Bon Cadeau</a></li></ul>
        </nav>
    </div>

    
    <div class="header-search-overlay" id="header-search-overlay">
        <div class="header-search-content">
            <div class="header-search-container">
                <button class="header-search-close" id="header-search-close">
                    <i class="fas fa-times"></i>
                </button>
                
                <div class="header-search-form-container">
                    <form method="get" action="https://www.coiffeur-coloriste-mlb.com/boutique" class="header-search-form" id="header-search-form">
                        <div class="search-input-wrapper">
                            <div class="search-tags-display" id="header-search-tags-display"></div>
                            <div class="search-input-row">
                                <input type="text" class="search-input" id="header-search-input" placeholder="Rechercher une marque ou un produit. Exemple : Brosse ..." autocomplete="off">
                                <button type="button" class="search-clear-all" id="header-search-clear-all" style="display: none;">
                                    Tout effacer
                                </button>
                                <button type="submit" class="search-btn" id="header-search-btn">
                                    <svg class="search-icon" viewbox="0 0 24 24">
                                        <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
                                    </svg>
                                    <div class="search-loader"></div>
                                </button>
                            </div>
                            <div class="search-suggestions" id="header-search-suggestions">
                                <!-- Suggestions dynamiques -->
                            </div>
                        </div>
                        <input type="hidden" name="search" id="header-search-hidden">
                    </form>
                </div>
            </div>
        </div>
    </div>

    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const CONFIG = {
                minSearchLength: 2,
                suggestionDelay: 0,
                searchEndpoint: '/api/search-suggestions',
                parseEndpoint: '/api/parse-search-terms'
            };
            
            const DOM = {
                overlay: document.getElementById('header-search-overlay'),
                searchInput: document.getElementById('header-search-input'),
                searchForm: document.getElementById('header-search-form'),
                searchBtn: document.getElementById('header-search-btn'),
                tagsDisplay: document.getElementById('header-search-tags-display'),
                clearAllBtn: document.getElementById('header-search-clear-all'),
                searchHidden: document.getElementById('header-search-hidden'),
                suggestions: document.getElementById('header-search-suggestions'),
                triggers: document.querySelectorAll('#header-search-trigger, #header-search-trigger-mobile'),
                closeBtn: document.getElementById('header-search-close')
            };
            
            let searchTags = [];
            let suggestionTimeout = null;
            let selectedSuggestionIndex = -1;

            DOM.triggers.forEach(trigger => {
                trigger.addEventListener('click', function(e) {
                    e.preventDefault();
                    DOM.overlay.classList.add('show');
                    setTimeout(() => DOM.searchInput.focus(), 300);
                });
            });

            DOM.closeBtn.addEventListener('click', function() {
                DOM.overlay.classList.remove('show');
                resetSearch();
            });

            DOM.overlay.addEventListener('click', function(e) {
                if (e.target === DOM.overlay) {
                    DOM.overlay.classList.remove('show');
                    resetSearch();
                }
            });

            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape' && DOM.overlay.classList.contains('show')) {
                    DOM.overlay.classList.remove('show');
                    resetSearch();
                }
            });

            function resetSearch() {
                searchTags = [];
                DOM.searchInput.value = '';
                updateTagsDisplay();
                hideSuggestions();
            }

            function updateTagsDisplay() {
                DOM.tagsDisplay.innerHTML = '';
                const fragment = document.createDocumentFragment();
                
                searchTags.forEach((tag, index) => {
                    const tagElement = document.createElement('div');
                    tagElement.className = 'search-tag';
                    tagElement.innerHTML = `<span>${tag}</span><button type="button" class="search-tag-remove" onclick="removeHeaderTag(${index})">×</button>`;
                    fragment.appendChild(tagElement);
                });
                
                DOM.tagsDisplay.appendChild(fragment);
                DOM.clearAllBtn.style.display = searchTags.length > 0 ? 'block' : 'none';
                DOM.searchHidden.value = searchTags.join('|||');
                DOM.searchInput.placeholder = searchTags.length > 0 ? 'Ajouter un autre terme...' : 'Rechercher une marque ou un produit. Exemple : Brosse ...';
            }

            window.removeHeaderTag = function(index) {
                searchTags.splice(index, 1);
                updateTagsDisplay();
            };

            async function parseAndAddTerms(inputText) {
                try {
                    const response = await fetch(`${CONFIG.parseEndpoint}?q=${encodeURIComponent(inputText)}`, {
                        headers: { 'Cache-Control': 'no-cache' }
                    });
                    const parsedTerms = await response.json();
                    
                    if (parsedTerms && parsedTerms.length > 0) {
                        parsedTerms.forEach(term => {
                            if (!searchTags.some(tag => tag.toLowerCase() === term.toLowerCase())) {
                                searchTags.push(term);
                            }
                        });
                        
                        updateTagsDisplay();
                        DOM.searchInput.value = '';
                        hideSuggestions();
                        submitSearch();
                    } else {
                        addSingleTag(inputText);
                    }
                } catch (error) {
                    console.error('Erreur parsing:', error);
                    addSingleTag(inputText);
                }
            }

            function addSingleTag(term) {
                const cleanTerm = term.trim();
                if (!cleanTerm) return;
                
                if (!searchTags.some(tag => tag.toLowerCase() === cleanTerm.toLowerCase())) {
                    searchTags.push(cleanTerm);
                }
                
                updateTagsDisplay();
                DOM.searchInput.value = '';
                hideSuggestions();
                submitSearch();
            }

            function submitSearch() {
                const form = DOM.searchForm;
                form.submit();
            }

            function showSuggestions() {
                clearTimeout(suggestionTimeout);
                suggestionTimeout = setTimeout(() => {
                    const inputValue = DOM.searchInput.value.trim();
                    
                    if (inputValue.length >= CONFIG.minSearchLength) {
                        fetch(`${CONFIG.searchEndpoint}?q=${encodeURIComponent(inputValue)}`, {
                            headers: { 'Cache-Control': 'no-cache' }
                        })
                            .then(response => response.json())
                            .then(data => renderSuggestions(data))
                            .catch(() => hideSuggestions());
                    } else {
                        hideSuggestions();
                    }
                }, CONFIG.suggestionDelay);
            }

            function getDetailedEmoji(item) {
                if (item.type === 'brand') return '🔖';
                if (item.type === 'category') return '🏷️';
                if (item.type === 'product') return '🧴';
                return '🔍';
            }
                            
            function renderSuggestions(data) {
                DOM.suggestions.innerHTML = '';
                selectedSuggestionIndex = -1;
                
                if (data.length > 0) {
                    const fragment = document.createDocumentFragment();
                    data.forEach((item, index) => {
                        const suggestionEl = document.createElement('div');
                        suggestionEl.className = 'search-suggestion';
                        suggestionEl.dataset.term = item.text;
                        suggestionEl.dataset.index = index;
                        suggestionEl.dataset.url = item.url || '#';
                        suggestionEl.dataset.type = item.type || '';
                        
                        let suggestionHTML = '';
                        
                        if (item.type === 'see_more') {
                            suggestionEl.className += ' search-suggestion-see-more';
                            
                            const mainText = item.text.split(' pour "')[0];
                            const searchTerm = item.text.match(/pour "(.+)"$/)?.[1] || DOM.searchInput.value.trim();
                            
                            suggestionHTML = `
                                <div class="suggestion-see-more">
                                    <div class="see-more-main">
                                        <div class="see-more-title">${mainText}</div>
                                        <div class="see-more-count">pour "${searchTerm}"</div>
                                    </div>
                                    <i class="fas fa-arrow-right see-more-icon"></i>
                                </div>
                            `;
                        } else {
                            suggestionHTML = `
                                <div class="suggestion-image">
                                    ${item.image ? `<img src="${item.image}" alt="${item.text}" onerror="this.style.display='none'">` : ''}
                                    ${!item.image ? `<div class="suggestion-icon">${getDetailedEmoji(item)}</div>` : ''}
                                </div>
                                <div class="suggestion-content">
                                    <div class="suggestion-main">
                                        <span class="suggestion-text">${item.text}</span>
                                        ${item.brand_logo ? `<img src="${item.brand_logo}" alt="Logo marque" class="brand-logo-small" onerror="this.style.display='none'">` : ''}
                                    </div>
                                    ${item.category ? `<small class="suggestion-category">${item.category}</small>` : ''}
                                </div>
                            `;
                        }
                        
                        suggestionEl.innerHTML = suggestionHTML;
                        fragment.appendChild(suggestionEl);
                    });
                    DOM.suggestions.appendChild(fragment);
                    DOM.suggestions.style.display = 'block';
                } else {
                    hideSuggestions();
                }
            }

            function hideSuggestions() {
                DOM.suggestions.style.display = 'none';
                selectedSuggestionIndex = -1;
            }

            function updateSuggestionSelection() {
                const suggestions = DOM.suggestions.querySelectorAll('.search-suggestion');
                suggestions.forEach((suggestion, index) => {
                    suggestion.classList.toggle('selected', index === selectedSuggestionIndex);
                });
            }

            function selectCurrentSuggestion() {
                const suggestions = DOM.suggestions.querySelectorAll('.search-suggestion');
                if (selectedSuggestionIndex >= 0 && selectedSuggestionIndex < suggestions.length) {
                    const selectedSuggestion = suggestions[selectedSuggestionIndex];
                    const suggestionUrl = selectedSuggestion.dataset.url;
                    const suggestionText = selectedSuggestion.dataset.term;
                    
                    if (selectedSuggestion.classList.contains('search-suggestion-see-more')) {
                        window.location.href = suggestionUrl;
                    } else if (suggestionUrl && suggestionUrl !== '#') {
                        window.location.href = suggestionUrl;
                    } else {
                        addSingleTag(suggestionText);
                    }
                }
            }

            DOM.searchInput.addEventListener('input', showSuggestions);
            DOM.searchInput.addEventListener('focus', showSuggestions);
            DOM.searchInput.addEventListener('blur', () => setTimeout(hideSuggestions, 200));

            DOM.searchInput.addEventListener('keydown', function(e) {
                const suggestions = DOM.suggestions.querySelectorAll('.search-suggestion');
                const maxIndex = suggestions.length - 1;
                
                switch(e.key) {
                    case 'ArrowDown':
                        e.preventDefault();
                        selectedSuggestionIndex = Math.min(selectedSuggestionIndex + 1, maxIndex);
                        updateSuggestionSelection();
                        break;
                        
                    case 'ArrowUp':
                        e.preventDefault();
                        selectedSuggestionIndex = Math.max(selectedSuggestionIndex - 1, -1);
                        updateSuggestionSelection();
                        break;
                        
                    case 'Enter':
                        e.preventDefault();
                        if (selectedSuggestionIndex >= 0) {
                            selectCurrentSuggestion();
                        } else {
                            const term = DOM.searchInput.value.trim();
                            if (term) {
                                parseAndAddTerms(term);
                            }
                        }
                        break;
                        
                    case 'Escape':
                        hideSuggestions();
                        break;
                }
            });

            DOM.suggestions.addEventListener('click', function(e) {
                const suggestion = e.target.closest('.search-suggestion');
                if (suggestion) {
                    const suggestionUrl = suggestion.dataset.url;
                    const suggestionText = suggestion.dataset.term;
                    
                    if (suggestion.classList.contains('search-suggestion-see-more')) {
                        window.location.href = suggestionUrl;
                    } else if (suggestionUrl && suggestionUrl !== '#') {
                        window.location.href = suggestionUrl;
                    } else {
                        addSingleTag(suggestionText);
                    }
                }
            });

            DOM.clearAllBtn.addEventListener('click', function() {
                searchTags = [];
                updateTagsDisplay();
            });

            DOM.searchForm.addEventListener('submit', function(e) {
                e.preventDefault();
                const currentTerm = DOM.searchInput.value.trim();
                if (currentTerm) {
                    parseAndAddTerms(currentTerm);
                } else if (searchTags.length > 0) {
                    submitSearch();
                }
            });
        });
    </script>
</header>        <div class="app" role="main">
            <section class="homepage">
    <div class="l-container">
        <div class="main-slider" data-slick='{"slidesToShow":1,"slideToScroll":1,"autoplaySpeed":5000,"speed":300,"dots":true,"arrows":false,"nextArrow":"<div class=\"slider-next\"><i class=\"fas fa-chevron-right\"><\/i><\/div>","prevArrow":"<div class=\"slider-prev\"><i class=\"fas fa-chevron-left\"><\/i><\/div>","autoplay":true,"pauseOnHover":true}'>
                                            <div class="slide" >
                                            <div class="slide-video">
                                                                                                <div class="">
                                        <video autoplay loop muted playsinline>
                                            <source src="/storage/sliders/mlb-corporate_f00ca3497a2bc3a5faae7c3c14f713c4.mp4" type="video/mp4" />
                                        </video>
                                    </div>
                                                                                    </div>
                                                            <div class="slide-flex justify-content-center text-center">
                        <div class="slide-description">
                            <span class="star">*</span>
                            <p><strong>Un atelier de couleur &amp; coiffure en pleine campagne, hors du stress de la ville</strong></p>
                                                            <a href="/le-concept" class="slide-link">
                                    Découvrir le concept
                                </a>
                                                    </div>
                    </div>
                </div>
                    </div>

                                                                                                <div class="routine-advice-container">
                    <div class="advice-title">
                        <h2 class="title">Les routines &amp; conseils</h2>
                    </div>
                    <div class="advice-description">
                        <h2 data-unsp-sanitized="clean">Vous ne savez pas comment entretenir vos cheveux&nbsp;? Pas grave&nbsp;! On va vous aider.</h2><p><br></p>
                    </div>
                    <div class="advice-slider slider-dots owl-carousel">
                                                    <div class="trend-slide">
                                                                    <img src="/caches/uploads/1696666000img-2583.jpg_1075.jpg" alt="Routine cheveux blonds - soin pour neutraliser reflets jaunes" class="img-to-background">
                                                                <div class="slide-description">
                                    <div class="trend-title">
                                        <h3>La routine blonde est faite pour vous ?</h3>
                                    </div>
                                    <div class="trend-description">
                                                                                    <p>Soigner votre look de blonde atomique et éliminez
les reflets ternes &amp; jaunes.</p>
                                                                            </div>
                                    <a href="https://www.coiffeur-coloriste-mlb.com/boutique/routines-et-conseils/1-les-blondes" class="trend-link">Tout savoir sur la routine blonde</a>
                                </div>
                            </div>
                                                    <div class="trend-slide">
                                                                    <img src="/caches/uploads/1696669927img-5230.jpg_1075.jpg" alt="coupe curly Chartres MLB Hair Spa" class="img-to-background">
                                                                <div class="slide-description">
                                    <div class="trend-title">
                                        <h3>Cheveux bouclés et secs</h3>
                                    </div>
                                    <div class="trend-description">
                                                                                    <blockquote>Votre experte curly en Eure-et-Loir : pour sublimer vos boucles</blockquote>
                                                                            </div>
                                    <a href="https://www.coiffeur-coloriste-mlb.com/boutique/routines-et-conseils/7-cheveux-boucles" class="trend-link">Tout savoir sur la routine pour cheveux bouclés et secs</a>
                                </div>
                            </div>
                                                    <div class="trend-slide">
                                                                    <img src="/caches/uploads/1696669263img-5227.jpg_1075.JPG" alt="Routine SOS pour cheveux abîmés - Gamme Tokio Inkarami" class="img-to-background">
                                                                <div class="slide-description">
                                    <div class="trend-title">
                                        <h3>Cheveux SOS</h3>
                                    </div>
                                    <div class="trend-description">
                                                                                    <p>Cheveux abîmés, cassants ou secs ? Découvrez notre routine SOS pour leur redonner force, douceur et brillance.</p>
                                                                            </div>
                                    <a href="https://www.coiffeur-coloriste-mlb.com/boutique/routines-et-conseils/5-cheveux-sos" class="trend-link">Tout savoir sur la routine SOS</a>
                                </div>
                            </div>
                                            </div>
                    <div class="advice-link">
                        <a href="https://www.coiffeur-coloriste-mlb.com/boutique/routines-et-conseils">
                            Découvrir toutes<br>
                            nos routines & conseils
                        </a>
                    </div>
                </div>
                                                                                                                        
    </div>

    <div class="full-title">
        <h4>Ici on respecte <br> le vivant !</h4>
    </div>

    <div class="l-container">
                    <div class="product-selections">
                <div class="selection-title">
                    Les produits de la semaine
                </div>
                <div class="slider-carousel owl-carousel"
                    data-total="12"
                    data-show="4"
                    data-autoplay="1"
                    data-arrows="1"
                >
                                                                    <div class="slide">
                            <div class="selection-product">
                                <div class="product-thumbnail">
                                                                            <a href="https://www.coiffeur-coloriste-mlb.com/boutique/produit/27-shimmer-me-blonde-brume-brillance-kevin-murphy-chartres-rambouillet" class="opacity-hover">
                                            <img src="/caches/uploads/1751290219capture-decran-2025-06-30-a-153008.png_250.png" alt="Capture d’écran 2025-06-30 à 15.30.08" class="m-auto">
                                        </a>
                                                                    </div>
                                <div class="product-name">
                                    <a href="https://www.coiffeur-coloriste-mlb.com/boutique/produit/27-shimmer-me-blonde-brume-brillance-kevin-murphy-chartres-rambouillet">
                                        <h5>Shimmer-Me Blonde</h5>
                                        <div class="product-price">
                                            39,00 €
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                                                                    <div class="slide">
                            <div class="selection-product">
                                <div class="product-thumbnail">
                                                                            <a href="https://www.coiffeur-coloriste-mlb.com/boutique/produit/307-night-shift-serum-nuit-hydratant-kevin-murphy" class="opacity-hover">
                                            <img src="/caches/uploads/1759870279capture-decran-2025-10-07-224654.png_250.png" alt="night-shift-kevin-murphy-serum-de-nuit-hydratant" class="m-auto">
                                        </a>
                                                                    </div>
                                <div class="product-name">
                                    <a href="https://www.coiffeur-coloriste-mlb.com/boutique/produit/307-night-shift-serum-nuit-hydratant-kevin-murphy">
                                        <h5>Night Shift</h5>
                                        <div class="product-price">
                                            46,80 €<span class="old-price third-color-invert">52,00 €</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                                                                    <div class="slide">
                            <div class="selection-product">
                                <div class="product-thumbnail">
                                                                            <a href="https://www.coiffeur-coloriste-mlb.com/boutique/produit/98-olaplex-n4p-bond-maintenance-purple-shampoingviolet-dejaunissant-chartres-rambouillet" class="opacity-hover">
                                            <img src="/caches/uploads/1631699618ol-ola014-1560x1960-0007-4p-front-2qnx5jpg.jpg_250.jpg" alt="OLAPLEX N°4P Bond Maintenance Purple-shampoingviolet-déjaunissant, Chartres, Rambouillet" class="m-auto">
                                        </a>
                                                                    </div>
                                <div class="product-name">
                                    <a href="https://www.coiffeur-coloriste-mlb.com/boutique/produit/98-olaplex-n4p-bond-maintenance-purple-shampoingviolet-dejaunissant-chartres-rambouillet">
                                        <h5>Olaplex N°4P</h5>
                                        <div class="product-price">
                                            20,65 €<span class="old-price third-color-invert">29,50 €</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                                                                    <div class="slide">
                            <div class="selection-product">
                                <div class="product-thumbnail">
                                                                            <a href="https://www.coiffeur-coloriste-mlb.com/boutique/produit/100-gummies-pousse-de-cheveux-pour-maman-madame-la-presidente-chartres-rambouillet" class="opacity-hover">
                                            <img src="/caches/uploads/1711102794mama.webp_250.webp" alt="mama" class="m-auto">
                                        </a>
                                                                    </div>
                                <div class="product-name">
                                    <a href="https://www.coiffeur-coloriste-mlb.com/boutique/produit/100-gummies-pousse-de-cheveux-pour-maman-madame-la-presidente-chartres-rambouillet">
                                        <h5>Gummies Mama</h5>
                                        <div class="product-price">
                                            23,80 €<span class="old-price third-color-invert">28,00 €</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                                    </div>
                <div class="all-products">
                    <a href="https://www.coiffeur-coloriste-mlb.com/boutique">Découvrir tous nos produits</a>
                </div>
            </div>
            </div>

    <div class="full-title">
        <h5>Des Couleurs <br> & des cheveux</h5>
    </div>

        <div class="product-galleries">
        <div class="row justify-content-center">
                            <div class="col col-12 col-md-6 col-xl-4">
                    <div class="gallery">
                        <div class="gallery-image">
                                                                                        <img src="/caches/uploads/1675960025c77200fa-e315-4811-9199-fb2404d20bec.jpg_450_450.JPG" alt="c77200fa-e315-4811-9199-fb2404d20bec" >
                                                    </div>
                        <div class="gallery-infos">
                            <div class="date">Posté le 15 avril</div>
                            <div class="name">Julia</div>
                        </div>
                    </div>
                </div>

                            <div class="col col-12 col-md-6 col-xl-4">
                    <div class="gallery">
                        <div class="gallery-image">
                                                                                        <img src="/caches/uploads/1629444054image00063.jpg_450_450.jpg" alt="ombré hair, blond ombré, blayage, blond, chartres" >
                                                    </div>
                        <div class="gallery-infos">
                            <div class="date">Posté le 20 août</div>
                            <div class="name">Sophie</div>
                        </div>
                    </div>
                </div>

                            <div class="col col-12 col-md-6 col-xl-4">
                    <div class="gallery">
                        <div class="gallery-image">
                                                                                        <img src="/caches/uploads/1764323457jessica.jpg_450_450.jpg" alt="jessica " >
                                                    </div>
                        <div class="gallery-infos">
                            <div class="date">Posté le 12 juillet</div>
                            <div class="name">Jessica</div>
                        </div>
                    </div>
                </div>

                            <div class="col col-12 col-md-6 col-xl-4">
                    <div class="gallery">
                        <div class="gallery-image">
                                                                                        <img src="/caches/uploads/1764323764avis.webp_450_450.webp" alt="avis" >
                                                    </div>
                        <div class="gallery-infos">
                            <div class="date">Posté le 15 janvier</div>
                            <div class="name">Caro</div>
                        </div>
                    </div>
                </div>

                            <div class="col col-12 col-md-6 col-xl-4">
                    <div class="gallery">
                        <div class="gallery-image">
                                                                                        <img src="/caches/uploads/1764323134avis-carole.webp_450_450.webp" alt="avis mlb coloriste, balayage , chartres , coiffeur , wavy" >
                                                    </div>
                        <div class="gallery-infos">
                            <div class="date">Posté le 28 mai</div>
                            <div class="name">Carole</div>
                        </div>
                    </div>
                </div>

                            <div class="col col-12 col-md-6 col-xl-4">
                    <div class="gallery">
                        <div class="gallery-image">
                                                                                        <img src="/caches/uploads/1764323352avis-delphine.webp_450_450.webp" alt="avis mlb , coiffeur, coloriste, balayage , chartres , rambouillet" >
                                                    </div>
                        <div class="gallery-infos">
                            <div class="date">Posté le 16 février</div>
                            <div class="name">Delphine</div>
                        </div>
                    </div>
                </div>

                    </div>
        <div class="instagram">
            <a href="https://www.instagram.com/coiffeur_coloriste_mlb/" target="_blank">
                Nous suivre sur<br>
                <img src="/img/instagram.png" alt="Instragram">
            </a>
        </div>
    </div>
    
    <div class="full-title">
        <h6>Loin des franchises <br> standardisées...</h6>
    </div>

    <div class="l-container">
                                                                                                                    <div class="concept-container">
                    <div class="row no-gutters">
                                                                                <div class="col col-12 col-md-7">
                                <div class="concept-image">
                                    <img src="/caches/uploads/17315742444.png_700.png" alt="4" class="img-to-background">
                                </div>
                            </div>
                                                                            <div class="col col-12 col-md-5">
                            <div class="concept-infos">
                                <div class="name">Le concept</div>
                                <div class="excerpt">
                                    <span class="star">*</span>
                                    <p>Un lieu paisible
et bienveillant consacré à la tranquillité et
au bien-être</p>
                                </div>
                                <div class="link">
                                    <a href="https://www.coiffeur-coloriste-mlb.com/le-concept">
                                        Tout savoir<br>
                                        sur le concept
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>

</section>
        </div>
        <div class="footer-appointment">
    <div class="appointment-container">
        <div class="appointment">
            <img src="/img/appointment-lt.png" alt="" class="lt">
            <img src="/img/appointment-rt.png" alt="" class="rt">
            <img src="/img/appointment-lb.png" alt="" class="lb">
            <img src="/img/appointment-rb.png" alt="" class="rb">
            <div class="description">
                <div class="title" role="title" aria-level="6">
                    Prendre rendez-vous
                </div>
                <div class="appointment-title">
                    Thé ou café ?
                </div>
                <div class="appointment-description">
                    <p>Un atelier en pleine campagne, hors du stress et de la ville, où le temps semble s’être arrêté et où chaque instant est consacré à la tranquillité et le bien-être.<br>L’atelier est idéalement situé aux portes de Chartres et à quelques kilomètres de l’Ile-de-France.<br></p>
                </div>
                <div class="appointment-link">
                    <a href="https://coiffeurcoloristemlb.kalendes.com" target="_blank" class="jelly">Je prends rendez-vous</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer-socials">
    <div class="l-container">
        <div class="title" role="title" aria-level="6">
            Restons proches
        </div>
        <div class="description">
            
        </div>
    </div>
    <div class="social">
        <div class="links">
                            <a href="https://www.facebook.com/bellanger.marie.laure" target="_blank">
                    <i class="fab fa-facebook-f"></i>
                </a>
                                        <a href="https://www.instagram.com/coiffeur_coloriste_mlb/" target="_blank">
                    <i class="fab fa-instagram"></i>
                </a>
                    </div>
    </div>
</div>

<footer>
    <div class="l-container">
                    <div class="footer-logo">
                <a href="https://www.coiffeur-coloriste-mlb.com">
                    <img src="/storage/website/1696677442black-at-4x.png" alt="BLack@4x">
                </a>
            </div>
                <div class="appointment">
            <div class="link">
                <a href="https://coiffeurcoloristemlb.kalendes.com" target="_blank" class="jelly">Prendre RDV</a>
            </div>
        </div>
        <div class="socials">
            <a href="https://www.facebook.com/bellanger.marie.laure" target="_blank">
        <i class="fab fa-facebook-f"></i>
    </a>
    <a href="https://www.instagram.com/coiffeur_coloriste_mlb/" target="_blank">
        <i class="fab fa-instagram"></i>
    </a>
    <a href="https://www.pinterest.fr/MLBcoiffeurcoloriste/_created/" target="_blank">
        <i class="fab fa-pinterest-p"></i>
    </a>
    <a href="https://www.tiktok.com/@coiffeurcoloristemlb" target="_blank">
        <i class="fab fa-tiktok"></i>
    </a>

        </div>
        <nav class="ecommerce-navigation">
            <ul>
                <li>
                    <a href="https://www.coiffeur-coloriste-mlb.com/client/ma-liste-de-souhait">
                        Whishlist
                    </a>
                </li>
                <li>
                    <a href="#" class="shopping-cart-link">
                        Panier
                    </a>
                </li>
                <li>
                                            <a href="https://www.coiffeur-coloriste-mlb.com/connexion">
                            Mon compte
                        </a>
                                    </li>
                <li>
                    <a href="/contact">
                        Contact
                    </a>
                </li>
            </ul>
        </nav>
        <nav class="footer-navigation" role="navigation">
            <ul><li><a href="https://www.coiffeur-coloriste-mlb.com" class="active">Accueil</a></li><li ><a href="https://www.coiffeur-coloriste-mlb.com/boutique">Les produits</a></li><li><a href="https://www.coiffeur-coloriste-mlb.com/le-concept" >Le concept</a></li><li ><a href="https://www.coiffeur-coloriste-mlb.com/boutique/routines-et-conseils">Les routines & conseils</a></li><li><a href="https://www.coiffeur-coloriste-mlb.com/nos-tarifs" >Nos tarifs</a></li><li><a href="https://www.coiffeur-coloriste-mlb.com/contact" >Contact</a></li></ul>
        </nav>
        <nav class="footer-navigation-sup" role="navigation">
            <ul><li><a href="https://www.coiffeur-coloriste-mlb.com/politique-de-protection-des-donnees-personnelles" >Politique de protection des données personnelles</a></li><li><a href="https://www.coiffeur-coloriste-mlb.com/conditions-generales-de-vente" >Conditions Générales de Ventes</a></li><li><a href="https://www.coiffeur-coloriste-mlb.com/mentions-legales" >Mentions légales</a></li></ul>
        </nav>
        <div class="copyright">
            2026 &copy; MLB - Coloriste
        </div>
    </div>
</footer>

        
        
                                    <div id="popup-7" class="popup-overlay d-none" data-popup-id="7">
    <div class="popup-container popup-premium">
        <button class="popup-close" data-popup-id="7" aria-label="Fermer">
            <i class="fas fa-times"></i>
        </button>
        
                
        <div class="popup-content popup-content-7">
                        
            <div class="popup-text">
                                    <h3 class="popup-title">TON PRIVILÈGE BEAUTÉ : -10% SUR TA PREMIÈRE COMMANDE 🤎</h3>
                                
                                    <div class="popup-description">
                        <p>Profite de -10 % sur ta première commande* avec le code</p><p><strong>welcome10&nbsp;</strong></p><p>Laisse-toi séduire par nos soins d’exception, où la technologie rencontre le bien-être. Tokio Inkarami, Kevin Murphy, Epres, Chillsilk… des marques d’excellence pour des cheveux doux, lumineux et plein de vie. 💫</p><p><strong><em>*hors promos en cours ,valable uniquement sur les produits &amp; valable 1 seule fois&nbsp;</em></strong></p>
                    </div>
                            </div>
            
                    </div>
    </div>
</div>


    <style>
        #popup-7 .popup-container::before {
            background-image: url('https://www.coiffeur-coloriste-mlb.com/caches/uploads/1767625515img-20241211-wa0002.jpg_800_600.jpg') !important;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
    </style>
                    
        <!-- Javascript -->
                <script src="/js/app.js?id=0df63e16559662decaef"></script>

        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        <script>

    var notify = {
        timeout: "5000",
        animatedIn: "bounceInRight",
        animatedOut: "bounceOutRight",
        position: "top-right"
    }

</script>
        <script type="text/javascript" src="https://www.coiffeur-coloriste-mlb.com/vendor/mckenziearts/laravel-notify/js/notify.js"></script>        <script>function startGoogleAnalytics() {(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
                ga('create', 'G-3PNJXZQRK7', 'auto');
                ga('send', 'pageview');}var injectScripts = function injectScripts(){
                if (cookieNoticePro.isPreferenceAccepted("analytics") === true) {
                    startGoogleAnalytics();
                }
            }</script><div class="cookies-rgpd" data-analytics="G-3PNJXZQRK7" data-analytics-title="Google analytics" data-analytics-text="Les cookies analytiques nous permettent de compter les visites et les sources de trafic, afin que nous puissions mesurer et améliorer les performances de notre site. Ils nous aident à savoir quelles pages sont les plus et les moins populaires et à voir comment les visiteurs se déplacent sur le site." data-title="Cookies" data-text="Nous utilisons des cookies pour nous assurer du bon fonctionnement de notre site et de l’ensemble de ses fonctionnalités, à des fins de mesure d’audience.<br>En cliquant sur « Accepter » vous consentez à l’utilisation de ces cookies." data-accept="Accepter" data-page-text="Politique de protection des données personnelles" data-page-link="https://www.coiffeur-coloriste-mlb.com/politique-de-protection-des-donnees-personnelles" data-duration="30" data-position="left" data-width="" data-color-button="#ccb8a6" data-color-text="#000000" data-color-background="#ffffff" 

    </body>
</html>