Outiref

Code source de l'URL : https://www.sos-veto.fr

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SOS Veto service vétérinaire de garde</title>
    <meta name="description" content="SOS Veto : Trouvez rapidement un vétérinaire, obtenez des conseils santé pour vos animaux et découvrez nos services dédiés au bien-être animal.">
    <link rel="manifest" href="manifest.json">
    <link rel="apple-touch-icon" href="icon-192.png">
<meta property="og:type" content="article">
    <meta property="article:modified_time" content="2026-01-12T12:21:19+01:00">
<link rel="canonical" href="https://www.sos-veto.fr/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sosveto"> 
<meta name="twitter:title" content="SOS Veto - Service vétérinaire de garde et conseils santé animale">
<meta name="twitter:description" content="Trouvez rapidement un vétérinaire de garde, obtenez des conseils santé pour vos animaux de compagnie et découvrez nos services dédiés au bien-être animal.">
<meta name="twitter:image" content="https://images.unsplash.com/photo-1583337130417-3346a1be7dee?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80">
<meta name="twitter:image:alt" content="Vétérinaire examinant un animal de compagnie">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.sos-veto.fr/">
<meta property="og:title" content="SOS Veto - Service vétérinaire de garde et conseils santé animale">
<meta property="og:description" content="Trouvez rapidement un vétérinaire de garde, obtenez des conseils santé pour vos animaux de compagnie et découvrez nos services dédiés au bien-être animal.">
<meta property="og:image" content="https://images.unsplash.com/photo-1583337130417-3346a1be7dee?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80">
<meta property="og:image:alt" content="Vétérinaire examinant un animal de compagnie">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="SOS Veto">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&family=Inter:wght@300;400;500;600&display=swap');

    :root {
        --primary: #2563eb;
        --primary-dark: #1e40af;
        --secondary: #10b981;
        --accent: #f59e0b;
        --accent-light: #fbbf24;
        --bg: #ffffff;
        --bg-secondary: #f8fafc;
        --text: #1e293b;
        --text-light: #64748b;
        --card-bg: #ffffff;
        --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
        --shadow-md: 0 8px 24px rgba(0,0,0,0.12);
        --shadow-lg: 0 16px 48px rgba(0,0,0,0.18);
        --radius: 20px;
        --radius-sm: 12px;
    }

    @media (prefers-color-scheme: dark) {
        :root {
            --bg: #0f172a;
            --bg-secondary: #1e293b;
            --text: #f1f5f9;
            --text-light: #94a3b8;
            --card-bg: #1e293b;
        }
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
        background: var(--bg);
        color: var(--text);
        line-height: 1.7;
        overflow-x: hidden;
    }

    .container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 1.25rem;
    }

    /* Header Animations */
    header {
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
        color: white;
        position: sticky;
        top: 0;
        z-index: 1000;
        box-shadow: var(--shadow-md);
        animation: slideDown 0.6s ease-out;
    }

    @keyframes slideDown {
        from {
            transform: translateY(-100%);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.25rem 0;
    }

    .logo {
        font-family: 'Poppins', sans-serif;
        font-size: 1.8rem;
        font-weight: 800;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        animation: logoFloat 3s ease-in-out infinite;
    }

    @keyframes logoFloat {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-5px); }
    }

    .logo::before {
        content: 'ߐ';
        font-size: 2rem;
        animation: rotate 4s linear infinite;
    }

    @keyframes rotate {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }

    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
        padding: 1.5rem;
        gap: 0.5rem;
    }

    .nav-links.active {
        display: flex;
        animation: slideInMenu 0.4s ease-out;
    }

    @keyframes slideInMenu {
        from {
            opacity: 0;
            transform: translateY(-20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .nav-links a {
        color: white;
        text-decoration: none;
        padding: 0.75rem 1rem;
        border-radius: var(--radius-sm);
        transition: all 0.3s ease;
        font-weight: 500;
        position: relative;
        overflow: hidden;
    }

    .nav-links a::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.1);
        transition: left 0.3s ease;
    }

    .nav-links a:hover::before {
        left: 0;
    }

    .nav-links a:hover {
        background: rgba(255,255,255,0.15);
        transform: translateX(8px);
    }

    .menu-toggle {
        background: rgba(255,255,255,0.15);
        border: 2px solid rgba(255,255,255,0.3);
        color: white;
        font-size: 1.5rem;
        cursor: pointer;
        padding: 0.5rem 0.75rem;
        border-radius: var(--radius-sm);
        transition: all 0.3s ease;
    }

    .menu-toggle:hover {
        background: rgba(255,255,255,0.25);
        transform: scale(1.05);
    }

    /* Hero Section */
    .hero {
        background: linear-gradient(135deg, rgba(37,99,235,0.9) 0%, rgba(16,185,129,0.8) 100%), 
                    url('https://images.unsplash.com/photo-1583337130417-3346a1be7dee?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
        padding: 8rem 1.25rem 6rem;
        text-align: center;
        color: white;
        position: relative;
        overflow: hidden;
    }

    .hero::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(circle at 20% 50%, rgba(245,158,11,0.3) 0%, transparent 50%),
                    radial-gradient(circle at 80% 80%, rgba(16,185,129,0.3) 0%, transparent 50%);
        animation: gradientShift 8s ease-in-out infinite;
    }

    @keyframes gradientShift {
        0%, 100% { opacity: 0.5; }
        50% { opacity: 0.8; }
    }

    .hero-content {
        position: relative;
        z-index: 1;
    }

    .hero h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: 1rem;
        animation: fadeInUp 0.8s ease-out 0.2s both;
        line-height: 1.2;
    }

    .hero p {
        font-size: 1.15rem;
        margin-bottom: 2rem;
        opacity: 0.95;
        animation: fadeInUp 0.8s ease-out 0.4s both;
        font-weight: 300;
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .cta-button {
        background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
        color: white;
        border: none;
        padding: 1.25rem 3rem;
        font-size: 1.15rem;
        font-weight: 600;
        border-radius: 50px;
        cursor: pointer;
        margin-top: 1rem;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 8px 24px rgba(245,158,11,0.4);
        animation: fadeInUp 0.8s ease-out 0.6s both;
        position: relative;
        overflow: hidden;
    }

    .cta-button::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255,255,255,0.3);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .cta-button:hover::before {
        width: 300px;
        height: 300px;
    }

    .cta-button:hover {
        transform: translateY(-4px) scale(1.05);
        box-shadow: 0 12px 32px rgba(245,158,11,0.5);
    }

    .cta-button:active {
        transform: translateY(-2px) scale(1.02);
    }

    [popover] {
        background: var(--card-bg);
        border: 2px solid var(--primary);
        border-radius: var(--radius);
        padding: 1.5rem;
        max-width: 350px;
        box-shadow: var(--shadow-lg);
        animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    @keyframes popIn {
        from {
            opacity: 0;
            transform: scale(0.8);
        }
        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    /* Section Titles */
    section h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 2.5rem;
        font-weight: 700;
        text-align: center;
        margin: 4rem 0 3rem;
        background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        position: relative;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
    }

    section h2.visible {
        opacity: 1;
        transform: translateY(0);
    }

    section h2::after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary), var(--secondary));
        border-radius: 2px;
    }

    /* Grids */
    .services-grid, .advice-grid, .articles-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
        margin: 3rem 0;
    }

    /* Cards */
    .card {
        background: var(--card-bg);
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: var(--shadow-sm);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        opacity: 0;
        transform: translateY(40px) scale(0.95);
        position: relative;
    }

    .card.visible {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    .card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease;
    }

    .card:hover::before {
        transform: scaleX(1);
    }

    .card:hover {
        transform: translateY(-12px) scale(1.02);
        box-shadow: var(--shadow-lg);
    }

    .card img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    .card:hover img {
        transform: scale(1.1);
    }

    .card-content {
        padding: 1.75rem;
    }

    .card-content h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 0.75rem;
        color: var(--text);
        transition: color 0.3s ease;
    }

    .card:hover .card-content h3 {
        color: var(--primary);
    }

    .card-content p {
        color: var(--text-light);
        font-size: 0.95rem;
        line-height: 1.6;
    }

    /* Advice Cards */
    .advice-grid .card {
        background: linear-gradient(135deg, var(--card-bg) 0%, var(--bg-secondary) 100%);
        border-left: 4px solid var(--accent);
    }

    .advice-grid .card:hover {
        border-left-color: var(--secondary);
    }

    /* Background Sections */
    #conseils {
        background: var(--bg-secondary);
        padding: 4rem 0;
        margin: 4rem 0;
    }

    /* Footer */
    footer {
        background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
        color: white;
        text-align: center;
        padding: 3rem 1.25rem;
        margin-top: 6rem;
        position: relative;
        overflow: hidden;
    }

    footer::before {
        content: 'ߐ';
        position: absolute;
        font-size: 15rem;
        opacity: 0.05;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: rotate 20s linear infinite;
    }

    footer p {
        margin: 0.5rem 0;
        position: relative;
        z-index: 1;
    }

    /* Scroll Indicator */
    .scroll-indicator {
        position: absolute;
        bottom: 2rem;
        left: 50%;
        transform: translateX(-50%);
        animation: bounce 2s infinite;
    }

    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
        40% { transform: translateX(-50%) translateY(-15px); }
        60% { transform: translateX(-50%) translateY(-7px); }
    }

    .scroll-indicator::after {
        content: '';
        font-size: 2rem;
        opacity: 0.7;
    }

    /* Loading Animation */
    @keyframes pulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.5; }
    }

    /* Media Queries */
    @media (min-width: 768px) {
        .nav-links {
            display: flex;
            flex-direction: row;
            position: static;
            padding: 0;
            gap: 1rem;
            background: transparent;
        }

        .nav-links a {
            padding: 0.5rem 1rem;
        }

        .nav-links a:hover {
            transform: translateY(-2px);
        }

        .menu-toggle {
            display: none;
        }

        .hero h1 {
            font-size: 4.5rem;
        }

        .hero p {
            font-size: 1.35rem;
        }

        .services-grid, .articles-grid {
            grid-template-columns: repeat(3, 1fr);
        }

        .advice-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        section h2 {
            font-size: 3rem;
        }
    }

    @media (min-width: 1024px) {
        .services-grid, .articles-grid {
            gap: 2.5rem;
        }

        .card-content {
            padding: 2rem;
        }
    }

    /* Accessibility */
    @media (prefers-reduced-motion: reduce) {
        *, *::before, *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
        }
    }

