{"id":2582,"date":"2026-07-15T11:41:53","date_gmt":"2026-07-15T11:41:53","guid":{"rendered":"https:\/\/anim-app.fr\/?page_id=2582"},"modified":"2026-07-18T12:27:17","modified_gmt":"2026-07-18T12:27:17","slug":"creation-de-site-internet","status":"publish","type":"page","link":"https:\/\/anim-app.fr\/","title":{"rendered":"cr\u00e9ation de site internet"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|0px||0px|false|false&#8221; custom_padding=&#8221;||0px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;97%&#8221; max_width=&#8221;2560px&#8221; custom_margin=&#8221;|-32px||0px|false|false&#8221; custom_padding=&#8221;6px|0px||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;91%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;|-35px||0px|false|false&#8221; custom_padding=&#8221;|||8px||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html lang=\"fr\"><!-- [et_pb_line_break_holder] --><head><!-- [et_pb_line_break_holder] -->    <meta charset=\"UTF-8\"><!-- [et_pb_line_break_holder] -->    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <!-- Balises SEO (R\u00e9f\u00e9rencement) --><!-- [et_pb_line_break_holder] -->    <meta name=\"description\" content=\"Cr\u00e9ation de sites internet sur-mesure et web applications pour tous secteurs, avec une sp\u00e9cialit\u00e9 pour le milieu animalier (\u00e9leveurs, \u00e9ducateurs). Services de photographie et cr\u00e9ateur de l'application Kinodog.\"><!-- [et_pb_line_break_holder] -->    <meta name=\"keywords\" content=\"cr\u00e9ation site web, d\u00e9veloppeur web, site internet \u00e9levage canin, webmaster animalier, photographie animali\u00e8re, application Kinodog, Jura, Ain\"><!-- [et_pb_line_break_holder] -->    <meta name=\"author\" content=\"Anim-app\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <title>Cr\u00e9ation de Sites &#038; Photographie Animali\u00e8re | Kinodog<\/title><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* Variables de couleurs *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --primary-orange: #F27D16;<!-- [et_pb_line_break_holder] -->            --primary-teal: #1FBEB6; \/* Vert beaucoup plus clair et moderne (fa\u00e7on App) *\/<!-- [et_pb_line_break_holder] -->            --dark-teal: #095D5B;<!-- [et_pb_line_break_holder] -->            --light-bg: #F4F9F9;<!-- [et_pb_line_break_holder] -->            --text-color: #2C3E50;<!-- [et_pb_line_break_holder] -->            --white: #ffffff;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        * {<!-- [et_pb_line_break_holder] -->            margin: 0;<!-- [et_pb_line_break_holder] -->            padding: 0;<!-- [et_pb_line_break_holder] -->            box-sizing: border-box;<!-- [et_pb_line_break_holder] -->            font-family: 'Poppins', sans-serif;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        html {<!-- [et_pb_line_break_holder] -->            scroll-behavior: smooth; \/* Animation de d\u00e9filement fluide *\/<!-- [et_pb_line_break_holder] -->            overflow-x: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        body {<!-- [et_pb_line_break_holder] -->            color: var(--text-color);<!-- [et_pb_line_break_holder] -->            background-color: var(--white);<!-- [et_pb_line_break_holder] -->            line-height: 1.6;<!-- [et_pb_line_break_holder] -->            overflow-x: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* En-t\u00eate Fixe *\/<!-- [et_pb_line_break_holder] -->        header {<!-- [et_pb_line_break_holder] -->            background-color: rgba(255, 255, 255, 0.95);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(10px);<!-- [et_pb_line_break_holder] -->            padding: 15px 5%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: space-between;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 15px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->            position: sticky;<!-- [et_pb_line_break_holder] -->            top: 0;<!-- [et_pb_line_break_holder] -->            z-index: 1000;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .logo img {<!-- [et_pb_line_break_holder] -->            max-height: 50px;<!-- [et_pb_line_break_holder] -->            width: auto;<!-- [et_pb_line_break_holder] -->            object-fit: contain;<!-- [et_pb_line_break_holder] -->            transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .logo img:hover {<!-- [et_pb_line_break_holder] -->            transform: scale(1.05);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        nav {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            gap: 25px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        nav a {<!-- [et_pb_line_break_holder] -->            text-decoration: none;<!-- [et_pb_line_break_holder] -->            color: var(--text-color);<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            padding: 5px 0;<!-- [et_pb_line_break_holder] -->            transition: color 0.3s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        nav a:hover {<!-- [et_pb_line_break_holder] -->            color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Soulignement anim\u00e9 sous les liens du menu *\/<!-- [et_pb_line_break_holder] -->        nav a::after {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            bottom: 0;<!-- [et_pb_line_break_holder] -->            left: 0;<!-- [et_pb_line_break_holder] -->            width: 0%;<!-- [et_pb_line_break_holder] -->            height: 2px;<!-- [et_pb_line_break_holder] -->            background-color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->            transition: width 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        nav a:hover::after {<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Boutons avec animation *\/<!-- [et_pb_line_break_holder] -->        .btn {<!-- [et_pb_line_break_holder] -->            display: inline-block;<!-- [et_pb_line_break_holder] -->            background-color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->            padding: 15px 35px;<!-- [et_pb_line_break_holder] -->            text-decoration: none;<!-- [et_pb_line_break_holder] -->            border-radius: 50px;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 15px rgba(242, 125, 22, 0.3);<!-- [et_pb_line_break_holder] -->            transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->            border: 2px solid var(--primary-orange);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .btn:hover {<!-- [et_pb_line_break_holder] -->            background-color: transparent;<!-- [et_pb_line_break_holder] -->            color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->            transform: translateY(-3px);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 6px 20px rgba(242, 125, 22, 0.4);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .btn-teal {<!-- [et_pb_line_break_holder] -->            background-color: var(--primary-teal);<!-- [et_pb_line_break_holder] -->            border-color: var(--primary-teal);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 15px rgba(14, 135, 132, 0.3);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .btn-teal:hover {<!-- [et_pb_line_break_holder] -->            color: var(--primary-teal);<!-- [et_pb_line_break_holder] -->            background-color: transparent;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 6px 20px rgba(14, 135, 132, 0.4);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Sections pleine largeur *\/<!-- [et_pb_line_break_holder] -->        section {<!-- [et_pb_line_break_holder] -->            padding: 100px 5%;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Animation de flottement pour les images *\/<!-- [et_pb_line_break_holder] -->        @keyframes floating {<!-- [et_pb_line_break_holder] -->            0% { transform: translateY(0px); }<!-- [et_pb_line_break_holder] -->            50% { transform: translateY(-15px); }<!-- [et_pb_line_break_holder] -->            100% { transform: translateY(0px); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Classes d'apparition au scroll (g\u00e9r\u00e9es par JavaScript en bas) *\/<!-- [et_pb_line_break_holder] -->        .reveal {<!-- [et_pb_line_break_holder] -->            opacity: 0;<!-- [et_pb_line_break_holder] -->            transform: translateY(50px);<!-- [et_pb_line_break_holder] -->            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .reveal.active {<!-- [et_pb_line_break_holder] -->            opacity: 1;<!-- [et_pb_line_break_holder] -->            transform: translateY(0);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Section Hero (Pr\u00e9sentation) *\/<!-- [et_pb_line_break_holder] -->        .hero {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: space-between;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, var(--light-bg) 0%, #ffffff 100%);<!-- [et_pb_line_break_holder] -->            flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->            min-height: 90vh;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .hero-text {<!-- [et_pb_line_break_holder] -->            flex: 1;<!-- [et_pb_line_break_holder] -->            min-width: 300px;<!-- [et_pb_line_break_holder] -->            padding-right: 5%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .hero-text h1 {<!-- [et_pb_line_break_holder] -->            font-size: 3.5rem;<!-- [et_pb_line_break_holder] -->            line-height: 1.2;<!-- [et_pb_line_break_holder] -->            margin-bottom: 25px;<!-- [et_pb_line_break_holder] -->            \/* Animation du texte en d\u00e9grad\u00e9 *\/<!-- [et_pb_line_break_holder] -->            background: linear-gradient(90deg, var(--primary-teal), var(--primary-orange), var(--primary-teal));<!-- [et_pb_line_break_holder] -->            background-size: 200% auto;<!-- [et_pb_line_break_holder] -->            color: transparent;<!-- [et_pb_line_break_holder] -->            -webkit-background-clip: text;<!-- [et_pb_line_break_holder] -->            background-clip: text;<!-- [et_pb_line_break_holder] -->            animation: gradient-text 5s linear infinite;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @keyframes gradient-text {<!-- [et_pb_line_break_holder] -->            0% { background-position: 0% center; }<!-- [et_pb_line_break_holder] -->            100% { background-position: 200% center; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .hero-text p {<!-- [et_pb_line_break_holder] -->            font-size: 1.15rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 25px;<!-- [et_pb_line_break_holder] -->            color: #555;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .hero-image {<!-- [et_pb_line_break_holder] -->            flex: 1;<!-- [et_pb_line_break_holder] -->            min-width: 300px;<!-- [et_pb_line_break_holder] -->            text-align: right;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .hero-image img {<!-- [et_pb_line_break_holder] -->            width: 90%;<!-- [et_pb_line_break_holder] -->            max-width: 600px;<!-- [et_pb_line_break_holder] -->            border-radius: 20px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 20px 40px rgba(0,0,0,0.15);<!-- [et_pb_line_break_holder] -->            animation: floating 6s ease-in-out infinite; \/* L'image flotte doucement *\/<!-- [et_pb_line_break_holder] -->            border: 5px solid var(--white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Section Kinodog *\/<!-- [et_pb_line_break_holder] -->        .kinodog-section {<!-- [et_pb_line_break_holder] -->            background-color: var(--dark-teal);<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            gap: 5%;<!-- [et_pb_line_break_holder] -->            flex-wrap: wrap-reverse;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            padding: 120px 5%; \/* Marges augment\u00e9es pour la bo\u00eete verte *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Motif d\u00e9coratif en fond *\/<!-- [et_pb_line_break_holder] -->        .kinodog-section::before {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: -50px;<!-- [et_pb_line_break_holder] -->            right: -50px;<!-- [et_pb_line_break_holder] -->            width: 300px;<!-- [et_pb_line_break_holder] -->            height: 300px;<!-- [et_pb_line_break_holder] -->            background-color: rgba(255,255,255,0.05);<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .kinodog-content {<!-- [et_pb_line_break_holder] -->            flex: 1;<!-- [et_pb_line_break_holder] -->            min-width: 300px;<!-- [et_pb_line_break_holder] -->            max-width: 600px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .kinodog-content h2 {<!-- [et_pb_line_break_holder] -->            font-size: 2.8rem;<!-- [et_pb_line_break_holder] -->            color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->            margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .kinodog-content p {<!-- [et_pb_line_break_holder] -->            font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->            color: #e0e0e0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .kinodog-logo-container {<!-- [et_pb_line_break_holder] -->            flex: 1;<!-- [et_pb_line_break_holder] -->            min-width: 300px;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .kinodog-logo-container img {<!-- [et_pb_line_break_holder] -->            max-width: 350px;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            height: auto;<!-- [et_pb_line_break_holder] -->            object-fit: contain;<!-- [et_pb_line_break_holder] -->            filter: drop-shadow(0 15px 25px rgba(0,0,0,0.3));<!-- [et_pb_line_break_holder] -->            transition: transform 0.5s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .kinodog-logo-container img:hover {<!-- [et_pb_line_break_holder] -->            transform: scale(1.05) rotate(2deg);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Section Services & Tarifs *\/<!-- [et_pb_line_break_holder] -->        .services {<!-- [et_pb_line_break_holder] -->            background-color: var(--white);<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .section-title {<!-- [et_pb_line_break_holder] -->            color: var(--primary-teal);<!-- [et_pb_line_break_holder] -->            font-size: 2.5rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 60px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            display: inline-block;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .section-title::after {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            bottom: -15px;<!-- [et_pb_line_break_holder] -->            left: 50%;<!-- [et_pb_line_break_holder] -->            transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->            width: 60px;<!-- [et_pb_line_break_holder] -->            height: 4px;<!-- [et_pb_line_break_holder] -->            background-color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->            border-radius: 2px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cards-container {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); \/* R\u00e9duction pour \u00e9viter le d\u00e9calage *\/<!-- [et_pb_line_break_holder] -->            gap: 40px;<!-- [et_pb_line_break_holder] -->            max-width: 1400px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .card {<!-- [et_pb_line_break_holder] -->            background: var(--white);<!-- [et_pb_line_break_holder] -->            border-radius: 20px;<!-- [et_pb_line_break_holder] -->            padding: 40px 30px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 30px rgba(0,0,0,0.08);<!-- [et_pb_line_break_holder] -->            transition: all 0.4s ease;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            border: 1px solid #f0f0f0;<!-- [et_pb_line_break_holder] -->            z-index: 1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Ligne de couleur en haut de la carte *\/<!-- [et_pb_line_break_holder] -->        .card::before {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: 0;<!-- [et_pb_line_break_holder] -->            left: 0;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            height: 5px;<!-- [et_pb_line_break_holder] -->            background: var(--primary-teal);<!-- [et_pb_line_break_holder] -->            transition: background 0.4s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-15px);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 20px 40px rgba(14, 135, 132, 0.15);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .card:hover::before {<!-- [et_pb_line_break_holder] -->            background: var(--primary-orange);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .card h3 {<!-- [et_pb_line_break_holder] -->            color: var(--text-color);<!-- [et_pb_line_break_holder] -->            font-size: 1.5rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->            height: 60px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .price {<!-- [et_pb_line_break_holder] -->            font-size: 2rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->            margin: 20px 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .price span {<!-- [et_pb_line_break_holder] -->            font-size: 1rem;<!-- [et_pb_line_break_holder] -->            color: #888;<!-- [et_pb_line_break_holder] -->            font-weight: 400;<!-- [et_pb_line_break_holder] -->            display: block;<!-- [et_pb_line_break_holder] -->            margin-top: 5px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Section Portfolio *\/<!-- [et_pb_line_break_holder] -->        .portfolio {<!-- [et_pb_line_break_holder] -->            background-color: var(--light-bg);<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .portfolio-grid {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            gap: 30px;<!-- [et_pb_line_break_holder] -->            flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->            max-width: 1200px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .portfolio-item {<!-- [et_pb_line_break_holder] -->            background: var(--white);<!-- [et_pb_line_break_holder] -->            padding: 30px;<!-- [et_pb_line_break_holder] -->            border-radius: 15px;<!-- [et_pb_line_break_holder] -->            width: calc(50% - 30px);<!-- [et_pb_line_break_holder] -->            min-width: 280px; \/* R\u00e9duction pour \u00e9viter le d\u00e9calage *\/<!-- [et_pb_line_break_holder] -->            box-shadow: 0 5px 20px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->            text-decoration: none;<!-- [et_pb_line_break_holder] -->            color: var(--text-color);<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            transition: all 0.4s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .portfolio-item::after {<!-- [et_pb_line_break_holder] -->            content: '\u2197';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: 20px;<!-- [et_pb_line_break_holder] -->            right: 20px;<!-- [et_pb_line_break_holder] -->            font-size: 1.5rem;<!-- [et_pb_line_break_holder] -->            color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->            opacity: 0;<!-- [et_pb_line_break_holder] -->            transform: translate(-10px, 10px);<!-- [et_pb_line_break_holder] -->            transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .portfolio-item:hover {<!-- [et_pb_line_break_holder] -->            background-color: var(--primary-teal);<!-- [et_pb_line_break_holder] -->            transform: scale(1.02);<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .portfolio-item:hover h3, <!-- [et_pb_line_break_holder] -->        .portfolio-item:hover p {<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .portfolio-item:hover::after {<!-- [et_pb_line_break_holder] -->            opacity: 1;<!-- [et_pb_line_break_holder] -->            transform: translate(0, 0);<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .portfolio-item h3 {<!-- [et_pb_line_break_holder] -->            font-size: 1.4rem;<!-- [et_pb_line_break_holder] -->            color: var(--primary-teal);<!-- [et_pb_line_break_holder] -->            margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->            transition: color 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .portfolio-item p {<!-- [et_pb_line_break_holder] -->            color: #666;<!-- [et_pb_line_break_holder] -->            transition: color 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Footer *\/<!-- [et_pb_line_break_holder] -->        footer {<!-- [et_pb_line_break_holder] -->            background-color: #1A252C;<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            padding: 80px 5% 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        footer h2 {<!-- [et_pb_line_break_holder] -->            font-size: 2.5rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        footer p {<!-- [et_pb_line_break_holder] -->            font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->            color: #aaa;<!-- [et_pb_line_break_holder] -->            margin-bottom: 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .copyright {<!-- [et_pb_line_break_holder] -->            margin-top: 60px;<!-- [et_pb_line_break_holder] -->            padding-top: 20px;<!-- [et_pb_line_break_holder] -->            border-top: 1px solid rgba(255,255,255,0.1);<!-- [et_pb_line_break_holder] -->            font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->            color: #777;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 10px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .legal-link {<!-- [et_pb_line_break_holder] -->            color: #aaa;<!-- [et_pb_line_break_holder] -->            text-decoration: none;<!-- [et_pb_line_break_holder] -->            transition: color 0.3s ease;<!-- [et_pb_line_break_holder] -->            font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .legal-link:hover {<!-- [et_pb_line_break_holder] -->            color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .contact-methods {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            gap: 20px;<!-- [et_pb_line_break_holder] -->            flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->            margin: 30px 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .btn-whatsapp {<!-- [et_pb_line_break_holder] -->            background-color: #25D366;<!-- [et_pb_line_break_holder] -->            border-color: #25D366;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .btn-whatsapp:hover {<!-- [et_pb_line_break_holder] -->            background-color: transparent;<!-- [et_pb_line_break_holder] -->            color: #25D366;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .social-links {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            gap: 20px;<!-- [et_pb_line_break_holder] -->            margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .social-links a {<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->            background-color: rgba(255, 255, 255, 0.1);<!-- [et_pb_line_break_holder] -->            width: 50px;<!-- [et_pb_line_break_holder] -->            height: 50px;<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->            text-decoration: none;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .social-links a:hover {<!-- [et_pb_line_break_holder] -->            background-color: var(--primary-orange);<!-- [et_pb_line_break_holder] -->            transform: translateY(-5px);<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .social-links svg {<!-- [et_pb_line_break_holder] -->            width: 22px;<!-- [et_pb_line_break_holder] -->            height: 22px;<!-- [et_pb_line_break_holder] -->            fill: currentColor;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- NOUVEAU MENU FA\u00c7ON APPLICATION --- *\/<!-- [et_pb_line_break_holder] -->        .menu-btn {<!-- [et_pb_line_break_holder] -->            background: none;<!-- [et_pb_line_break_holder] -->            border: none;<!-- [et_pb_line_break_holder] -->            cursor: pointer;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 6px;<!-- [et_pb_line_break_holder] -->            padding: 10px;<!-- [et_pb_line_break_holder] -->            z-index: 2600; \/* Doit passer par-dessus le menu *\/<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .menu-btn span {<!-- [et_pb_line_break_holder] -->            display: block;<!-- [et_pb_line_break_holder] -->            width: 35px;<!-- [et_pb_line_break_holder] -->            height: 4px;<!-- [et_pb_line_break_holder] -->            background-color: var(--primary-teal);<!-- [et_pb_line_break_holder] -->            border-radius: 4px;<!-- [et_pb_line_break_holder] -->            transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        \/* Animation du bouton quand il est ouvert (croix) *\/<!-- [et_pb_line_break_holder] -->        .menu-btn.active span:nth-child(1) {<!-- [et_pb_line_break_holder] -->            transform: translateY(10px) rotate(45deg);<!-- [et_pb_line_break_holder] -->            background-color: var(--white); \/* Devient blanc sur le fond vert *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .menu-btn.active span:nth-child(2) {<!-- [et_pb_line_break_holder] -->            opacity: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .menu-btn.active span:nth-child(3) {<!-- [et_pb_line_break_holder] -->            transform: translateY(-10px) rotate(-45deg);<!-- [et_pb_line_break_holder] -->            background-color: var(--white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .app-menu-overlay {<!-- [et_pb_line_break_holder] -->            position: fixed;<!-- [et_pb_line_break_holder] -->            top: 0;<!-- [et_pb_line_break_holder] -->            right: -100%; \/* Cach\u00e9 sur la droite par d\u00e9faut *\/<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            height: 100vh;<!-- [et_pb_line_break_holder] -->            \/* Beau d\u00e9grad\u00e9 avec ton vert plus clair *\/<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, var(--primary-teal) 0%, var(--dark-teal) 100%);<!-- [et_pb_line_break_holder] -->            z-index: 2500;<!-- [et_pb_line_break_holder] -->            transition: right 0.5s cubic-bezier(0.77, 0, 0.175, 1);<!-- [et_pb_line_break_holder] -->            overflow-y: auto;<!-- [et_pb_line_break_holder] -->            padding: 100px 5% 60px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .app-menu-overlay.active {<!-- [et_pb_line_break_holder] -->            right: 0; \/* Appara\u00eet en glissant *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .menu-grid {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); \/* Grille fa\u00e7on smartphone *\/<!-- [et_pb_line_break_holder] -->            gap: 15px;<!-- [et_pb_line_break_holder] -->            max-width: 900px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .menu-item {<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.15); \/* Effet verre (Glassmorphism) *\/<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(10px);<!-- [et_pb_line_break_holder] -->            -webkit-backdrop-filter: blur(10px);<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.2);<!-- [et_pb_line_break_holder] -->            border-radius: 20px;<!-- [et_pb_line_break_holder] -->            padding: 20px 10px;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            text-decoration: none;<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 12px;<!-- [et_pb_line_break_holder] -->            transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .menu-item:hover, .menu-item:active {<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.3);<!-- [et_pb_line_break_holder] -->            transform: translateY(-5px);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .menu-item-icon {<!-- [et_pb_line_break_holder] -->            font-size: 2.5rem;<!-- [et_pb_line_break_holder] -->            filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .menu-item-text {<!-- [et_pb_line_break_holder] -->            font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            line-height: 1.3;<!-- [et_pb_line_break_holder] -->            text-shadow: 0 2px 4px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .menu-title {<!-- [et_pb_line_break_holder] -->            color: var(--white);<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            margin-bottom: 40px;<!-- [et_pb_line_break_holder] -->            font-size: 2.2rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            text-shadow: 0 4px 10px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Responsive Design - OPTIMIS\u00c9 POUR MOBILE *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 992px) {<!-- [et_pb_line_break_holder] -->            .hero { flex-direction: column; text-align: center; } \/* Force la photo \u00e0 aller en dessous *\/<!-- [et_pb_line_break_holder] -->            .hero-text { padding-right: 0; width: 100%; margin-bottom: 60px; } \/* Ajoute un gros espace en dessous du bouton *\/<!-- [et_pb_line_break_holder] -->            .hero h1 { font-size: 2.8rem; }<!-- [et_pb_line_break_holder] -->            .hero-image { width: 100%; margin-top: 0; }<!-- [et_pb_line_break_holder] -->            .hero-image img { width: 100%; max-width: 500px; }<!-- [et_pb_line_break_holder] -->            .kinodog-section { <!-- [et_pb_line_break_holder] -->                text-align: center; <!-- [et_pb_line_break_holder] -->                flex-direction: column; <!-- [et_pb_line_break_holder] -->                padding: 80px 5%; \/* Marges augment\u00e9es pour la bo\u00eete verte *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .kinodog-content {<!-- [et_pb_line_break_holder] -->                margin-top: 40px; <!-- [et_pb_line_break_holder] -->                width: 100%;<!-- [et_pb_line_break_holder] -->                min-width: 0; \/* Emp\u00eache le d\u00e9bordement *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .kinodog-logo-container {<!-- [et_pb_line_break_holder] -->                width: 100%;<!-- [et_pb_line_break_holder] -->                min-width: 0;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .portfolio-item { width: 100%; min-width: 0; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            \/* En-t\u00eate *\/<!-- [et_pb_line_break_holder] -->            header { <!-- [et_pb_line_break_holder] -->                flex-direction: column; <!-- [et_pb_line_break_holder] -->                gap: 15px; <!-- [et_pb_line_break_holder] -->                padding: 15px; <!-- [et_pb_line_break_holder] -->                position: relative; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .logo img { max-height: 40px; } <!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            nav { <!-- [et_pb_line_break_holder] -->                flex-wrap: wrap; <!-- [et_pb_line_break_holder] -->                justify-content: center; <!-- [et_pb_line_break_holder] -->                gap: 15px; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            nav a { font-size: 0.9rem; } <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Sections g\u00e9n\u00e9rales *\/<!-- [et_pb_line_break_holder] -->            section { padding: 60px 20px; } \/* Marge fixe de 20px au lieu de % pour \u00e9viter les bugs *\/<!-- [et_pb_line_break_holder] -->            .section-title { font-size: 2rem; margin-bottom: 40px; } <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Hero *\/<!-- [et_pb_line_break_holder] -->            .hero { <!-- [et_pb_line_break_holder] -->                padding: 40px 20px; <!-- [et_pb_line_break_holder] -->                text-align: center; <!-- [et_pb_line_break_holder] -->                min-height: auto; <!-- [et_pb_line_break_holder] -->                flex-direction: column;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .hero-text { padding-right: 0; width: 100%; min-width: 0; margin-bottom: 60px; } \/* \u00c9loigne la photo du texte\/bouton *\/<!-- [et_pb_line_break_holder] -->            .hero-text h1 { font-size: 2.2rem; } <!-- [et_pb_line_break_holder] -->            .hero-text p { font-size: 1rem; }<!-- [et_pb_line_break_holder] -->            .hero-image { text-align: center; margin-top: 0; width: 100%; min-width: 0; }<!-- [et_pb_line_break_holder] -->            .hero-image img { border-width: 3px; } <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Kinodog *\/<!-- [et_pb_line_break_holder] -->            .kinodog-section { padding: 60px 20px; }<!-- [et_pb_line_break_holder] -->            .kinodog-content h2 { font-size: 2rem; }<!-- [et_pb_line_break_holder] -->            .kinodog-logo-container img { max-width: 250px; margin: 0 auto; } <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Services (CORRECTION DU D\u00c9CALAGE \u00c0 DROITE) *\/<!-- [et_pb_line_break_holder] -->            .cards-container {<!-- [et_pb_line_break_holder] -->                grid-template-columns: 1fr; \/* Force 1 seule colonne sur mobile, aucune largeur fixe *\/<!-- [et_pb_line_break_holder] -->                gap: 25px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Boutons *\/<!-- [et_pb_line_break_holder] -->            .btn { <!-- [et_pb_line_break_holder] -->                padding: 12px 25px; <!-- [et_pb_line_break_holder] -->                font-size: 0.95rem; <!-- [et_pb_line_break_holder] -->                width: 100%; <!-- [et_pb_line_break_holder] -->                box-sizing: border-box; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .kinodog-content .btn { width: 100%; display: block; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Footer *\/<!-- [et_pb_line_break_holder] -->            footer { padding: 60px 20px 30px; }<!-- [et_pb_line_break_holder] -->            footer h2 { font-size: 2rem; }<!-- [et_pb_line_break_holder] -->            .contact-methods { flex-direction: column; gap: 15px; } <!-- [et_pb_line_break_holder] -->            .contact-methods .btn { width: 100%; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Optimisation pour les tr\u00e8s petits \u00e9crans (ex: iPhone SE) *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 400px) {<!-- [et_pb_line_break_holder] -->            .hero-text h1 { font-size: 1.8rem; }<!-- [et_pb_line_break_holder] -->            .section-title { font-size: 1.8rem; }<!-- [et_pb_line_break_holder] -->            .kinodog-content h2 { font-size: 1.8rem; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- EN-T\u00caTE STYLE APPLICATION --><!-- [et_pb_line_break_holder] -->    <\/p>\n<header style=\"background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 15px 5%; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 2000; width: 100%;\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"logo\"><!-- [et_pb_line_break_holder] -->            <!-- Lien vers le haut de page --><!-- [et_pb_line_break_holder] -->            <a href=\"#\"><img width=\"1254\" height=\"1254\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjU0IiBoZWlnaHQ9IjEyNTQiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVlcz0icmdiYSgxNTMsMTUzLDE1MywwLjUpO3JnYmEoMTUzLDE1MywxNTMsMC4xKTtyZ2JhKDE1MywxNTMsMTUzLDAuNSkiIGR1cj0iMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcmVjdD48L3N2Zz4=\" alt=\"Logo Anim-app\" style=\"max-height: 45px;\" data-public-id=\"file_00000000abf47246b9549be0d64b0005\/file_00000000abf47246b9549be0d64b0005.png\" class=\"wp-post-2582 wp-image-2579\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1784114621\" data-seo=\"1\" data-responsive=\"1\" data-size=\"1254 1254\" data-delivery=\"upload\" onload=\";window.CLDBind?CLDBind(this):null;\" data-cloudinary=\"lazy\" \/><\/a><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <!-- Bouton Hamburger --><!-- [et_pb_line_break_holder] -->        <button class=\"menu-btn\" id=\"menu-toggle\" aria-label=\"Ouvrir le menu\"><!-- [et_pb_line_break_holder] -->            <span><\/span><!-- [et_pb_line_break_holder] -->            <span><\/span><!-- [et_pb_line_break_holder] -->            <span><\/span><!-- [et_pb_line_break_holder] -->        <\/button><!-- [et_pb_line_break_holder] -->    <\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- MENU OVERLAY PLEIN \u00c9CRAN (Fa\u00e7on Dashboard App) --><!-- [et_pb_line_break_holder] -->    <\/p>\n<nav class=\"app-menu-overlay\" id=\"app-menu\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2 class=\"menu-title\">L&#8217;Univers Kinodog<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"menu-grid\"><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-carnet-deducation\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83d\udcd6<\/span><span class=\"menu-item-text\">Carnet d&#8217;\u00e9ducation<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-prendre-soins-de-son-chien\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83d\udec1<\/span><span class=\"menu-item-text\">Prendre soin<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-bibliothequedaliments\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83e\udd69<\/span><span class=\"menu-item-text\">Aliments<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-ideerecettetapisdelechage\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83e\udd63<\/span><span class=\"menu-item-text\">Recettes tapis<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kynodogapp-scaner-de-plante-toxique\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83c\udf3f<\/span><span class=\"menu-item-text\">Plantes toxiques<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-calculateur-de-ration-2\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\u2696\ufe0f<\/span><span class=\"menu-item-text\">Calculateur ration<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-menu-bibliotheque\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83d\udcda<\/span><span class=\"menu-item-text\">Biblioth\u00e8que<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-jeux\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83c\udfbe<\/span><span class=\"menu-item-text\">Jeux<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-quiz\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\u2753<\/span><span class=\"menu-item-text\">Quiz<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-disciplinescanine\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83c\udfc6<\/span><span class=\"menu-item-text\">Disciplines<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-balades-entre-copains\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83e\uddae<\/span><span class=\"menu-item-text\">Balades copains<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-do-app-plages-lacs-accessibles\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83c\udfd6\ufe0f<\/span><span class=\"menu-item-text\">Plages &#038; Lacs<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-concour\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83c\udfc5<\/span><span class=\"menu-item-text\">Concours<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-annonces-chiots\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83d\udc36<\/span><span class=\"menu-item-text\">Annonces chiots<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-accueillirunchiensdassociation\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83e\udd1d<\/span><span class=\"menu-item-text\">Associations<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-app-sos\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83d\udea8<\/span><span class=\"menu-item-text\">S.O.S Urgences<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/kyno-dog-formation\/\" class=\"menu-item\"><span class=\"menu-item-icon\">\ud83c\udf93<\/span><span class=\"menu-item-text\">Formations<\/span><\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/creation-de-site-internet-pour-metier-du-monde-canin-et-felin\/\" class=\"menu-item\" style=\"background: rgba(242, 125, 22, 0.9); border: 1px solid var(--primary-orange);\"><span class=\"menu-item-icon\">\ud83d\udcbb<\/span><span class=\"menu-item-text\">Cr\u00e9ation Site Web<\/span><\/a><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/nav>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"hero reveal active\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"hero-text\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h1>Des sites web pens\u00e9s par une \u00e9leveuse, pour les passionn\u00e9s d&#8217;animaux.<\/h1>\n<p><!-- [et_pb_line_break_holder] -->            <pee><strong>Cr\u00e9ation de sites internet sur-mesure, web applications et photographies.<\/strong><\/pee><!-- [et_pb_line_break_holder] -->            <pee>Aujourd&#8217;hui, une simple page sur les r\u00e9seaux sociaux ne suffit plus. Votre site internet est votre <strong>v\u00e9ritable vitrine professionnelle<\/strong>. Lorsqu&#8217;une famille recherche un chiot \u00e0 adopter, un \u00e9ducateur ou un toiletteur sur Google, votre site est leur premi\u00e8re approche : c&#8217;est lui qui doit inspirer confiance et prouver votre s\u00e9rieux face \u00e0 la concurrence.<\/pee><!-- [et_pb_line_break_holder] -->            <pee>\u00c9leveurs, pensions canines, toiletteurs, \u00e9ducateurs ou m\u00eame entrepreneurs d&#8217;autres horizons : je cr\u00e9e des sites performants pour mettre en valeur votre passion. Pourquoi me choisir ? <strong>Je suis moi-m\u00eame \u00e9leveuse canine.<\/strong> Je comprends vos contraintes, votre quotidien, et ce que vos futurs clients ont besoin de voir, bien mieux qu&#8217;un d\u00e9veloppeur classique.<\/pee><!-- [et_pb_line_break_holder] -->            <a href=\"#contact\" class=\"btn\">Demander un devis gratuit<\/a><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"hero-image\"><!-- [et_pb_line_break_holder] -->            <img width=\"2048\" height=\"1852\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDQ4IiBoZWlnaHQ9IjE4NTIiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVlcz0icmdiYSgxNTMsMTUzLDE1MywwLjUpO3JnYmEoMTUzLDE1MywxNTMsMC4xKTtyZ2JhKDE1MywxNTMsMTUzLDAuNSkiIGR1cj0iMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcmVjdD48L3N2Zz4=\" alt=\"Photo de profil \u00e9leveuse et chien\" data-public-id=\"25-NABS4339-2048x1852-1\/25-NABS4339-2048x1852-1.jpg\" class=\"wp-post-2582 wp-image-2584\" data-format=\"jpg\" data-transformations=\"f_auto,q_auto\" data-version=\"1784115259\" data-seo=\"1\" data-responsive=\"1\" data-size=\"2048 1852\" data-delivery=\"upload\" onload=\";window.CLDBind?CLDBind(this):null;\" data-cloudinary=\"lazy\" \/><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section id=\"services\" class=\"services reveal\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2 class=\"section-title\">Mes Services &#038; Tarifs<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cards-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Cr\u00e9ation de Site Internet &#038; Web App<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Cr\u00e9ation de site vitrine complet, sur-mesure ou web application pour pr\u00e9senter votre \u00e9levage, votre activit\u00e9 ou vos services avec un design moderne. <strong>R\u00e9f\u00e9rencement naturel (SEO) inclus.<\/strong><\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"price\">850 \u20ac \u00e0 2000 \u20ac<!-- [et_pb_line_break_holder] -->                    <span>(Sur devis d\u00e9taill\u00e9 selon vos besoins)<\/span><!-- [et_pb_line_break_holder] -->                    <span style=\"display: inline-block; margin-top: 15px; font-weight: 600; color: var(--primary-teal); background: rgba(14, 135, 132, 0.1); padding: 8px 15px; border-radius: 8px; font-size: 0.95rem;\">\ud83d\udcb3 Paiement en 4x possible<\/span><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section id=\"portfolio\" class=\"portfolio reveal\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2 class=\"section-title\">Ils m&#8217;ont fait confiance<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"portfolio-grid\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/alliancedesamisdupomsky.com\/\" target=\"_blank\" class=\"portfolio-item\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Alliance des amis du Pomsky<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Club officiel de race Pomsky<\/pee><!-- [et_pb_line_break_holder] -->            <\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/oflittlebluestars.fr\/\" target=\"_blank\" class=\"portfolio-item\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>Of Little Blue Stars<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Site vitrine &#8211; \u00c9levage canin<\/pee><!-- [et_pb_line_break_holder] -->            <\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/worldofbully.fr\/\" target=\"_blank\" class=\"portfolio-item\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>World of Bully<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>\u00c9levage d&#8217;American Bully XL<\/pee><!-- [et_pb_line_break_holder] -->            <\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<footer id=\"contact\" class=\"reveal\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Pr\u00eat \u00e0 donner vie \u00e0 votre projet ?<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Contactez-moi pour discuter de votre projet de site internet ou d&#8217;application web.<\/pee><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"contact-methods\"><!-- [et_pb_line_break_holder] -->            <a href=\"mailto:kynodogapp@gmail.com\" class=\"btn\">M&#8217;envoyer un e-mail<\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/wa.me\/33788899392\" target=\"_blank\" class=\"btn btn-whatsapp\">Me contacter sur WhatsApp<\/a><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"social-links\"><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/www.facebook.com\/profile.php?id=61588402764071\" target=\"_blank\" aria-label=\"Facebook Kynodog\"><!-- [et_pb_line_break_holder] -->                <!-- Icone Facebook --><!-- [et_pb_line_break_holder] -->                <svg viewBox=\"0 0 320 512\"><path d=\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"\/><\/svg><!-- [et_pb_line_break_holder] -->            <\/a><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/www.tiktok.com\/@kynodogapp?_r=1&#038;_t=ZN-983KofnjXV8\" target=\"_blank\" aria-label=\"TikTok Kynodog\"><!-- [et_pb_line_break_holder] -->                <!-- Icone TikTok --><!-- [et_pb_line_break_holder] -->                <svg viewBox=\"0 0 448 512\"><path d=\"M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z\"\/><\/svg><!-- [et_pb_line_break_holder] -->            <\/a><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"copyright\"><!-- [et_pb_line_break_holder] -->            <pee>\u00a9 2026 Anim-app \/ Kinodog &#8211; Tous droits r\u00e9serv\u00e9s. Cr\u00e9\u00e9 par une passionn\u00e9e, pour les passionn\u00e9s.<\/pee><!-- [et_pb_line_break_holder] -->            <a href=\"https:\/\/anim-app.fr\/index.php\/privacy-policy\/\" target=\"_blank\" class=\"legal-link\">Politique de confidentialit\u00e9 &#038; CGV<\/a><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/footer>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- Script pour l'animation d'apparition au d\u00e9filement (Scroll Reveal) --><!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->        document.addEventListener('DOMContentLoaded', function() {<!-- [et_pb_line_break_holder] -->            \/\/ Options pour l'observateur<!-- [et_pb_line_break_holder] -->            const options = {<!-- [et_pb_line_break_holder] -->                root: null,<!-- [et_pb_line_break_holder] -->                rootMargin: '0px',<!-- [et_pb_line_break_holder] -->                threshold: 0.15 \/\/ L'animation se d\u00e9clenche quand 15% de la section est visible<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Fonction qui ajoute la classe 'active' pour lancer l'animation CSS<!-- [et_pb_line_break_holder] -->            const observer = new IntersectionObserver(function(entries, observer) {<!-- [et_pb_line_break_holder] -->                entries.forEach(entry => {<!-- [et_pb_line_break_holder] -->                    if (entry.isIntersecting) {<!-- [et_pb_line_break_holder] -->                        entry.target.classList.add('active');<!-- [et_pb_line_break_holder] -->                        observer.unobserve(entry.target); \/\/ On arr\u00eate d'observer une fois affich\u00e9<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            }, options);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ On cible tous les \u00e9l\u00e9ments avec la classe 'reveal'<!-- [et_pb_line_break_holder] -->        const targets = document.querySelectorAll('.reveal');<!-- [et_pb_line_break_holder] -->        targets.forEach(target => {<!-- [et_pb_line_break_holder] -->            observer.observe(target);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ GESTION DU MENU APPLICATION<!-- [et_pb_line_break_holder] -->        const menuToggle = document.getElementById('menu-toggle');<!-- [et_pb_line_break_holder] -->        const appMenu = document.getElementById('app-menu');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        if(menuToggle && appMenu) {<!-- [et_pb_line_break_holder] -->            menuToggle.addEventListener('click', function() {<!-- [et_pb_line_break_holder] -->                this.classList.toggle('active'); \/\/ Anime le bouton hamburger<!-- [et_pb_line_break_holder] -->                appMenu.classList.toggle('active'); \/\/ Fait glisser le menu<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Bloque le d\u00e9filement de la page derri\u00e8re le menu<!-- [et_pb_line_break_holder] -->                if (appMenu.classList.contains('active')) {<!-- [et_pb_line_break_holder] -->                    document.body.style.overflow = 'hidden';<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    document.body.style.overflow = '';<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_cloudinary_featured_overwrite":false,"footnotes":""},"class_list":["post-2582","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anim-app.fr\/index.php\/wp-json\/wp\/v2\/pages\/2582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anim-app.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anim-app.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anim-app.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anim-app.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2582"}],"version-history":[{"count":15,"href":"https:\/\/anim-app.fr\/index.php\/wp-json\/wp\/v2\/pages\/2582\/revisions"}],"predecessor-version":[{"id":2621,"href":"https:\/\/anim-app.fr\/index.php\/wp-json\/wp\/v2\/pages\/2582\/revisions\/2621"}],"wp:attachment":[{"href":"https:\/\/anim-app.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}