.article-container {
            background: var(--bg);
            padding: 4rem 1.25rem;
            max-width: 900px;
            margin: 0 auto;
        }

        .article-header {
            text-align: center;
            margin-bottom: 3rem;
            border-bottom: 2px solid var(--bg-secondary);
            padding-bottom: 2rem;
        }

        .article-header h1 {
            color: var(--text);
            font-size: 2.2rem;
            line-height: 1.3;
            margin-bottom: 1rem;
        }

        .meta-info {
            color: var(--text-light);
            font-size: 0.9rem;
            display: flex;
            justify-content: center;
            gap: 1.5rem;
        }

        .content-body {
            font-size: 1.1rem;
            line-height: 1.8;
            color: var(--text);
        }

        .content-body h2 {
            font-size: 1.8rem;
            margin: 2.5rem 0 1.5rem;
            text-align: left;
            background: none;
            -webkit-text-fill-color: var(--primary);
            color: var(--primary);
        }

        .content-body p { margin-bottom: 1.5rem; }

        .emergency-box {
            background: #fff1f2;
            border-left: 5px solid #e11d48;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 8px;
        }

        .list-styled {
            list-style: none;
            padding-left: 0;
        }

        .list-styled li {
            position: relative;
            padding-left: 2rem;
            margin-bottom: 1rem;
        }

        .list-styled li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--secondary);
            font-weight: bold;
        }

        .alert-step {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            background: var(--bg-secondary);
            padding: 1rem;
            border-radius: 12px;
            margin-bottom: 1rem;
        }

        .step-number {
            background: var(--primary);
            color: white;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-weight: bold;
            font-size: 0.8rem;
        }
        
        /* Dark mode spécifique pour l'article */
        @media (prefers-color-scheme: dark) {
            .emergency-box { background: #4c0519; color: #fda4af; }
            .alert-step { background: #334155; }
        }
</style><meta name="robots" content="index, follow">
<meta name="theme-color" content="#2563eb">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "SOS Veto",
  "url": "https://www.sos-veto.fr/",
  "logo": "https://www.sos-veto.fr/icon-192.png",
  "description": "Service vétérinaire dédié à la recherche de vétérinaires de garde et à la diffusion de conseils santé pour les animaux de compagnie.",
  "contactPoint": {
    "@type": "ContactPoint",
    "email": "contact@sos-veto.fr",
    "contactType": "Service client"
  },
  "sameAs": [
    "https://www.facebook.com/sosveto", 
    "https://www.instagram.com/sosveto" ,
"https://x.com/sosveto"
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "SOS Veto",
  "url": "https://www.sos-veto.fr/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.sos-veto.fr/recherche?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>
<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "SOS Veto : Comment soigner votre animal de compagnie en urgence ?",
      "image": ["https://images.unsplash.com/photo-1583337130417-3346a1be7dee"],
      "datePublished": "2024-05-20T08:00:00+02:00",
      "dateModified": "2026-01-12T11:00:00+01:00",
      "author": {
        "@type": "Organization",
        "name": "SOS Veto"
      }
    }
    </script>

</head>
<body>
    <header>
        <div class="container">
            <nav>
                <div class="logo">SOS Veto</div>
                <ul class="nav-links">
                    <li><a href="#services">Services</a></li>
                    <li><a href="#conseils">Conseils</a></li>
                    <li><a href="#articles">Articles</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
                <button class="menu-toggle" aria-label="Ouvrir le menu">☰</button>
            </nav>
        </div>
    </header>

<main>
    <section class="hero">
        <div class="container hero-content">
            <h1>SOS Veto</h1>
            <p>Votre partenaire dédié au bien-être et à la santé de vos animaux de compagnie.</p>
            <button class="cta-button" popovertarget="info-popover">En savoir plus</button>
            <div id="info-popover" popover>
                <p><strong>SOS Veto</strong> vous aide à trouver un vétérinaire, propose des conseils pratiques et des ressources pour prendre soin de vos compagnons.</p>
            </div>
            <div class="scroll-indicator"></div>
        </div>
    </section>

    <section id="services" class="container">
        <h2>Nos Services</h2>
        <div class="services-grid">
            <article class="card">
                <img src="https://images.unsplash.com/photo-1601758228041-f3b2795255f1?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Trouver un vétérinaire" loading="lazy">
                <div class="card-content">
                    <h3>Trouver un Vétérinaire</h3>
                    <p>Localisez rapidement un professionnel près de chez vous pour les soins de votre animal.</p>
                </div>
            </article>
            <article class="card">
                <img src="https://images.unsplash.com/photo-1576201833267-7f6f7e9853cc?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Conseils à domicile" loading="lazy">
                <div class="card-content">
                    <h3>Conseils Personnalisés</h3>
                    <p>Des recommandations adaptées pour la santé quotidienne de vos chiens, chats et NAC.</p>
                </div>
            </article>
            <article class="card">
                <img src="https://images.unsplash.com/photo-1594736797933-d0501ba2fe65?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Pour tous les animaux" loading="lazy">
                <div class="card-content">
                    <h3>Pour Tous les Animaux</h3>
                    <p>Services dédiés aux chiens, chats, lapins, rongeurs et autres compagnons.</p>
                </div>
            </article>
        </div>
    </section>

    <section id="conseils" class="container">
        <h2>Conseils Santé Animale</h2>
        <div class="advice-grid">
            <article class="card">
                <div class="card-content">
                    <h3>Signes à Surveiller</h3>
                    <p>Apprenez à reconnaître les symptômes qui nécessitent une attention particulière.</p>
                </div>
            </article>
            <article class="card">
                <div class="card-content">
                    <h3>Intoxications Courantes</h3>
                    <p>Informations sur les aliments et substances dangereuses pour vos animaux.</p>
                </div>
            </article>
            <article class="card">
                <div class="card-content">
                    <h3>Prévention Parasites</h3>
                    <p>Conseils pour protéger vos compagnons contre puces, tiques et vers.</p>
                </div>
            </article>
            <article class="card">
                <div class="card-content">
                    <h3>Premiers Soins</h3>
                    <p>Gestes essentiels à connaître en attendant un professionnel.</p>
                </div>
            </article>
        </div>
    </section>

    <section id="articles" class="container">
        <h2>Derniers Articles & Conseils</h2>
        <div class="articles-grid">
            <article class="card">
                <img src="https://images.unsplash.com/photo-1548767793-5d2f03f7a8a4?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Santé animale" loading="lazy">
                <div class="card-content">
                    <h3>Comment bien nourrir son animal ?</h3>
                    <p>Conseils nutrition adaptés à chaque âge et race.</p>
                </div>
            </article>
            <article class="card">
                <img src="https://images.unsplash.com/photo-1583511655857-d19b40a7a54e?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Soins quotidiens" loading="lazy">
                <div class="card-content">
                    <h3>Soins quotidiens à domicile</h3>
                    <p>Routines simples pour maintenir la santé de votre compagnon.</p>
                </div>
            </article>
            <article class="card">
                <img src="https://images.unsplash.com/photo-1559839915-8461b6c3926a?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Prévention saisonnière" loading="lazy">
                <div class="card-content">
                    <h3>Prévention saisonnière</h3>
                    <p>Protéger votre animal selon les saisons.</p>
                </div>
            </article>
        </div>
    </section>

  <section id="urgence-article" class="article-container">
            <article itemscope itemtype="https://schema.org/Article">
                <header class="article-header">
                    <h2 itemprop="headline"><strong>SOS Veto</strong> : Comment soigner votre animal de compagnie en <strong>urgence</strong> ?</h2>
                    <div class="meta-info">
                        <span>Par <strong>Équipe SOS Veto</strong></span>
                        <time itemprop="dateModified" datetime="2026-01-12">Mis à jour le 12 janvier 2026</time>
                    </div>
                </header>

                <div class="content-body" itemprop="articleBody">
                    <p>Avoir un animal de compagnie est une source de joie immense. Cependant, face à une maladie ou une blessure soudaine, le stress peut prendre le dessus. <strong>Savoir réagir en quelques minutes</strong> est souvent décisif pour la survie de votre compagnon.</p>

           
                    <h2>Quand consulter un vétérinaire en priorité ?</h2>
                    <p>Certains signes ne trompent pas. Si vous observez l'un des symptômes suivants, n'attendez pas le lendemain :</p>
                    
                    <div class="alert-step">
                        <div class="step-number">1</div>
                        <div><strong>Difficultés Respiratoires :</strong> Un animal qui cherche son air ou halète de manière saccadée est en détresse immédiate.</div>
                    </div>
                    <div class="alert-step">
                        <div class="step-number">2</div>
                        <div><strong>Vomissements persistants :</strong> Risque élevé de déshydratation ou d'empoisonnement.</div>
                    </div>
                    <div class="alert-step">
                        <div class="step-number">3</div>
                        <div><strong>Hémorragies ou plaies :</strong> Même une petite coupure ou blessure peut cacher des lésions internes ou s'infecter.</div>
                    </div>

                    <div class="emergency-box">
                        <strong>⚠️ Alerte Intoxication :</strong> Si vous suspectez une ingestion de produit toxique (mort-aux-rats, chocolat, lys), contactez immédiatement un centre anti-poison vétérinaire ou votre praticien.
                    </div>

                    <h2>4 étapes clés en cas d'urgence</h2>
                    <ul class="list-styled">
                        <li><strong>Gardez votre calme :</strong> Votre stress est communicatif et peut aggraver l'état de l'animal (panique respiratoire) voire le rendre agressif sans raison évidente.</li>
                        <li><strong>Appel immédiat :</strong> Contactez votre vétérinaire habituel ou le service de garde de votre ville (Lyon, Marseille, Lille, etc.). Si le vétérinaire vous donne des recommandations ou des instructions à suivre en attendant votre rendez-vous, assurez-vous de les suivre à la lettre.</li>
                        <li><strong>Sécurisez le transport :</strong> Utilisez une caisse rigide pour les chats/NAC ou une couverture en guise de brancard pour les chiens. Essayez d’adapter le transport pour que cela soit le moins stressant pour votre compagnon, mais surtout que cela ne gêne pas sa respiration ou n’aggrave pas la situation.</li>
                        <li><strong>Préparez les informations :</strong> Heure des premiers symptômes, antécédents médicaux et traitements en cours.</li>
                    </ul>

                    <h2>Prévenir plutôt que guérir</h2>
                    <p>La prévention reste le meilleur rempart contre les urgences. Un suivi annuel permet de détecter des pathologies silencieuses avant qu'elles ne deviennent critiques.</p>
  <ol class="list-styled">
<li><strong>Visites régulières chez le vétérinaire</strong><br>
Les contrôles de routine peuvent aider à détecter des problèmes de santé avant qu'ils ne deviennent graves. Assurez-vous que votre compagnon soit à jour dans ses vaccinations.</li>

<li><strong>Éducation et surveillance</strong><br>
Soyez conscient des comportements de votre animal et de son environnement. Une bonne éducation et une surveillance adéquate peuvent prévenir de nombreuses urgences.</li>

<li><strong>Alimentation saine</strong><br>
Une alimentation équilibrée contribue à la santé générale de votre animal. Assurez-vous de lui fournir une nourriture adaptée à ses besoins.<br>Consultez l’excellent site <strong>dogfood.fr</strong> qui réalise et publie des études sur les dernières avancées scientifiques er technologiques de production d’alimentation animale. </li>

<p>Lorsqu'il s'agit d'un SOS, trouver le bon numéro de téléphone peut devenir un parcours du combattant si vous pensez que la vie de votre fidèle partenaire est en jeu ; fait-il contacter un centre spécialisé, un véto, une clinique ou un hôpital pour animaux ? Choisissez en priorité la proximité. Surtout si vous êtes dans une grande agglomération comme Lyon, Marseille ou Lille dont les grands boulevards ou périphériques sont souvent bouchés. Le week-end et les jours fériés cela peut s'avérer quasi impossible. Tout comme une consultation à l'improviste en dehors des heures d'ouverture habituelles de l'établissement. Les urgentistes sont également mis en relation téléphonique avec les propriétaires de leurs compagnons malades par des régulateurs travaillant en centre d'appel. Il convient donc de préparer votre appel de SOS afin que tous les maillons de la chaîne, depuis l'équipe en centre au spécialiste disponible et le plus adapté, soient bien renseignés. Il vous faut donc inclure les infos cruciales qui permettront de bien préparer la consultation à domicile ou en centre, voire de répondre au mieux en préparant l'intervention afin de secourir rapidement votre protégé.

Les urgences vétérinaires peuvent être stressantes, mais une bonne préparation et une connaissance des signes d'alerte peuvent faire toute la différence. N'oubliez pas que votre vétérinaire est votre meilleur allié pour garantir la santé de votre animal. En cas de doute, n'hésitez jamais à consulter un professionnel. La santé de votre compagnon en dépend ! </p>

                </div>
            </article>
        </section>
</main>

<footer id="contact">
    <div class="container">
        <p style="font-size: 1.1rem; font-weight: 500;">Contactez-nous pour plus d'informations : contact@sos-veto.fr</p>
        <p style="margin-top: 1rem; opacity: 0.8;">&copy; 2026 SOS Veto - Au service du bien-être animal</p>
    </div>
</footer>

<script>
    // Menu Toggle
    const toggle = document.querySelector('.menu-toggle');
    const navLinks = document.querySelector('.nav-links');

    toggle.addEventListener('click', () => {
        navLinks.classList.toggle('active');
        toggle.textContent = navLinks.classList.contains('active') ? '✕' : '☰';
    });

    // Smooth Scroll
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', e => {
            e.preventDefault();
            const target = document.querySelector(anchor.getAttribute('href'));
            if (target) {
                target.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
                navLinks.classList.remove('active');
                toggle.textContent = '☰';
            }
        });
    });

    // Intersection Observer for animations
    const observerOptions = {
        threshold: 0.1,
        rootMargin: '0px 0px -50px 0px'
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach((entry, index) => {
            if (entry.isIntersecting) {
                setTimeout(() => {
                    entry.target.classList.add('visible');
                }, index * 100);
            }
        });
    }, observerOptions);

    // Observe all cards and titles
    document.querySelectorAll('.card, section h2').forEach(el => {
        observer.observe(el);
    });

    // Parallax effect for hero
    window.addEventListener('scroll', () => {
        const scrolled = window.pageYOffset;
        const hero = document.querySelector('.hero');
        if (hero) {
            hero.style.transform = `translateY(${scrolled * 0.5}px)`;
        }
    });

    // Service Worker
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('/sw.js').catch(() => {});
    }

    // Add ripple effect to buttons
    document.querySelectorAll('.cta-button').forEach(button => {
        button.addEventListener('click', function(e) {
            const rect = this.getBoundingClientRect();
            const x = e.clientX - rect.left;
            const y = e.clientY - rect.top;
            
            const ripple = document.createElement('span');
            ripple.style.cssText = `
                position: absolute;
                border-radius: 50%;
                background: rgba(255,255,255,0.6);
                width: 100px;
                height: 100px;
                margin-left: -50px;
                margin-top: -50px;
                left: ${x}px;
                top: ${y}px;
                animation: ripple 0.6s ease-out;
                pointer-events: none;
            `;
            
            this.appendChild(ripple);
            setTimeout(() => ripple.remove(), 600);
        });
    });

    // Scroll indicator hide on scroll
    window.addEventListener('scroll', () => {
        const indicator = document.querySelector('.scroll-indicator');
        if (indicator) {
            indicator.style.opacity = Math.max(0, 1 - window.pageYOffset / 300);
        }
    });
</script><!-- https://www.santevet.com/articles/sos-veto-application-gratuite-pour-trouver-un-veterinaire  https://www.repandre.com/SOS-VETO-Application-gratuite,39553.html  https://www.powerpress.fr/ads/trouver-1-veterinaire-en-1-clic-cest-maintenant-possible-sos-veto/ https://webactusnet.com/www-sos-veto-fr-a37236.html // indexee http://www.sos-veto.fr/ -->
</body>
</html>