Outiref

Code source de l'URL : http://boutique.lpo.fr/

<!DOCTYPE html>

<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>            Boutique LPO - Ensemble préservons la Nature
     </title>

            

            <meta property="og:title" content="Boutique LPO - Ensemble préservons la Nature"/>
    
            <meta property="og:description" content="La boutique LPO vous propose un grand choix de produits pour vous permettre d&#039;agir au quotidien et de consommer de manière responsable et éco-citoyenne."/>
        <meta name="description" content="La boutique LPO vous propose un grand choix de produits pour vous permettre d&#039;agir au quotidien et de consommer de manière responsable et éco-citoyenne."/>
    
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
            <meta name="robots" content="max-snippet:-1,INDEX,FOLLOW"/>
    
    <link rel="apple-touch-icon" sizes="180x180"
          href="/bootstrap-theme/images/favicon/apple-touch-icon.66cfc6e4.png">
    <link rel="icon" type="image/png" sizes="32x32"
          href="/bootstrap-theme/images/favicon/favicon-32x32.a34b7bdf.png">
    <link rel="icon" type="image/png" sizes="16x16"
          href="/bootstrap-theme/images/favicon/favicon-16x16.9ff91902.png">
    <link rel="manifest" href="/bootstrap-theme/images/favicon/site.92da0b25.webmanifest">

    <link rel="canonical" href="https://boutique.lpo.fr/"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

            <link rel="stylesheet" href="/bootstrap-theme/app.fe3be3ac.css">
<link href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Caveat:700" rel="stylesheet">




    
    

<script>
    function OptanonWrapper() {
        // GTRSL-2400 — OneTrust appelle ce hook une fois le bandeau initialisé et à chaque
        // changement de consentement : c'est notre second signal pour libérer la file.
        if (window.lpoDataLayer) {
            window.lpoDataLayer.release();
        }
    }

    dataLayer = [{
        'pageType': 'home',
        'site': 'boutique',
        'event': 'dataLayer_ready',
    }];
</script>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
            'gtm.start':
                new Date().getTime(), event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-P8W2QL7');</script>
<!-- End Google Tag Manager -->

<script>
    (function (w, d) {
        if (w.lpoDataLayer) { return; }

        var queue = [];
        var released = false;

        function send(payload, clearEcommerce) {
            w.dataLayer = w.dataLayer || [];
            if (clearEcommerce) { w.dataLayer.push({ ecommerce: null }); }
            w.dataLayer.push(payload);
        }

        function release() {
            if (released) { return; }
            released = true;
            for (var i = 0; i < queue.length; i++) {
                send(queue[i].payload, queue[i].clearEcommerce);
            }
            queue = [];
        }

        function push(payload, clearEcommerce) {
            if (!payload || !payload.event) { return; }
            if (released) { send(payload, clearEcommerce); return; }
            queue.push({ payload: payload, clearEcommerce: !!clearEcommerce });
        }

        w.lpoDataLayer = { push: push, release: release };

        // OneTrust expose les groupes consentis dès qu'ils sont connus (y compris pour un
        // nouveau visiteur) et rediffuse l'événement à chaque changement de choix.
        if (typeof w.OnetrustActiveGroups === 'string' && w.OnetrustActiveGroups !== '') {
            release();
            return;
        }

        w.addEventListener('OneTrustGroupsUpdated', release);
        d.addEventListener('OneTrustGroupsUpdated', release);

        // Filet de sécurité : CMP bloqué, en erreur ou absent, on ne perd pas les événements.
        w.setTimeout(release, 4000);
    })(window, document);
</script>


</head>

<body class="d-flex flex-column min-vh-100 boutique bg-secondary-light">




<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P8W2QL7"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


    <header>
    <!-- Super Header Desktop -->
    <div class="header-super-wpr js-flow-superheader border-bottom py-lg-2 px-lg-3 d-none d-lg-block"
         style="z-index:5; position:relative">
        <div class="js-domFlow-source header-super" data-flow="js-flow-superheader"
             data-reflow="js-reflow-superheader">
            <div
                class="header-super-links d-flex justify-content-between justify-content-lg-end align-items-center">
                <a href="https://www.lpo.fr"
                   class="font-size-1 d-inline-flex align-items-center text-decoration-none border-right border-lg-right-none mr-3 pr-3 pr-lg-0 flex-grow-1 flex-lg-grow-0">
                    <svg width="15px"    height="20px"    viewBox="0 0 16 14"                  version="1.1" xmlns="http://www.w3.org/2000/svg">
    <path fill="currentColor" d="m7.643 2.497 5.262 4.68v5.772c0 .063-.019.411-.4.411H8.77l.007-3.115s.036-.515-.555-.515H6.64c-.5 0-.446.515-.446.515L6.19 13.37h-.127l-.654.001h-.177l-.588.001h-.207l-.623.001h-.201l-.714.001h-.524c-.33 0-.317-.337-.317-.337v-5.86l5.586-4.68ZM7.69-.032 15.13 6.71s-.448.864-1.646 0L7.69 1.512l-6.181 5.23c-1.035.874-1.509 0-1.509 0L7.69-.032ZM13.345 1.5v3.067l-1.485-1.26-.006-1.807h1.49Z" />
</svg>
                    <span class="ml-1">LPO.fr</span>
                </a>

                <a href="/"
                   class="font-size-1 d-none d-lg-inline-flex align-items-center text-decoration-none mr-3 active">
                    <svg width="17.5px"    height="14px"    viewBox="0 0 16 15"                  version="1.1" xmlns="http://www.w3.org/2000/svg">
    <path fill="currentColor" d="M1.427 7.77c.732.102 1.43-.33 1.647-1.018 0-.046.036-.093.069-.172.216.712.653 1.15 1.382 1.19.834.05 1.344-.397 1.602-1.193.237.735.69 1.181 1.458 1.196.768.015 1.283-.429 1.532-1.193.24.732.693 1.167 1.458 1.193.765.026 1.284-.432 1.533-1.184.048.122.08.213.12.292.27.628.95.991 1.64.875.705-.125 1.213-.728 1.2-1.424-.02-.192 0-.39 0-.583a.77.77 0 0 0-.114-.356c-.576-.81-1.14-1.633-1.76-2.412a2.062 2.062 0 0 1-.516-1.598c.054-.362-.042-.415-.417-.415H2.73c-.332 0-.395.062-.395.377.01.202.01.404 0 .606a.928.928 0 0 1-.12.403c-.558.89-1.11 1.785-1.7 2.654a2.001 2.001 0 0 0-.382 1.286c.003.733.55 1.357 1.293 1.476Zm4.685.114c.398.384.94.595 1.5.583a1.965 1.965 0 0 0 1.484-.557c1.011.74 2.01.74 3.036 0a2.198 2.198 0 0 0 1.65.543v5.25c.07.01.142.013.214.014h.218c.289 0 .567.02.767.3.22.295.117.622.15.951H.321c-.139-.956.09-1.19 1.247-1.262V8.467c.579-.044 1.13-.116 1.545-.583.392.392.937.604 1.5.583a1.92 1.92 0 0 0 1.499-.583Zm6.2 1.272H3.134v3.864h9.187l-.01-3.864Zm-6.137.44c.069.04.15.061.171.108a.307.307 0 0 1-.018.198.463.463 0 0 1-.117.126 1846.4 1846.4 0 0 1-1.986 1.94c-.09.084-.174.238-.327.095-.153-.142-.042-.256.072-.367.67-.65 1.335-1.307 2.004-1.957.063-.054.13-.101.201-.143Zm-1.398.038c.045-.041.231.017.261.035.03.017.021.175-.02.222-.274.309-.574.583-.874.875a.568.568 0 0 1-.11.064c-.145-.003-.256-.193-.157-.304.284-.309.584-.606.9-.892Z" /></svg>
</svg>
                    <span class="ml-1">Boutique</span>
                </a>

                                    <a href="https://monespace.lpo.fr"
                       class="font-size-1 d-inline-flex align-items-center text-decoration-none flex-grow-1 flex-lg-grow-0">
                        <svg width="15px"    height="14px"    viewBox="0 0 14 15"                  version="1.1" xmlns="http://www.w3.org/2000/svg">
    <path d="M.131 7.75c0 1.221.306 2.351.916 3.39a6.852 6.852 0 0 0 2.475 2.475c1.039.61 2.17.916 3.39.916a6.573 6.573 0 0 0 3.391-.916 6.852 6.852 0 0 0 2.475-2.475c.61-1.039.916-2.169.916-3.39a6.573 6.573 0 0 0-.916-3.391 6.852 6.852 0 0 0-2.475-2.475 6.573 6.573 0 0 0-3.39-.916 6.573 6.573 0 0 0-3.391.916A6.852 6.852 0 0 0 1.047 4.36a6.573 6.573 0 0 0-.916 3.39ZM2.1 11.195c.055-.365.205-.688.451-.97a1.75 1.75 0 0 1 .916-.561l.875-.246a3.845 3.845 0 0 0 2.57.957c.967 0 1.823-.32 2.57-.957l.876.246c.364.09.67.278.916.56.246.283.396.606.45.971A5.802 5.802 0 0 1 9.635 13a5.847 5.847 0 0 1-2.722.656A5.847 5.847 0 0 1 4.192 13 5.802 5.802 0 0 1 2.1 11.195Zm1.75-4.758c0-.547.137-1.057.41-1.531a3.008 3.008 0 0 1 1.121-1.121c.474-.274.985-.41 1.531-.41.547 0 1.058.136 1.532.41.474.273.847.647 1.12 1.12.274.475.41.985.41 1.532s-.136 1.057-.41 1.531a3.008 3.008 0 0 1-1.12 1.121c-.474.274-.985.41-1.532.41a3.013 3.013 0 0 1-1.53-.41A3.008 3.008 0 0 1 4.26 7.97a3.013 3.013 0 0 1-.41-1.532Z" fill="currentColor"/>
</svg>
                        <span class="ml-1 my-lpo-space">Mon espace LPO</span>
                    </a>
                            </div>
            <div class="d-none align-items-center font-size-1 link-mobile pl-4">
                <span class="fa fa-arrow-left text-primary mr-2"></span>
                <a href="https://monespace.lpo.fr" class="text-decoration-underline">
                    Retour à Mon Espace
                </a>
            </div>
        </div>
    </div>

    <!-- Logo/Nav -->
    <div class="header navbar-expand-lg">

        <!-- only Mobile -->
        <div class="d-flex d-lg-none justify-content-between align-items-center h-100 bg-white border-bottom">
            <!-- Logo -->
            <div class="header-logo-container col-6 col-lg">
    <!-- Logo Mobile -->
    <div class="js-reflow-headerlogo"></div>
    <!-- End Logo -->
</div>

            <!-- End Logo -->
            <!-- My account/Cart -->
            <div class="js-reflow-headercart header-account-cart-container">
                <div class="js-domFlow-source header-account-cart d-flex align-items-center justify-content-lg-end"
                     data-flow="js-flow-headercart" data-reflow="js-reflow-headercart">
                    <!-- My account -->
                                            <a
                            href="/connect/lpo_sso"
                            class="font-size-1 d-inline-flex align-items-center text-decoration-none text-dark mr-3 mr-lg-5"
                        >
                            <span class="header-account-title d-flex">
                                <svg width="20px"    height="22px"    viewBox="0 0 20 22"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M13.7 10.722A5.996 5.996 0 0 0 10.004 0a5.996 5.996 0 0 0-3.696 10.722A10.004 10.004 0 0 0 0 20v1A1 1 0 0 0 1 22h18a1 1 0 0 0 1-1v-1a10.004 10.004 0 0 0-6.3-9.278ZM6 6.007a4 4 0 0 1 4-3.998 4 4 0 1 1-4 3.998ZM2 20a7.998 7.998 0 0 1 8-7.997c4.418 0 8 3.58 8 7.997H2Z"/>
</svg>
                                <span
                                    class="d-none d-lg-block ml-2 font-weight-medium underline-contrast">Mon compte</span>
                            </span>
                        </a>
                    
                    <!-- Cart -->
                                        <a href="/cart/"
                       class="header-cart-container btn btn-primary"
                       aria-label="Panier (0 article(s), 0,00 €)">
                        <span id="header-cart-items-total"
                              class="header-cart-price d-none d-lg-inline-block text-white font-weight-bold mr-2 fs-7">
                            0,00 €
                        </span>
                        <span class="header-cart-icon">
                            <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#FFFFFF"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
                            <span id="header-cart-items" class="badge badge-pill badge-secondary">
                                0
                            </span>
                        </span>
                    </a>
                </div>
            </div>

            <!-- Mobile Menu Toggler -->
            <div class="bg-green-dark header-menu-mobile-toggler py-2 h-100">
                <button class="js-openMenu navbar-toggler shadow-none flex-column align-items-center"
                        data-trigger="menuMobile">
                    <span class="navbar-toggler-icon fas fa-bars text-primary h-100"></span>
                    <span
                        class="header-menu-mobile-title text-uppercase font-bold text-white mt-1">Menu</span>
                </button>

                <button class="js-closeMenu navbar-toggler shadow-none flex-column align-items-center">
                    <span class="navbar-toggler-icon fas fa-times text-primary h-100"></span>
                    <span
                        class="header-menu-mobile-title text-uppercase font-bold text-white mt-1">Fermer</span>
                </button>
            </div>
        </div>

        <div class="js-nav navbar-collapse row w-100 m-0 flex-column flex-lg-row bg-white" id="menuMobile">
            <div class="d-flex flex-column flex-grow-1 bg-white">
                <div class="header-navbar d-flex justify-content-center justify-content-lg-start px-lg-3">
                    <div class="header-navbar-logo d-none d-lg-block">
                        <!-- Logo Desktop -->
                        <div class="js-flow-headerlogo header-logo-container position-relative" style="z-index:5">
                            <div class="js-domFlow-source d-flex" data-flow="js-flow-headerlogo"
                                 data-reflow="js-reflow-headerlogo">
                                <a href="/" class="header-logo" aria-label="Accueil de la boutique LPO">
                                    <svg         viewBox="0 0 881.5 318.1"                  version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path style="fill:none;" d="M-54.5-54.5H936v427.2H-54.5V-54.5z"/>
    <path style="fill:#0087CD;" d="M0,34.6h283.5v283.5H0V34.6z"/>
    <path style="fill:#FFFFFF;"
          d="M83.6,242H50.3v-59.3H29v78.2h54.5V242L83.6,242z M118.6,240.3h15.1c15.9,0,28.8-12.9,28.8-28.8  s-12.9-28.8-28.8-28.8H97.3v78.2h21.3V240.3z M118.6,201.6h14.5c4.8,0,8.6,4.4,8.6,9.9s-3.9,9.9-8.6,9.9h-14.5V201.6z M215.4,264.7  c23.7,0,42.9-19.2,42.9-42.9s-19.2-42.9-42.9-42.9s-42.9,19.2-42.9,42.9C172.6,245.5,191.8,264.7,215.4,264.7z M215.4,200.3  c11.9,0,21.5,9.6,21.5,21.5c0,11.9-9.6,21.5-21.5,21.5s-21.5-9.6-21.5-21.5S203.6,200.3,215.4,200.3z M38.8,288  c0.8-0.2,1.5-0.7,2-1.3c0.5-0.6,0.8-1.4,0.8-2.4c0-1.3-0.5-2.3-1.4-3.1S38,280,36.3,280H29v16.4h7.6c1.7,0,3-0.4,4-1.2  c0.9-0.8,1.4-1.9,1.4-3.2c0-1-0.3-1.8-0.9-2.5C40.6,288.7,39.8,288.2,38.8,288z M32.9,283.2h2.6c0.7,0,1.2,0.1,1.5,0.4  c0.3,0.3,0.5,0.7,0.5,1.3s-0.2,1-0.5,1.3c-0.3,0.3-0.8,0.4-1.5,0.4h-2.6V283.2L32.9,283.2z M37.4,292.7c-0.4,0.3-0.9,0.5-1.6,0.5  h-2.9v-3.6h2.9c0.7,0,1.2,0.2,1.6,0.5s0.6,0.8,0.6,1.4C38,292,37.8,292.4,37.4,292.7L37.4,292.7z M215.1,290.2l-6.7-10.1h-4v16.4h4  v-10.1l6.7,10.1h4V280h-4V290.2z M46.6,296.4h4V280h-4V296.4z M231.9,283.5c0.8,0,1.4,0.2,2,0.5c0.6,0.4,1.1,0.9,1.4,1.6h4.4  c-0.5-1.8-1.4-3.2-2.8-4.2c-1.4-1-3-1.5-5-1.5c-1.6,0-3,0.4-4.2,1.1c-1.2,0.7-2.2,1.7-2.9,3c-0.7,1.3-1,2.7-1,4.3c0,1.6,0.4,3,1,4.3  c0.7,1.2,1.7,2.3,2.9,3c1.2,0.7,2.7,1.1,4.2,1.1c1.9,0,3.6-0.5,5-1.5s2.3-2.4,2.8-4.2h-4.4c-0.3,0.7-0.8,1.2-1.4,1.6s-1.3,0.5-2,0.5  c-1.2,0-2.2-0.4-3-1.3s-1.1-2-1.1-3.4s0.4-2.6,1.1-3.4S230.6,283.5,231.9,283.5z M244.4,296.4h10v-3.2h-6v-3.6h5.3v-3.1h-5.3v-3.3h6  V280h-10V296.4z M84,281.1c-1.3-0.7-2.8-1-4.5-1h-6.1v16.4h6.1c1.7,0,3.2-0.3,4.5-1c1.3-0.7,2.3-1.6,3-2.9c0.7-1.2,1.1-2.7,1.1-4.3  c0-1.6-0.4-3-1.1-4.3C86.2,282.7,85.2,281.7,84,281.1L84,281.1z M82.7,291.7c-0.8,0.8-2,1.2-3.5,1.2h-1.9v-9.5h1.9  c1.5,0,2.7,0.4,3.5,1.3c0.8,0.8,1.3,2,1.3,3.5C84,289.7,83.5,290.9,82.7,291.7z M189.9,280l-5.9,16.4h4.2l1-2.9h6.1l1,2.9h4.2  l-5.9-16.4H189.9z M190.1,290.4l2-6l2,6H190.1z M115.2,296.4h4v-6.6h5v-3.1h-5v-3.5h6.7V280h-10.6L115.2,296.4L115.2,296.4z   M152.5,296.4h4v-6.6h5v-3.1h-5v-3.5h6.7V280h-10.6V296.4L152.5,296.4z M106,296.4h4V280h-4V296.4z M130.3,296.4h10v-3.2h-6v-3.6  h5.3v-3.1h-5.3v-3.3h6V280h-10V296.4L130.3,296.4z M67.6,288.1c0.6-0.9,0.9-1.8,0.9-2.9c0-1-0.2-1.8-0.7-2.6s-1.1-1.4-2-1.9  s-2-0.7-3.3-0.7h-6.7v16.4h4v-6.2h1l3.4,6.2h4.5l-3.8-6.5C66.1,289.6,67,289,67.6,288.1z M63.9,286.9c-0.4,0.4-0.9,0.5-1.6,0.5h-2.5  v-4h2.5c0.7,0,1.3,0.2,1.6,0.5c0.4,0.4,0.6,0.9,0.6,1.5C64.5,286,64.3,286.5,63.9,286.9L63.9,286.9z M179.3,288.1  c0.6-0.9,0.9-1.8,0.9-2.9c0-1-0.2-1.8-0.7-2.6c-0.5-0.8-1.1-1.4-2-1.9s-2-0.7-3.3-0.7h-6.7v16.4h4v-6.2h1l3.4,6.2h4.5l-3.8-6.5  C177.8,289.6,178.7,289,179.3,288.1z M175.6,286.9c-0.4,0.4-0.9,0.5-1.6,0.5h-2.5v-4h2.5c0.7,0,1.3,0.2,1.6,0.5  c0.4,0.4,0.6,0.9,0.6,1.5C176.2,286,176,286.5,175.6,286.9L175.6,286.9z M96.6,280h-4v16.4h9.2v-3.1h-5.2V280L96.6,280z"/>
    <path style="fill:#191919;"
          d="M252,113.8c-4.4-32.3-32.8-57.2-53.3-69.3c-2.3-1.4-3.8-3.9-3.7-6.6c0.3-10.2-0.4-18-4.8-25.1  c-5.5-9-18-15.7-31.8-11.2c-6.1,2-10.5,5.5-13.5,8.7c-0.7-0.8-1.5-1.6-2.3-2.4c-6.4-5.8-16-8.7-25.7-7.8c-8,0.7-16.1,5.6-20.9,12.6  c-3.8,5.5-7.6,14.9-3.9,28.5c1.6,6.1-2.3,11.5-12.4,16.9c-30.1,16.2-42.7,48-48,61.6c0,0-15.3,14-16.2,14.8  c9.3,4.9,39.2,19.4,60.5,16c3,2.7,11.5,10.4,16.4,14.3c0.7,0.4,2.5,0.7,4.5,0.7c2.4,0,5.2-0.5,6.5-2.4l0.4-0.6  c0.6-1.1,1.2-2.9,2.2-5.7c1.8-5.3,4.6-13.3,7.7-16.4c6.2-5.6,26-23.7,33.3-43.6c5,29,24,45.6,24,45.6l7.2-0.2l1.7-5.4  c12.9,22.8,14.2,23.2,14.8,23.4c0.2,0.1,0.6,0.1,0.9,0.2l8.1-0.2c0.1,0,0.3-0.1,0.4-0.1c2.4-0.7,8.4-10.1,13.1-18.2  c8.1,0.7,30.7-0.7,50.1-15.6C266.5,125.7,252,113.8,252,113.8L252,113.8z"/>
    <path style="fill:#FFFFFF;"
          d="M130.4,73.8c-29.5,19.9-33.5,55.3-52.3,75.3c3.5,3.2,14.4,13,15.5,13.6c0.9,0.4,6.5,0.7,7.6-0.9  c0.5-0.7,1.3-3.1,2.2-5.7c1.6-4.5,3.5-10.2,6-14.2c-2.5,0.8-5,1.2-7.5,0.8c8.9-1.3,17.4-9.9,31.8-27.4c5.3-7.5,10.4-15.1,12.2-24.7  c-0.2-4.8-0.6-11.6,0.5-21C140.1,71.9,134.5,72.9,130.4,73.8z M194.8,97.6c-10.1-8.2-21.5-17.5-29.6-40.3l-2.4,0.8  c-3.7,6.3-11.6,9.2-13.6,10.2c-6.8,42.1,19.1,68.3,22.5,71.5l4.3-0.1l2.3-7.2c-3.4-0.8-6.7-2.3-10-6.3c3.5,2.1,7,3.3,10.7,4.1  l1.5,2.6c6.2,11,13.4,23.2,14.9,24.8c2.2,0.4,6.4,0.2,7.7-0.2c1.1-0.6,5.6-6.8,12-17.7l0.3-0.4C216.4,112.5,202.3,103.8,194.8,97.6  L194.8,97.6z M117.9,43.1c4,1.9,8.2,2.7,12.1,2.7c2.1-6.8,5.3-10.9,6.2-11.9c0.2-0.7,0.6-1.3,1-1.9l0,0c0,0,0.4-2.6,0.4-6.3  c0-2.2,0.7-4.9,2.1-7.7c-1.1-1.4-2.4-2.5-3.7-3.4c-5.9-3.8-13.6-1.8-20.9,0c-4.9,1.2-9.6,2.4-13.7,1.9  C103.7,29.9,109.3,38.9,117.9,43.1L117.9,43.1z M160.5,53.7c0.8,0.2,3.8,1.1,3.8,1.1s0.2,0,0.4,0l2.2-0.6c5.7-2,10.1-5.8,13.3-11.6  c5-9.2,5-20,4.6-22.8c-3.4,0.5-7.4,0.1-11.7-0.5c-14.8-2.1-26.2-0.7-29.8,15.8C141.7,45.4,150,50.2,160.5,53.7z M160.8,56.5  c-4.4-1.4-21.4-5.5-20.3-20.8c0-1.7-0.4-3.1-1.2-2.3c-0.5,0.4-0.9,1.7-0.9,1.7s-12,13.3-6.2,35.6c2.6-0.5,9-1.9,15.3-4.5  C154.3,63.5,158.9,60.1,160.8,56.5z"/>
    <path style="fill:#F55F19;"
          d="M140.1,58.1c-2.7-2.4-4.4-5.7-5-9.7c-1.4,4.8-2,11.1-0.5,18.7c3.1-0.7,9.6-2.5,15.1-5.2  C146,61.7,142.6,60.4,140.1,58.1z M114.5,179.2l6.8-8.6l-6.2-8.9l-11.4,0.9l-0.4,0.6c-1.3,1.9-4.1,2.4-6.5,2.4c-2,0-3.8-0.3-4.5-0.7  c-2.3-1.8-5.3-4.4-8.2-6.9l0.2,12.2l8.1,2.4l-0.5,9.3l0,0.2l5.3,18.6l16.7-1.4l7-9.7c0,0-20.3-8.5-22.4-9.7l1.1-5L114.5,179.2  L114.5,179.2z M202.7,178.1l0.8-17.9l-8.1,0.2c0.1,2.9,0.2,11.7,0.2,17.7l-11.8,14.8l14.9,4.5l15.1-4.5L202.7,178.1L202.7,178.1z   M172,154.3l-19.8-3.4l-6.4,8.8l5.8,8.6l25.4-6.9l1.1-19.3l-7.2,0.2L172,154.3L172,154.3z"/>
    <path style="fill:#191919;"
          d="M130.7,21.8c-0.3,0.5-1.2,3.1-1.9,3c-3.5-0.6-8.6-1.2-12.2-1.8c-0.7-0.1-0.9,0-0.3,0.2  c4.9,1.7,10.2,3,14.8,5.3c0.9,0.3,2-0.2,2.2-1.1c0.3-1.4-0.6-6.3-0.6-6.3L130.7,21.8L130.7,21.8z M138.2,42.7  c-0.5,5.6,0.9,10.2,4,13c3.2,2.9,8,3.7,13.1,2.3C145.9,54.6,140.2,49.4,138.2,42.7z M170.3,26.9c-3.3,1.5-8.1,3.3-11.4,4.7  c-0.6,0.3-2.1-2-2.6-2.4l-2.1-0.3c0,0,0.3,5,1,6.3c0.4,0.8,1.5,1,2.4,0.5c3.8-3.3,8.7-5.9,13-8.7C171.2,26.6,171,26.6,170.3,26.9z"/>
    <path style="fill:#0087CD;"
          d="M688.7,147.2c0-6.3,3-11.9,9.8-11.9c1.1,0,2.2,0.1,3.2,0.4l0.3-11.8c-0.9-0.1-1.8-0.2-2.7-0.2  c-5.2,0-9.6,2.7-12.2,7.2l-0.2-6.2H676v41.9h12.7L688.7,147.2L688.7,147.2z M667.1,124.7h-12.7v41.9h12.7V124.7z M873.3,193  l-3.7-8.5l-18.9,10.5l2.6,5.7L873.3,193z M536.5,163.3c3,2.7,7.6,4.3,12,4.3c11.5,0,19.5-9.8,19.5-22.6c0-12.2-6.8-21.3-17.5-21.3  c-4.7,0-10,2.7-12,8v2.8c1.7-1.2,3.9-2.1,6.8-2.1c6.4,0,9.9,5,9.9,12c0,7.4-3.9,13-10.3,13c-3.4,0-6.5-1.5-8.4-4.3v-28.4h-12.7V181  h12.7V163.3L536.5,163.3z M451.8,166.6h12.7v-41.9h-12.7V166.6z M640.2,167.6c4.6,0,10.3-2.7,12.3-8v-2.8c-1.7,1.3-3.8,2.1-6.3,2.1  c-5.9,0-8.1-3.9-8.1-10v-24.2h-12.7v25.5C625.3,160.5,629.3,167.6,640.2,167.6L640.2,167.6z M458.2,118.7c4.3,0,7.2-2.7,7.2-6.8  c0-4-2.9-6.6-7.2-6.6c-4.3,0-7.2,2.6-7.2,6.6C451,116,453.9,118.7,458.2,118.7z M519.9,204.2c-13.1,0-22.5,8.2-22.5,21.7  c0,13.7,9.4,22.1,22.5,22.1c13.2,0,22.5-8.5,22.5-22.1C542.4,212.5,533.1,204.2,519.9,204.2z M519.9,237.8c-6,0-9.8-4.8-9.8-11.8  c0-6.8,3.9-11.5,9.8-11.5s9.8,4.7,9.8,11.5C529.7,232.9,525.8,237.8,519.9,237.8z M618.5,145.5c0-13.4-9.3-21.7-22.5-21.7  c-13.1,0-22.5,8.2-22.5,21.7c0,13.7,9.4,22.1,22.5,22.1C609.2,167.6,618.5,159.2,618.5,145.5z M596,157.3c-6,0-9.8-4.8-9.8-11.8  c0-6.8,3.9-11.5,9.8-11.5s9.8,4.7,9.8,11.5C605.9,152.5,602,157.3,596,157.3z M477.5,247h12.7v-41.9h-12.7V247z M607.1,185.8  c-4.3,0-7.2,2.6-7.2,6.6c0,4.1,3,6.8,7.2,6.8c4.3,0,7.2-2.7,7.2-6.8C614.4,188.3,611.5,185.8,607.1,185.8z M579.3,208.5  c-3-2.7-7.6-4.3-11.9-4.3c-11.5,0-19.5,9.8-19.5,22.6c0,12.2,6.8,21.3,17.5,21.3c4.7,0,9.9-2.7,11.9-8v-2.8  c-1.7,1.2-3.9,2.1-6.8,2.1c-6.3,0-9.8-5-9.8-12.1c0-7.3,3.9-12.9,10.3-12.9c3.4,0,6.4,1.5,8.4,4.3v28.4H592v-61.7h-12.7V208.5  L579.3,208.5z M640.3,234l-10.5-28.8h-12.2l17.2,41.9h11.1l17.1-41.9h-12.2L640.3,234L640.3,234z M483.8,185.8  c-4.3,0-7.2,2.6-7.2,6.6c0,4.1,3,6.8,7.2,6.8c4.3,0,7.2-2.7,7.2-6.8C491.1,188.3,488.1,185.8,483.8,185.8z M499.4,123.8  c-0.9-0.1-1.8-0.2-2.7-0.2c-5.2,0-9.6,2.7-12.2,7.2l-0.2-6.2h-10.9v41.9h12.7v-19.4c0-6.3,3-11.9,9.8-11.9c1.1,0,2.2,0.1,3.2,0.4  L499.4,123.8L499.4,123.8z M600.8,247h12.7v-41.9h-12.7V247z M824.4,194.9h-10.3l-1.8,10.3h-7.1v9.4h6.4V233  c0,10.3,4.6,15.1,14.6,15.1c4.3,0,7.9-0.7,10.4-1.5l-0.3-9.7c-1.5,0.6-3.5,1-5.9,1c-4.3,0-6.1-2.3-6.1-7.2v-16h12.5v-9.4h-12.5  L824.4,194.9L824.4,194.9z M793.5,185.8c-4.3,0-7.2,2.6-7.2,6.6c0,4.1,3,6.8,7.2,6.8c4.3,0,7.2-2.7,7.2-6.8  C800.7,188.3,797.8,185.8,793.5,185.8z M687.1,224.6c-2.2,0-4.9-0.5-6.8-1.6v2.7c2.8,3.6,7.1,5.1,11.6,5.1c7.1,0,14.2-3.8,14.2-11.7  c0-11.2-9.5-14.9-19-14.9c-12.9,0-21.5,8.5-21.5,21.4c0,14.8,9.6,22.5,23.8,22.5c5.2,0,11.2-1,15.7-3.7l-1.4-8.8  c-3.8,1.9-8,3-12.2,3c-8.5,0-13.7-4-13.7-12.9c0-6,2.6-12.4,9.5-12.4c3.9,0,7.3,1.6,7.3,5.9C694.5,223.1,690.4,224.6,687.1,224.6  L687.1,224.6z M866.8,238.6c-8.5,0-13.7-4-13.7-12.9c0-6,2.6-12.4,9.5-12.4c3.9,0,7.3,1.6,7.3,5.9c0,3.9-4.2,5.4-7.4,5.4  c-2.2,0-4.9-0.5-6.8-1.6v2.7c2.8,3.6,7.1,5.1,11.6,5.1c7.1,0,14.2-3.8,14.2-11.7c0-11.2-9.5-14.9-19-14.9  c-12.9,0-21.5,8.5-21.5,21.4c0,14.8,9.6,22.5,23.8,22.5c5.2,0,11.2-1,15.7-3.7l-1.4-8.8C875.2,237.5,871,238.6,866.8,238.6  L866.8,238.6z M787.2,247h12.7v-41.9h-12.7L787.2,247L787.2,247z M755,216.9c0-3.5,4.2-3.9,6.9-3.9c4.4,0,10.3,1.9,13.7,3.9l1.3-8.9  c-4.6-2.5-9.7-3.8-14.9-3.8c-9.5,0-19,2.9-19,13.6c0,16.4,25,10.3,25,17.2c0,3.5-4.7,3.9-7.2,3.9c-5.8,0-11.6-1.1-16.7-4l-0.6,9.3  c5.3,2.8,11.3,3.9,17.3,3.9c9.1,0,19.5-2.6,19.5-13.6C780.2,217.6,755,224.3,755,216.9L755,216.9z M724.5,211.4l-0.2-6.2h-10.9V247  h12.7v-19.4c0-6.3,3-11.9,9.8-11.9c1.1,0,2.2,0.1,3.2,0.4l0.3-11.8c-0.9-0.1-1.8-0.2-2.7-0.2C731.5,204.1,727.1,206.9,724.5,211.4  L724.5,211.4z M383.2,166.6h13.6l-24.3-60.9h-15L333,166.6h13.6l4.8-12.6h27L383.2,166.6L383.2,166.6z M355,143.9l9.8-25.6l9.9,25.6  H355z M338,247h12.7v-61.6H338V247z M377.5,204.2c-5.1,0-10.1,1-14.7,3.5l1.2,9c3.6-2.2,7.7-3.3,11.8-3.3c5.5,0,9.8,2.5,9.8,8.6v0.7  c-3.2-0.7-6.4-1.1-9.8-1.1c-9.6,0-18.4,3.3-18.4,13.3c0,7.6,5.4,13.1,13.3,13.1c5.3,0,10.8-2.6,13-8.4v-2.8c-1.9,1.5-5.1,2.4-8,2.4  c-3.8,0-6.5-1.7-6.5-5.2c0-4.1,3.9-5.6,8.7-5.6c2.5,0,5.1,0.3,7.7,0.9V247H398v-23.8C398,209.8,390,204.2,377.5,204.2L377.5,204.2z   M452.8,204.2c-4.7,0-10,2.7-12,8v2.8c1.7-1.2,3.9-2.1,6.8-2.1c6.4,0,9.9,5,9.9,12c0,7.4-3.9,13-10.3,13c-3.4,0-6.5-1.5-8.4-4.3  v-48.1h-12.7V247h11.8l0.1-3.9c3,3.1,8.1,4.9,12.8,4.9c11.5,0,19.5-9.8,19.5-22.6C470.3,213.2,463.6,204.2,452.8,204.2L452.8,204.2z   M443,160.1v-35.4h-11.8l-0.1,3.9c-3.4-3.2-8.3-4.8-12.6-4.8c-11.6,0-19.6,9.3-19.6,21.3c0,11.6,6.7,20.1,17.5,20.1  c4.7,0,10-2.7,12-8v-2.8c-1.7,1.2-3.9,2.1-6.8,2.1c-6.4,0-9.9-4.5-9.9-10.9c0-6.7,3.9-11.7,10.4-11.7c3.3,0,6.4,1.5,8.4,4.2v23.7  c0,7.9-7,10.1-13.7,10.1c-4.2,0-8.7-1.1-12.6-3l-1,9.7c5.1,2.3,10.6,3.4,16.2,3.4C434.2,182,443,175.9,443,160.1L443,160.1z"/>
</svg>

                                </a>
                            </div>
                        </div>
                        <!-- End Logo -->
                    </div>
                    <div class="w-100 row justify-content-lg-between align-items-center py-4 ml-lg-3" style="z-index:4">
                        <!-- Header search bar -->
                        <div class="header-search-container col-12 col-lg-6 px-0">
                                                        <div class="ui form items">
    <form name="monsieurbiz_searchplugin_search" class="ui search item category"
          action="/search"
          tabindex="-1"
          method="POST">

            
        <div class="position-relative d-flex align-items-center">
            <input
                type="search" name="monsieurbiz_searchplugin_search[query]" id="monsieurbiz_searchplugin_search_query"
                required
                class="bg-white border border-orange py-2 px-3 font-size-1 text-gray-dark w-100 rounded"
                value=""
                placeholder="Que recherchez-vous ?"
            />

            <button id="monsieurbiz_searchplugin_search_submit" name="monsieurbiz_searchplugin_search[submit]" type="submit"
                    title="Lancer la recherche"
                    class="ui primary button submit position-absolute right-0 mr-3 mt-n1 text-primary btn-unstyled bg-white">
                <svg width="20px"    height="20px"    viewBox="0 0 512 512"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path
        d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/>
</svg>
            </button>
        </div>
            </form>

                        </div>

                        </div>

                        <!-- My account/Cart -->
                        <div class="js-flow-headercart col-lg-6"></div>
                    </div>
                </div>

                <!-- Main nav -->
                
    <!-- cache key "custom;common;header;menu;20260617b;1" generated at 2026-11-14 13:22:54 -->
                        
    <nav
        class="navbar navbar-expand-lg row px-3 px-lg-5 py-lg-3 flex-grow-1 align-items-start">
                    <ul class="js-nav-menu navbar-nav d-flex justify-content-center pe-0 mx-auto">
                                                <li class="nav-item dropdown mb-3 mb-lg-0 mr-6">
                    <a href="#"
                       id="dropdownProducts1"
                       class="dropdown-toggle dropdown-product d-inline-flex align-items-center justify-content-between w-100 text-decoration-none font-bold text-uppercase font-size-1"
                       role="button"
                       data-bs-toggle="dropdown"
                       data-bs-auto-close="outside"
                       data-bs-display="static"
                       aria-haspopup="true" aria-expanded="false"
                    >
                        <span class="">Accueillir</span>
                        <span class="fas fa-angle-down text-primary ml-2 d-none d-lg-inline-block"></span>
                        <span class="fas fa-angle-right ml-2 d-lg-none"></span>
                    </a>

                    <div class="dropdown-menu p-0" aria-labelledby="dropdownProducts1">
                        <div class="dropdown-menu-container d-flex bg-white shadow">
                                                        <aside class="dropdownMenu shadow py-lg-3 js-nav-sub">
                                <a href="#" role="button"
                                   class="js-closeSlide d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                    <span class="fas fa-angle-left mr-2"></span>
                                    <span class="text-uppercase font-bold">Accueillir</span>
                                </a>
                                <ul class="list-unstyled">
                                                                                                                                                                                                                                                                        <li
                                                data-toggler="01_-_accueillir-01_-_accueillir_nichoirs_oiseaux"
                                                class="dropdownMenu-item dropdown-item menu-toggler active pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Nichoirs oiseaux
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/nichoirs-chauves-souris"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Nichoirs chauves-souris
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/gites-insectes-et-papillons"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Gîtes insectes et papillons
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/abris-herissons"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Abris hérissons
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/abris-ecureuils-et-petits-rongeurs"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Abris écureuils et petits rongeurs
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/abris-amphibiens"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Abris amphibiens
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li
                                                data-toggler="01_-_accueillir-01_-_accueillir_protection_faune_sauvage"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Protection faune sauvage
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                        </ul>
                            </aside>
                            
                            
                            <div class="dropdownSubmenu p-lg-5 position-relative">
                                                                                                <div class="dropdownSubmenu-cta d-none gap-3 align-items-stretch">
                                                                        <a href="https://boutique.lpo.fr/produit/JO1101" class="menu-cta-card menu-cta-card--slot-1 position-relative overflow-hidden rounded text-decoration-none">
                                        <img src="/media/uploads/images/taxons/jo1101-rampe-anti-noyade-lpo-45cm-2-6a4b81e128288500302323.jpg" alt="Une rampe à petit prix, utile à la petite faune !" class="w-100 h-100 menu-cta-card__img">
                                        <div class="menu-cta-card__overlay position-absolute bottom-0 start-0 w-100 p-3 d-flex flex-column align-items-center">
                                                                                        <span class="text-white font-bold mb-3 menu-cta-card__title mx-auto">Une rampe à petit prix, utile à la petite faune !</span>
                                                                                                                                    <span class="btn btn-primary btn-sm text-white mx-auto">En profiter</span>
                                                                                    </div>
                                    </a>
                                                                                                            <a href="https://boutique.lpo.fr/actus-et-conseils/Comment-proteger-le-herisson" class="menu-cta-card menu-cta-card--slot-2 position-relative overflow-hidden rounded text-decoration-none">
                                        <img src="/media/uploads/images/taxons/herisson-europe-michel-wohrel-6a4b81e12846a507724700.jpg" alt="Comment protéger le hérisson ?" class="w-100 h-100 menu-cta-card__img">
                                        <div class="menu-cta-card__overlay position-absolute bottom-0 start-0 w-100 p-3 d-flex flex-column align-items-center">
                                                                                        <span class="text-white font-bold mb-3 menu-cta-card__title mx-auto">Comment protéger le hérisson ?</span>
                                                                                                                                    <span class="btn btn-primary btn-sm text-white mx-auto">Lire l&#039;article</span>
                                                                                    </div>
                                    </a>
                                                                    </div>
                                                                
                                                                                                                                                                                                            <div id="01_-_accueillir-01_-_accueillir_nichoirs_oiseaux"
                                         class="dropdownSubmenu-container active">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Nichoirs oiseaux</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/nichoirs-oiseaux/nichoirs-oiseaux-des-jardins">
                                                        <span class="text">Nichoirs oiseaux des jardins</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/nichoirs-oiseaux/nichoirs-hirondelles-et-martinets">
                                                        <span class="text">Nichoirs hirondelles et martinets</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/nichoirs-oiseaux/nichoirs-specifiques">
                                                        <span class="text">Nichoirs spécifiques</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/nichoirs-oiseaux/accessoires-nichoirs">
                                                        <span class="text">Accessoires nichoirs</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/nichoirs-oiseaux">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Nichoirs oiseaux</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div id="01_-_accueillir-01_-_accueillir_protection_faune_sauvage"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Protection faune sauvage</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/protection-faune-sauvage/anticollisions-vitres-oiseaux">
                                                        <span class="text">Anticollisions vitres oiseaux</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/protection-faune-sauvage/repulsifs-chats">
                                                        <span class="text">Répulsifs chats</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/protection-faune-sauvage/protection-faune">
                                                        <span class="text">Protection faune</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/protection-faune-sauvage/pieges-chenilles-processionaires">
                                                        <span class="text">Pièges chenilles processionaires</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/protection-faune-sauvage">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Protection faune sauvage</span>
                                        </a>
                                    </div>
                                                                                                                                                                    </div>
                        </div>
                    </div>
                </li>
                                <li class="nav-item dropdown mb-3 mb-lg-0 mr-6">
                    <a href="#"
                       id="dropdownProducts2"
                       class="dropdown-toggle dropdown-product d-inline-flex align-items-center justify-content-between w-100 text-decoration-none font-bold text-uppercase font-size-1"
                       role="button"
                       data-bs-toggle="dropdown"
                       data-bs-auto-close="outside"
                       data-bs-display="static"
                       aria-haspopup="true" aria-expanded="false"
                    >
                        <span class="">Nourrir</span>
                        <span class="fas fa-angle-down text-primary ml-2 d-none d-lg-inline-block"></span>
                        <span class="fas fa-angle-right ml-2 d-lg-none"></span>
                    </a>

                    <div class="dropdown-menu p-0" aria-labelledby="dropdownProducts2">
                        <div class="dropdown-menu-container d-flex bg-white shadow">
                                                        <aside class="dropdownMenu shadow py-lg-3 js-nav-sub">
                                <a href="#" role="button"
                                   class="js-closeSlide d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                    <span class="fas fa-angle-left mr-2"></span>
                                    <span class="text-uppercase font-bold">Nourrir</span>
                                </a>
                                <ul class="list-unstyled">
                                                                                                                                                                                                                                                                        <li
                                                data-toggler="02_-_nourrir-02_-_nourrir_mangeoires_oiseaux"
                                                class="dropdownMenu-item dropdown-item menu-toggler active pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Mangeoires oiseaux
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li
                                                data-toggler="02_-_nourrir-02_-_nourrir_nourriture_oiseaux"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Nourriture oiseaux
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/abreuvoirs-et-bains-d-oiseaux"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Abreuvoirs et bains d&#039;oiseaux
                                                    </span>
                                                </a>
                                            </li>
                                                                                                            </ul>
                            </aside>
                            
                            
                            <div class="dropdownSubmenu p-lg-5 position-relative">
                                                                                                
                                                                                                                                                                                                            <div id="02_-_nourrir-02_-_nourrir_mangeoires_oiseaux"
                                         class="dropdownSubmenu-container active">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Mangeoires oiseaux</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/mangeoires-oiseaux/mangeoires-graines-et-cacahuetes">
                                                        <span class="text">Mangeoires graines et cacahuètes</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/mangeoires-oiseaux/mangeoires-boules-et-pains-de-graisse">
                                                        <span class="text">Mangeoires boules et pains de graisse</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/mangeoires-oiseaux/accessoires-mangeoires">
                                                        <span class="text">Accessoires mangeoires</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/mangeoires-oiseaux">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Mangeoires oiseaux</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                    <div id="02_-_nourrir-02_-_nourrir_nourriture_oiseaux"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Nourriture oiseaux</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/nourriture-oiseaux/graines-et-cacahuetes">
                                                        <span class="text">Graines et cacahuètes</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/nourriture-oiseaux/graisse-pour-oiseaux">
                                                        <span class="text">Graisse pour oiseaux</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/nourriture-oiseaux/vers-de-farine">
                                                        <span class="text">Vers de farine</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/nourriture-oiseaux">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Nourriture oiseaux</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                                        </div>
                        </div>
                    </div>
                </li>
                                <li class="nav-item dropdown mb-3 mb-lg-0 mr-6">
                    <a href="#"
                       id="dropdownProducts3"
                       class="dropdown-toggle dropdown-product d-inline-flex align-items-center justify-content-between w-100 text-decoration-none font-bold text-uppercase font-size-1"
                       role="button"
                       data-bs-toggle="dropdown"
                       data-bs-auto-close="outside"
                       data-bs-display="static"
                       aria-haspopup="true" aria-expanded="false"
                    >
                        <span class="">Observer</span>
                        <span class="fas fa-angle-down text-primary ml-2 d-none d-lg-inline-block"></span>
                        <span class="fas fa-angle-right ml-2 d-lg-none"></span>
                    </a>

                    <div class="dropdown-menu p-0" aria-labelledby="dropdownProducts3">
                        <div class="dropdown-menu-container d-flex bg-white shadow">
                                                        <aside class="dropdownMenu shadow py-lg-3 js-nav-sub">
                                <a href="#" role="button"
                                   class="js-closeSlide d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                    <span class="fas fa-angle-left mr-2"></span>
                                    <span class="text-uppercase font-bold">Observer</span>
                                </a>
                                <ul class="list-unstyled">
                                                                                                                                                                                                                                                                        <li
                                                data-toggler="03_-_observer-03_-_observer_jumelles_et_monoculaires"
                                                class="dropdownMenu-item dropdown-item menu-toggler active pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Jumelles et monoculaires
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/longues-vues"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Longues-vues
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/vision-nocturne-et-thermique"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Vision nocturne et thermique
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/pieges-photographiques"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Pièges photographiques
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/trepieds-et-rotules"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Trépieds et rotules
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/detecteurs-ultrasons-enregistreurs-audios"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Détecteurs ultrasons, enregistreurs audios
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li
                                                data-toggler="03_-_observer-03_-_observer_accessoires_optique"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Accessoires optique
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li
                                                data-toggler="03_-_observer-03_-_observer_Équipements_dobservation"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Équipements d&#039;observation
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                        </ul>
                            </aside>
                            
                            
                            <div class="dropdownSubmenu p-lg-5 position-relative">
                                                                                                <div class="dropdownSubmenu-cta d-none gap-3 align-items-stretch">
                                                                        <a href="https://boutique.lpo.fr/actus-et-conseils/Choisir-sa-longue-vue-pour-l-ornithologie-Guide-essentiel" class="menu-cta-card menu-cta-card--slot-1 position-relative overflow-hidden rounded text-decoration-none">
                                        <img src="/media/uploads/images/taxons/boutique-lpo-observer-longues-vues-6a4b7fbec5d21722086244.jpg" alt="Comment choisir sa longue-vue ?" class="w-100 h-100 menu-cta-card__img">
                                        <div class="menu-cta-card__overlay position-absolute bottom-0 start-0 w-100 p-3 d-flex flex-column align-items-center">
                                                                                        <span class="text-white font-bold mb-3 menu-cta-card__title mx-auto">Comment choisir sa longue-vue ?</span>
                                                                                                                                    <span class="btn btn-primary btn-sm text-white mx-auto">Lire l&#039;article</span>
                                                                                    </div>
                                    </a>
                                                                                                        </div>
                                                                
                                                                                                                                                                                                            <div id="03_-_observer-03_-_observer_jumelles_et_monoculaires"
                                         class="dropdownSubmenu-container active">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Jumelles et monoculaires</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/jumelles-et-monoculaires/jumelles">
                                                        <span class="text">Jumelles</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/jumelles-et-monoculaires/monoculaires">
                                                        <span class="text">Monoculaires</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/jumelles-et-monoculaires">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Jumelles et monoculaires</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div id="03_-_observer-03_-_observer_accessoires_optique"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Accessoires optique</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-optique/accessoires-jumelles">
                                                        <span class="text">Accessoires jumelles</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-optique/accessoires-longues-vues">
                                                        <span class="text">Accessoires longues-vues</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-optique/digiscopie">
                                                        <span class="text">Digiscopie</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/accessoires-optique">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Accessoires optique</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                    <div id="03_-_observer-03_-_observer_Équipements_dobservation"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Équipements d&#039;observation</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/equipements-d-observation/lampes-loupes-et-boussoles">
                                                        <span class="text">Lampes, loupes et boussoles</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/equipements-d-observation/affuts-et-accessoires">
                                                        <span class="text">Affûts et accessoires</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/equipements-d-observation">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Équipements d&#039;observation</span>
                                        </a>
                                    </div>
                                                                                                                                                                    </div>
                        </div>
                    </div>
                </li>
                                <li class="nav-item dropdown mb-3 mb-lg-0 mr-6">
                    <a href="#"
                       id="dropdownProducts4"
                       class="dropdown-toggle dropdown-product d-inline-flex align-items-center justify-content-between w-100 text-decoration-none font-bold text-uppercase font-size-1"
                       role="button"
                       data-bs-toggle="dropdown"
                       data-bs-auto-close="outside"
                       data-bs-display="static"
                       aria-haspopup="true" aria-expanded="false"
                    >
                        <span class="">Apprendre</span>
                        <span class="fas fa-angle-down text-primary ml-2 d-none d-lg-inline-block"></span>
                        <span class="fas fa-angle-right ml-2 d-lg-none"></span>
                    </a>

                    <div class="dropdown-menu p-0" aria-labelledby="dropdownProducts4">
                        <div class="dropdown-menu-container d-flex bg-white shadow">
                                                        <aside class="dropdownMenu shadow py-lg-3 js-nav-sub">
                                <a href="#" role="button"
                                   class="js-closeSlide d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                    <span class="fas fa-angle-left mr-2"></span>
                                    <span class="text-uppercase font-bold">Apprendre</span>
                                </a>
                                <ul class="list-unstyled">
                                                                                                                                                                                                                                                                        <li
                                                data-toggler="04_-_apprendre-04_-_apprendre_livres"
                                                class="dropdownMenu-item dropdown-item menu-toggler active pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Livres
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/cours-en-ligne"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Cours en ligne
                                                    </span>
                                                </a>
                                            </li>
                                                                                                                                                                <li
                                                data-toggler="04_-_apprendre-04_-_apprendre_jeunesse"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Jeunesse
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li
                                                data-toggler="04_-_apprendre-04_-_apprendre_papeterie"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Papeterie
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li
                                                data-toggler="04_-_apprendre-04_-_apprendre_accessoires_mode"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Accessoires mode
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li
                                                data-toggler="04_-_apprendre-04_-_apprendre_accessoires_maison"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Accessoires maison
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                        </ul>
                            </aside>
                            
                            
                            <div class="dropdownSubmenu p-lg-5 position-relative">
                                                                                                
                                                                                                                                                                                                            <div id="04_-_apprendre-04_-_apprendre_livres"
                                         class="dropdownSubmenu-container active">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Livres</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/livres/oiseaux">
                                                        <span class="text">Oiseaux</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/livres/faune">
                                                        <span class="text">Faune</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/livres/fleurs-et-plantes">
                                                        <span class="text">Fleurs et plantes</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/livres/jardins-et-biodiversite">
                                                        <span class="text">Jardins et biodiversité</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/livres/loisirs-et-vie-pratique">
                                                        <span class="text">Loisirs et vie pratique</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/livres/lecture-militante">
                                                        <span class="text">Lecture militante</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/livres">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Livres</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                                                                                        <div id="04_-_apprendre-04_-_apprendre_jeunesse"
                                         class="d-none dropdownSubmenu-container--columns">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Jeunesse</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <div
                                                        class="dropdownSubmenu-item d-flex d-lg-none align-items-baseline justify-content-between text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold dropdown-toggle"
                                                        data-bs-toggle="dropdown" aria-expanded="false">
                                                        <span class="text">Livres jeunesse</span>
                                                        <span class="fas fa-angle-down text-dark ml-2"></span>
                                                    </div>
                                                    <a class="dropdownSubmenu-item d-none d-lg-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/jeunesse/livres-jeunesse">
                                                        <span class="text">Livres jeunesse</span>
                                                    </a>

                                                                                                        <ul class="dropdown-menu py-0 pl-2 pl-lg-0">
                                                                                                                                                                                    <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/livres-jeunesse/livres-d-eveil"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Livres d&#039;éveil</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/livres-jeunesse/livres-des-3-ans"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Livres dès 3 ans</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/livres-jeunesse/livres-des-6-ans"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Livres dès 6 ans</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/livres-jeunesse/livres-des-8-ans"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Livres dès 8 ans</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/livres-jeunesse/livres-12-ans-et"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Livres 12 ans et +</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                            <a class="dropdown-link d-flex d-lg-none justify-content-between text-dark text-decoration-underline mb-3 mb-lg-1 font-size-1"
                                                           href="/categorie/jeunesse/livres-jeunesse">
                                                            Voir tout
                                                        </a>
                                                    </ul>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <div
                                                        class="dropdownSubmenu-item d-flex d-lg-none align-items-baseline justify-content-between text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold dropdown-toggle"
                                                        data-bs-toggle="dropdown" aria-expanded="false">
                                                        <span class="text">Jeux et jouets</span>
                                                        <span class="fas fa-angle-down text-dark ml-2"></span>
                                                    </div>
                                                    <a class="dropdownSubmenu-item d-none d-lg-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/jeunesse/jeux-et-jouets">
                                                        <span class="text">Jeux et jouets</span>
                                                    </a>

                                                                                                        <ul class="dropdown-menu py-0 pl-2 pl-lg-0">
                                                                                                                                                                                    <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/jeux-et-jouets/doudous-peluches-et-jouets"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Doudous, peluches et jouets</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/jeux-et-jouets/jeux-de-cartes"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Jeux de cartes</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/jeux-et-jouets/jeux-de-societe"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Jeux de société</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/jeux-et-jouets/puzzles"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Puzzles</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                            <a class="dropdown-link d-flex d-lg-none justify-content-between text-dark text-decoration-underline mb-3 mb-lg-1 font-size-1"
                                                           href="/categorie/jeunesse/jeux-et-jouets">
                                                            Voir tout
                                                        </a>
                                                    </ul>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <div
                                                        class="dropdownSubmenu-item d-flex d-lg-none align-items-baseline justify-content-between text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold dropdown-toggle"
                                                        data-bs-toggle="dropdown" aria-expanded="false">
                                                        <span class="text">Activités enfants</span>
                                                        <span class="fas fa-angle-down text-dark ml-2"></span>
                                                    </div>
                                                    <a class="dropdownSubmenu-item d-none d-lg-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/jeunesse/activites-enfants">
                                                        <span class="text">Activités enfants</span>
                                                    </a>

                                                                                                        <ul class="dropdown-menu py-0 pl-2 pl-lg-0">
                                                                                                                                                                                    <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/activites-enfants/coloriages"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Coloriages</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/activites-enfants/activites-creatives"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Activités créatives</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/activites-enfants/plein-air"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Plein air</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/activites-enfants/outils-d-animations-nature"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Outils d&#039;animations nature</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                                                                                                <li class="pb-3 pb-lg-0">
                                                                    <a class="menu-level-four-item text-gray-dark text-decoration-none align-items-baseline d-flex"
                                                                       href="/categorie/jeunesse/activites-enfants/posters-pedagogiques"
                                                                    >
                                                                        <span class="fas fa-angle-right mr-2 text-primary"></span>
                                                                        <span class="text">Posters pédagogiques</span>
                                                                    </a>
                                                                </li>
                                                                                                                                                                            <a class="dropdown-link d-flex d-lg-none justify-content-between text-dark text-decoration-underline mb-3 mb-lg-1 font-size-1"
                                                           href="/categorie/jeunesse/activites-enfants">
                                                            Voir tout
                                                        </a>
                                                    </ul>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/jeunesse">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Jeunesse</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                    <div id="04_-_apprendre-04_-_apprendre_papeterie"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Papeterie</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/papeterie/posters-et-affiches">
                                                        <span class="text">Posters et affiches</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/papeterie/marque-pages">
                                                        <span class="text">Marque-pages</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/papeterie/cartes-postales">
                                                        <span class="text">Cartes postales</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/papeterie/carnets-et-blocs-notes">
                                                        <span class="text">Carnets et blocs-notes</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/papeterie/calendriers">
                                                        <span class="text">Calendriers</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/papeterie/agendas">
                                                        <span class="text">Agendas</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/papeterie">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Papeterie</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                    <div id="04_-_apprendre-04_-_apprendre_accessoires_mode"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Accessoires mode</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-mode/broches">
                                                        <span class="text">Broches</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-mode/porte-cles">
                                                        <span class="text">Porte-clés</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-mode/sacs-et-parapluies">
                                                        <span class="text">Sacs et parapluies</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/accessoires-mode">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Accessoires mode</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                    <div id="04_-_apprendre-04_-_apprendre_accessoires_maison"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Accessoires maison</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-maison/mugs-et-sets-de-table">
                                                        <span class="text">Mugs et sets de table</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-maison/decoration-interieure">
                                                        <span class="text">Décoration intérieure</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-maison/magnets">
                                                        <span class="text">Magnets</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/accessoires-maison/decoration-exterieure">
                                                        <span class="text">Décoration extérieure</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/accessoires-maison">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Accessoires maison</span>
                                        </a>
                                    </div>
                                                                                                                                                                    </div>
                        </div>
                    </div>
                </li>
                                <li class="nav-item dropdown mb-3 mb-lg-0 mr-6">
                    <a href="#"
                       id="dropdownProducts5"
                       class="dropdown-toggle dropdown-product d-inline-flex align-items-center justify-content-between w-100 text-decoration-none font-bold text-uppercase font-size-1"
                       role="button"
                       data-bs-toggle="dropdown"
                       data-bs-auto-close="outside"
                       data-bs-display="static"
                       aria-haspopup="true" aria-expanded="false"
                    >
                        <span class="">Militer</span>
                        <span class="fas fa-angle-down text-primary ml-2 d-none d-lg-inline-block"></span>
                        <span class="fas fa-angle-right ml-2 d-lg-none"></span>
                    </a>

                    <div class="dropdown-menu p-0" aria-labelledby="dropdownProducts5">
                        <div class="dropdown-menu-container d-flex bg-white shadow">
                                                        <aside class="dropdownMenu shadow py-lg-3 js-nav-sub">
                                <a href="#" role="button"
                                   class="js-closeSlide d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                    <span class="fas fa-angle-left mr-2"></span>
                                    <span class="text-uppercase font-bold">Militer</span>
                                </a>
                                <ul class="list-unstyled">
                                                                                                                                                                                                                                                                        <li
                                                data-toggler="05_-_militer-05_-_militer_collection_lpo"
                                                class="dropdownMenu-item dropdown-item menu-toggler active pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Collection LPO
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li
                                                data-toggler="05_-_militer-05_-_militer_revues_lpo"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Revues LPO
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li
                                                data-toggler="05_-_militer-05_-_militer_mode_de_vie_ecologique"
                                                class="dropdownMenu-item dropdown-item menu-toggler  pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex justify-content-between text-dark font-bold"
                                                tabindex="-1">
                                                <div class="d-flex align-items-center">
                                                    <span class="dropdown-item-title">
                                                        Mode de vie écologique
                                                    </span>
                                                </div>
                                                <span class="fas fa-angle-right ml-1"></span>
                                            </li>
                                                                                                                                                                                                            <li class="dropdownMenu-item dropdown-item pt-0 pb-3 py-lg-3 font-size-1 align-items-center d-flex text-dark font-bold">
                                                <a href="/categorie/cartes-cadeaux-lpo"
                                                   class="d-flex align-items-center text-dark text-decoration-none w-100">
                                                    <span class="dropdown-item-title">
                                                        Cartes cadeaux LPO
                                                    </span>
                                                </a>
                                            </li>
                                                                                                            </ul>
                            </aside>
                            
                            
                            <div class="dropdownSubmenu p-lg-5 position-relative">
                                                                                                
                                                                                                                                                                                                            <div id="05_-_militer-05_-_militer_collection_lpo"
                                         class="dropdownSubmenu-container active">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Collection LPO</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/collection-lpo/textile-lpo">
                                                        <span class="text">Textile LPO</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/collection-lpo/accessoires-lpo">
                                                        <span class="text">Accessoires LPO</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/collection-lpo">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Collection LPO</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                    <div id="05_-_militer-05_-_militer_revues_lpo"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Revues LPO</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/revues-lpo/l-oiseau-mag">
                                                        <span class="text">L&#039;Oiseau Mag</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/revues-lpo/l-oiseau-mag-junior">
                                                        <span class="text">L&#039;Oiseau Mag Junior</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/revues-lpo/ornithos">
                                                        <span class="text">Ornithos</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/revues-lpo">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Revues LPO</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                    <div id="05_-_militer-05_-_militer_mode_de_vie_ecologique"
                                         class="d-none">
                                        <a href="#" role="button"
                                           class="js-closeSlideSub d-lg-none px-3 pb-3 text-primary text-decoration-none">
                                            <span class="fas fa-angle-left mr-2"></span>
                                            <span class="font-bold">Mode de vie écologique</span>
                                        </a>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/mode-de-vie-ecologique/cosmetiques-naturels">
                                                        <span class="text">Cosmétiques naturels</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/mode-de-vie-ecologique/produits-menagers-naturels">
                                                        <span class="text">Produits ménagers naturels</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/mode-de-vie-ecologique/mobilite-douce">
                                                        <span class="text">Mobilité douce</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/mode-de-vie-ecologique/jardin-responsable">
                                                        <span class="text">Jardin responsable</span>
                                                    </a>
                                                                                                                                            </div>
                                                                                    <div
                                                class="d-flex flex-column list-unstyled dropdown pl-3 pl-lg-4 pb-2">
                                                                                                                                                        <a class="dropdownSubmenu-item d-flex align-items-baseline text-dark text-decoration-none mb-3 mb-lg-1 font-size-1 font-bold"
                                                       href="/categorie/mode-de-vie-ecologique/accessoires-zero-dechet">
                                                        <span class="text">Accessoires zéro déchet</span>
                                                    </a>
                                                                                                                                            </div>
                                        
                                        <a class="dropdown-link-span d-flex align-items-baseline text-dark text-decoration-none mt-2 mb-4 mb-lg-0 font-size-1 font-bold"
                                           href="/categorie/mode-de-vie-ecologique">
                                            <span class="fas fa-angle-right text-primary mr-1"></span>
                                            <span class="text">Voir tous les produits Mode de vie écologique</span>
                                        </a>
                                    </div>
                                                                                                                                                                                                                                        </div>
                        </div>
                    </div>
                </li>
                                
                                
                                                                                                <li class="nav-item dropdown mb-3 mb-lg-0 mr-6 nav-item--promotions">
                        <a href="/categorie/promotions"
                           class="link-divider link-promotions d-inline-flex align-items-center text-decoration-none font-bold text-uppercase font-size-1">
                            <span>Promotions</span>
                        </a>
                    </li>
                
                    
                                            <li class="nav-item dropdown mb-3 mb-lg-0 mr-6">
                                                                                                                    <a href="/actus-et-conseils"
                               class="link-divider d-inline-flex align-items-center text-decoration-none font-bold text-uppercase font-size-1">
                                <span>Actus &amp; Conseils</span>
                            </a>
                        </li>
                                                    
                            </ul>
        
        <!-- Super Header Mobile -->
        <div class="js-reflow-superheader align-self-end w-100"></div>
    </nav>


<script>
    document.querySelectorAll('.dropdown-menu-container').forEach(function (container) {
        const togglers = container.querySelectorAll('.menu-toggler');
        const ctaPanel = container.querySelector('.dropdownSubmenu-cta');
        const plainLinks = container.querySelectorAll('.dropdownMenu-item:not(.menu-toggler)');
        let currentToggledMenu = null;

        togglers.forEach(function (toggler) {
            if (toggler.classList.contains('active')) {
                currentToggledMenu = toggler;
            }

            function showSubMenu() {
                if (currentToggledMenu === toggler) {
                    return;
                }

                const toggledDiv = this.dataset.toggler;

                if (currentToggledMenu) currentToggledMenu.classList.remove('active');
                currentToggledMenu = this;
                this.classList.add('active');

                const activePanel = container.querySelector('.dropdownSubmenu-container.active');
                if (activePanel) {
                    activePanel.classList.replace('dropdownSubmenu-container', 'd-none');
                    activePanel.classList.remove('active');
                }

                const toggledMenu = document.getElementById(toggledDiv);
                if (toggledMenu) {
                    toggledMenu.classList.replace('d-none', 'dropdownSubmenu-container');
                    toggledMenu.classList.add('active');
                }

                if (ctaPanel) ctaPanel.classList.add('d-none');
            }

            toggler.addEventListener('mouseover', showSubMenu, false);
            toggler.addEventListener('focus', showSubMenu, false);
            toggler.addEventListener('click', showSubMenu, false);
        });

        plainLinks.forEach(function (link) {
            link.addEventListener('mouseover', function () {
                if (currentToggledMenu) {
                    currentToggledMenu.classList.remove('active');
                    const activePanel = container.querySelector('.dropdownSubmenu-container.active');
                    if (activePanel) {
                        activePanel.classList.replace('dropdownSubmenu-container', 'd-none');
                        activePanel.classList.remove('active');
                    }
                    currentToggledMenu = null;
                }
                if (ctaPanel) {
                    ctaPanel.classList.remove('d-none');
                    ctaPanel.classList.add('d-flex');
                }
            }, false);
        });
    });
</script>

<script>
    (function () {
        // Ferme les autres dropdowns de premier niveau quand on en survole ou clique un nouveau,
        // pour que l'état .show / aria-expanded ne persiste pas après que l'utilisateur passe ailleurs.

        function closeDropdown(toggle) {
            // Tente d'utiliser l'API Bootstrap si exposée globalement (garde l'état interne sync).
            if (typeof bootstrap !== 'undefined' && bootstrap.Dropdown) {
                var instance = bootstrap.Dropdown.getInstance(toggle);
                if (instance) {
                    instance.hide();
                    toggle.blur();
                    return;
                }
            }
            // Fallback : nettoyage DOM direct (Bootstrap non exposé en global / instance non initialisée).
            toggle.setAttribute('aria-expanded', 'false');
            toggle.classList.remove('show');
            toggle.blur();
            var parent = toggle.closest('.dropdown');
            if (parent) {
                parent.classList.remove('show');
                parent.querySelectorAll('.dropdown-menu.show').forEach(function (menu) {
                    menu.classList.remove('show');
                });
            }
        }

        function closeOtherDropdowns(except) {
            var openToggles = document.querySelectorAll('.js-nav-menu .nav-item.dropdown > .dropdown-toggle[aria-expanded="true"], .js-nav-menu .nav-item.dropdown > .dropdown-toggle.show');
            openToggles.forEach(function (toggle) {
                if (toggle !== except) {
                    closeDropdown(toggle);
                }
            });
        }

        document.querySelectorAll('.js-nav-menu .nav-item').forEach(function (item) {
            item.addEventListener('mouseenter', function () {
                var ownToggle = item.querySelector(':scope > .dropdown-toggle');
                closeOtherDropdowns(ownToggle);
            });
        });

        document.querySelectorAll('.js-nav-menu .nav-item.dropdown > .dropdown-toggle').forEach(function (toggle) {
            toggle.addEventListener('click', function () {
                closeOtherDropdowns(toggle);
            });
        });
    })();
</script>
            </div>
        </div>
    </div>
</header>

<main
    class="main-content bg-secondary-light overflow-hidden "
    style="z-index:2">
    
    


    
        <div class="homepage m-0 bg-white" data-gtm-cta-scope="home">

                    <!-- cache key "shop;homepage;index;slider;20221017" generated at 2026-11-14 13:22:54 -->

            <h1 class="visually-hidden">Boutique de la Ligue pour la Protection des Oiseaux</h1>
                        <section class="block-main-banner banner-highlight bg-white pb-3 pb-md-0">
                <div class="js-carousel-highlight u-slick u-slick--equal-height shadow-sm mb-md-0">
                                            <div class="position-relative d-flex flex-column h-100">
                            <div class="banner-highlight-img">
                                                                    <img src="/media/uploads/images/highlights/banniere-site-mangeoires-6af594efb37a1379105870.jpg"
                                         class="img-fluid d-none d-sm-block"
                                         alt="Mangeoire à graines suspendue à une branche d&#039;arbre avec mésange en vol"
                                    />
                                                                                                                                        
                                    <img src="/media/uploads/images/highlights/banniere-mobile-site-mangeoires-6af594efb393c177248009.jpg"
                                         class="img-fluid d-sm-none"
                                         alt="Mangeoire à graines suspendue à une branche d&#039;arbre avec mésange en vol"
                                    />
                                                            </div>
                            <div
                                class="banner-highlight-content banner-highlight-content--bg bg-white p-4 p-md-7 rounded shadow-sm d-flex flex-column justify-content-between">
                                <div class="banner-highlight-title fs-3 font-bold mb-md-3 lh-sm text-left">Mangeoires</div>
                                <p class="text-dark text-left">Anticipez les périodes de froid en préparant vos postes de nourrissage pour les oiseaux des jardins.</p>
                                                                    <a class="btn btn-primary mt-2 mt-md-4 align-self-center align-self-lg-start"
                                                                                    style="background-color: #ff8000; border-color: #ff8000;"
                                                                               href="https://boutique.lpo.fr/categorie/mangeoires-oiseaux">
                                    <span class="d-flex align-items-center">
                                        Je découvre les mangeoires
                                        <span class="fas fa-arrow-right ml-2"></span>
                                    </span>
                                    </a>
                                                            </div>
                        </div>
                                            <div class="position-relative d-flex flex-column h-100">
                            <div class="banner-highlight-img">
                                                                    <img src="/media/uploads/images/highlights/banniere-site-nourriture-oiseaux-6af59657df894539443707.jpg"
                                         class="img-fluid d-none d-sm-block"
                                         alt="Trois mésanges qui mangent des graines de tournesol noir"
                                    />
                                                                                                                                        
                                    <img src="/media/uploads/images/highlights/banniere-mobile-site-nourriture-6af59657dfaaf959038167.jpg"
                                         class="img-fluid d-sm-none"
                                         alt="Trois mésanges qui mangent des graines de tournesol noir"
                                    />
                                                            </div>
                            <div
                                class="banner-highlight-content banner-highlight-content--bg bg-white p-4 p-md-7 rounded shadow-sm d-flex flex-column justify-content-between">
                                <div class="banner-highlight-title fs-3 font-bold mb-md-3 lh-sm text-left">Nourrir les oiseaux</div>
                                <p class="text-dark text-left">Graines, graisse sans huile de palme... proposez des aliments adaptés aux besoins des oiseaux des jardins en hiver.</p>
                                                                    <a class="btn btn-primary mt-2 mt-md-4 align-self-center align-self-lg-start"
                                                                                    style="background-color: #ff8000; border-color: #ff8000;"
                                                                               href="https://boutique.lpo.fr/categorie/nourriture-oiseaux">
                                    <span class="d-flex align-items-center">
                                        Je découvre l&#039;alimentation oiseaux
                                        <span class="fas fa-arrow-right ml-2"></span>
                                    </span>
                                    </a>
                                                            </div>
                        </div>
                                            <div class="position-relative d-flex flex-column h-100">
                            <div class="banner-highlight-img">
                                                                    <img src="/media/uploads/images/highlights/banniere-site-activites-enfants-6af59809a3cd9798284441.jpg"
                                         class="img-fluid d-none d-sm-block"
                                         alt="Quatre enfants assis autour d&#039;une table qui colorient et peignent"
                                    />
                                                                                                                                        
                                    <img src="/media/uploads/images/highlights/banniere-mobile-activites-enfants-6af59809a3e9a503082975.jpg"
                                         class="img-fluid d-sm-none"
                                         alt="Quatre enfants assis autour d&#039;une table qui colorient et peignent"
                                    />
                                                            </div>
                            <div
                                class="banner-highlight-content banner-highlight-content--bg bg-white p-4 p-md-7 rounded shadow-sm d-flex flex-column justify-content-between">
                                <div class="banner-highlight-title fs-3 font-bold mb-md-3 lh-sm text-left">Activités enfants</div>
                                <p class="text-dark text-left">Apprendre, créer et s&#039;amuser autour de la nature ! Retrouvez des activités ludiques et créatives pour sensibiliser les enfants à la biodiversité tout en stimulant leur imagination.</p>
                                                                    <a class="btn btn-primary mt-2 mt-md-4 align-self-center align-self-lg-start"
                                                                                    style="background-color: #ff8000; border-color: #ff8000;"
                                                                               href="https://boutique.lpo.fr/categorie/jeunesse/activites-enfants">
                                    <span class="d-flex align-items-center">
                                        Je découvre les activités enfants
                                        <span class="fas fa-arrow-right ml-2"></span>
                                    </span>
                                    </a>
                                                            </div>
                        </div>
                                    </div>
            </section>
                    
                
                            <!-- cache key "shop;homepage;index;highlight-content-first;20260520" generated at 2026-11-14 13:22:54 -->

                <section class="block bg-false-white block-highlight-content">
                    <div class="container py-8 px-lg-0">
                        <div class="mb-4 text-center">
                            <h2 class="font-bold fs-4 mb-2">Des produits éco-responsables pour agir au quotidien pour la protection de la nature</h2>
                            <span class="text-dark fs-5 font-bold d-block"></span>
                        </div>

                        <div class="block-highlight-content-grid">
                            <div class="block-highlight-content-item">
                                                                                
                            
        <a class="highlight-cta-card position-relative overflow-hidden rounded text-decoration-none h-100 w-100 d-block" href="/categorie/accueillir/abris-herissons">
                            <img class="highlight-cta-card__img w-100 h-100"
                     src="https://boutique.lpo.fr/media/cache/lpo_highlight_card_thumbnail/media/uploads/images/taxons/boutique-lpo-accueillir-herissons-v2-6ad712781a253882914739.jpg"
                     alt="Hérisson en train de boire dans une coupelle"
                />
                        <div class="highlight-cta-card__overlay position-absolute bottom-0 start-0 w-100 p-3 d-flex flex-column align-items-center">
                <span class="text-white font-bold mb-3 px-7 highlight-cta-card__title mx-auto text-center">Abris hérissons</span>
                <span class="btn btn-primary btn-sm text-white mx-auto">Je découvre les abris à hérissons</span>
            </div>
        </a>
    
                            </div>

                                                            <div class="block-highlight-content-item">
                                                                                    
                            
        <a class="highlight-cta-card position-relative overflow-hidden rounded text-decoration-none h-100 w-100 d-block" href="/categorie/accueillir/abris-ecureuils-et-petits-rongeurs">
                            <img class="highlight-cta-card__img w-100 h-100"
                     src="https://boutique.lpo.fr/media/cache/lpo_highlight_card_thumbnail/media/uploads/images/taxons/boutique-lpo-accueillir-ecureuils-et-petits-rongeurs-6a4b74b46fe1d438432778.jpg"
                     alt="Ecureuil roux"
                />
                        <div class="highlight-cta-card__overlay position-absolute bottom-0 start-0 w-100 p-3 d-flex flex-column align-items-center">
                <span class="text-white font-bold mb-3 px-7 highlight-cta-card__title mx-auto text-center">Abris écureuils et petits rongeurs</span>
                <span class="btn btn-primary btn-sm text-white mx-auto">Je découvre les abris écureuils et petits rongeurs</span>
            </div>
        </a>
    
                                </div>
                            
                                                    </div>
                    </div>
                </section>
                            
                
                            <!-- cache key "shop;homepage;index;block-edito;20221017" generated at 2026-11-14 13:22:54 -->

                <section class="block-edito position-relative bg-white" style="z-index: 1;">
                    <div class="container py-5 py-md-10">
                        <div class="row justify-content-between">
                            <div class="col-12 col-sm-5">
                                                                    <img class="img-fluid"
                                         src="https://boutique.lpo.fr/media/cache/lpo_side_thumbnail/media/uploads/images/home/vignette-comment-choisir-ses-jumelles-6ae87611bfa91829324384.jpg"
                                         alt="Jumelles LPO"
                                    />
                                                            </div>
                            <div class="col-12 col-sm-6 mt-4 mt-sm-0">
                                <h2 class="font-bold fs-4 mb-2 mb-md-4">Comment bien choisir ses jumelles ?</h2>
                                <p class="text-dark">Bien choisir ses jumelles est essentiel pour l’observation de la nature et des oiseaux. Grossissement, diamètre, performances des optiques... cet article vous guide à travers les différents aspects à considérer lors de l&#039;achat de jumelles.</p>
                                                                    <a class="btn btn-primary" href="https://boutique.lpo.fr/actus-et-conseils/Comment-bien-choisir-ses-jumelles">
                                        Lire l&#039;article
                                    </a>
                                                            </div>
                        </div>
                    </div>
                </section>
                            
                        
                <section class="block block-related-products">
            <div class="container py-5 py-lg-9">
                                <div class="mb-2 mb-md-3 text-center">
                    <h2 class="font-bold fs-4 mb-0">Nichoirs, mangeoires, jumelles, longues-vues</h2>
                                    </div>

                
                                                        <script type="application/ld+json">
        {"@context":"https://schema.org/","@type":"ItemList","url":"https://boutique.lpo.fr/","name":"Top ventes","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/EN0252#product","name":"Boîte-loupe à insectes","url":"https://boutique.lpo.fr/produit/EN0252","sku":"EN0252","material":"Plastique sans BPA","audience":{"@type":"PeopleAudience","audienceType":"A partir de 7 ans","suggestedMinAge":7},"weight":{"@type":"QuantitativeValue","value":0.06,"unitCode":"KGM"},"width":{"@type":"QuantitativeValue","value":7,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":8,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/33/e6/a62e5d1c2464ecd59d57316f4631.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/EN0252","priceCurrency":"EUR","price":5.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":2,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1102#product","name":"50 boules de graisse LPO aux insectes","url":"https://boutique.lpo.fr/produit/JO1102","sku":"JO1102","weight":{"@type":"QuantitativeValue","value":4.25,"unitCode":"KGM"},"width":{"@type":"QuantitativeValue","value":19.5,"unitCode":"CMT"},"depth":{"@type":"QuantitativeValue","value":18.5,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/17/5a/bd88a2c2c9ccd8c8048e29438ed7.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1102","priceCurrency":"EUR","price":21.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":3,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO0109#product","name":"Cylindre géant aux insectes","url":"https://boutique.lpo.fr/produit/JO0109","sku":"JO0109","weight":{"@type":"QuantitativeValue","value":850,"unitCode":"GRM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/ef/be/c229b8a591efcfe7db76cd013720.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO0109","priceCurrency":"EUR","price":8.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":4,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1081#product","name":"Pain de graisse insectes - 300g","url":"https://boutique.lpo.fr/produit/JO1081","sku":"JO1081","weight":{"@type":"QuantitativeValue","value":0.3,"unitCode":"KGM"},"width":{"@type":"QuantitativeValue","value":11,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/fe/b5/bff0581783714a3254d344f1dcbe.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1081","priceCurrency":"EUR","price":3.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":5,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1082#product","name":"Pain de graisse fruits - 300g","url":"https://boutique.lpo.fr/produit/JO1082","sku":"JO1082","weight":{"@type":"QuantitativeValue","value":0.3,"unitCode":"KGM"},"width":{"@type":"QuantitativeValue","value":11,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/95/32/1ac4c2c26e3c8655a1eeeb79d9c8.png","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1082","priceCurrency":"EUR","price":3.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":6,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1242#product","name":"Mélange Chardonneret élégant 1,8 kg","url":"https://boutique.lpo.fr/produit/JO1242","sku":"JO1242","weight":{"@type":"QuantitativeValue","value":1.8,"unitCode":"KGM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/90/ca/e0d5283547ea631d6043c8ccb298.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1242","priceCurrency":"EUR","price":15.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":7,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/EC1282#product","name":"Cabas LPO Oiseaux grand modèle","url":"https://boutique.lpo.fr/produit/EC1282","sku":"EC1282","weight":{"@type":"QuantitativeValue","value":0.11,"unitCode":"KGM"},"width":{"@type":"QuantitativeValue","value":45,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/32/57/916a5dd50c8eb156a74097b5528b.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/EC1282","priceCurrency":"EUR","price":10,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":8,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/PA0694#product","name":"Poster LPO 35 oiseaux communs des jardins","url":"https://boutique.lpo.fr/produit/PA0694","sku":"PA0694","width":{"@type":"QuantitativeValue","value":80,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":60,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/1f/c2/fbd75a24fb4958ed02e5c30d8e6e.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/PA0694","priceCurrency":"EUR","price":6.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":9,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/PA0650#product","name":"Autocollant LPO Birdlife 10 cm x 10 cm","url":"https://boutique.lpo.fr/produit/PA0650","sku":"PA0650","material":"Vinyle","width":{"@type":"QuantitativeValue","value":10,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":10,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/ed/19/b3c43a5743b002a4a576fa698cc5.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/PA0650","priceCurrency":"EUR","price":2,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":10,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/EN1208#product","name":"Peluche bouillotte phoque","url":"https://boutique.lpo.fr/produit/EN1208","sku":"EN1208","audience":{"@type":"PeopleAudience","audienceType":"A partir de 3 ans","suggestedMinAge":3},"weight":{"@type":"QuantitativeValue","value":0.8,"unitCode":"KGM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/2c/e8/f496001c9ea948bbd0c566af602e.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/EN1208","priceCurrency":"EUR","price":20.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}}]}
    </script>
                                        <script type="application/ld+json">
        {"@context":"https://schema.org/","@type":"ItemList","url":"https://boutique.lpo.fr/","name":"Nouveautés","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1322#product","name":"Rampe anti-noyade LPO - Grand modèle","url":"https://boutique.lpo.fr/produit/JO1322","sku":"JO1322","color":"Vert","material":"PETG","weight":{"@type":"QuantitativeValue","value":320,"unitCode":"GRM"},"width":{"@type":"QuantitativeValue","value":12,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":1.5,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/a7/0a/51a62e086ac9ca54539d1b1cc34e.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1322","priceCurrency":"EUR","price":35.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":2,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/EC1602#product","name":"Mug nomade LPO - Garde la pêche !","url":"https://boutique.lpo.fr/produit/EC1602","sku":"EC1602","color":["Blanc","Bleu"],"material":["Plastique","Porcelaine"],"weight":{"@type":"QuantitativeValue","value":310,"unitCode":"GRM"},"height":{"@type":"QuantitativeValue","value":12.6,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/1c/14/e93b54592983b156dbc01400c3f1.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/EC1602","priceCurrency":"EUR","price":13.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":3,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/PA0931#product","name":"Carte postale naturaliste - Criocère de l'asperge","url":"https://boutique.lpo.fr/produit/PA0931","sku":"PA0931","material":"Papier","width":{"@type":"QuantitativeValue","value":15,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/50/86/6bee98bde2982cd28890c3b193d0.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/PA0931","priceCurrency":"EUR","price":1.6,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":4,"item":{"@type":["Product","Book"],"@id":"https://boutique.lpo.fr/produit/ED1465#product","name":"Reconnaître facilement les oiseaux du jardin","url":"https://boutique.lpo.fr/produit/ED1465","sku":"ED1465","author":{"@type":"Person","name":"\u003Cp\u003EDaniela Strauss\u003C/p\u003E"},"publisher":{"@type":"Organization","name":"Ulmer"},"numberOfPages":112,"datePublished":"2026-01-15","width":{"@type":"QuantitativeValue","value":14,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":19,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/3f/d9/39bf8cb62a38e355c7c4690eac38.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/ED1465","priceCurrency":"EUR","price":9.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":5,"item":{"@type":["Product","Book"],"@id":"https://boutique.lpo.fr/produit/EN1670#product","name":"Manga Le voyage d'Ours-Lune","url":"https://boutique.lpo.fr/produit/EN1670","sku":"EN1670","author":{"@type":"Person","name":"\u003Cp\u003EHo\u003C/p\u003E"},"publisher":{"@type":"Organization","name":"La joie de lire"},"numberOfPages":192,"datePublished":"2024-04-24","audience":{"@type":"PeopleAudience","audienceType":"A partir de 6 ans","suggestedMinAge":6},"width":{"@type":"QuantitativeValue","value":15,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":20.8,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/2e/c5/a7bd0879c668636e05398b36b6b8.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/EN1670","priceCurrency":"EUR","price":9.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":6,"item":{"@type":["Product","Book"],"@id":"https://boutique.lpo.fr/produit/ED1558#product","name":"Reconnaître & retenir les chants d’oiseaux","url":"https://boutique.lpo.fr/produit/ED1558","sku":"ED1558","author":{"@type":"Person","name":"\u003Cp\u003ERaphaël Sané\u003C/p\u003E"},"publisher":{"@type":"Organization","name":"Ulmer"},"numberOfPages":128,"datePublished":"2026-03-05","width":{"@type":"QuantitativeValue","value":14,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":19,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/11/d1/69ef2495c599a2e0d95744c98657.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/ED1558","priceCurrency":"EUR","price":12.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":7,"item":{"@type":["Product","Book"],"@id":"https://boutique.lpo.fr/produit/ED1513#product","name":"Oiseaux des jardins, des villes et des campagnes - Les Miniguides Nature","url":"https://boutique.lpo.fr/produit/ED1513","sku":"ED1513","author":[{"@type":"Person","name":"\u003Cp\u003EToni Llobet"},{"@type":"Person","name":"Jean-Yves Kernel\u003C/p\u003E"}],"publisher":{"@type":"Organization","name":"Biotope"},"numberOfPages":8,"datePublished":"2026-01-01","width":{"@type":"QuantitativeValue","value":12.5,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":20,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/f5/81/5cbcaa2ae9952e18421ee3a427ba.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/ED1513","priceCurrency":"EUR","price":6,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":8,"item":{"@type":["Product","Book"],"@id":"https://boutique.lpo.fr/produit/ED1574#product","name":"Regards d'extinction","url":"https://boutique.lpo.fr/produit/ED1574","sku":"ED1574","author":{"@type":"Person","name":"\u003Cp\u003EMathieu Latour\u003C/p\u003E"},"publisher":{"@type":"Organization","name":"La Salamandre"},"numberOfPages":320,"datePublished":"2026-10-01","width":{"@type":"QuantitativeValue","value":29.8,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":29.8,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/2f/9e/dbbcf97aa98db4b0b3ee84ce760c.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/ED1574","priceCurrency":"EUR","price":49,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":9,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/OP1057#product","name":"Jumelles Bushnell A3 8x32 Sky Captain Blue","url":"https://boutique.lpo.fr/produit/OP1057","sku":"OP1057","color":"Bleu","weight":{"@type":"QuantitativeValue","value":535,"unitCode":"GRM"},"width":{"@type":"QuantitativeValue","value":12.4,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/68/c3/7935f6619ba411670e000d6a4a35.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/OP1057","priceCurrency":"EUR","price":209,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":10,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1321#product","name":"Électrostatiques LPO anticollisions 4 Oiseaux des jardins","url":"https://boutique.lpo.fr/produit/JO1321","sku":"JO1321","width":{"@type":"QuantitativeValue","value":21,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":29.7,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/30/57/fa8921118ca03c8463e0102c2b56.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1321","priceCurrency":"EUR","price":20.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":11,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1340#product","name":"Cacahuètes décortiquées 4 kg","url":"https://boutique.lpo.fr/produit/JO1340","sku":"JO1340","weight":{"@type":"QuantitativeValue","value":4,"unitCode":"KGM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/25/3d/d0e864fbb289235fc4687578e63c.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1340","priceCurrency":"EUR","price":25.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":12,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1311#product","name":"Gîte LPO pour écureuil","url":"https://boutique.lpo.fr/produit/JO1311","sku":"JO1311","material":"Bois","width":{"@type":"QuantitativeValue","value":22,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":36,"unitCode":"CMT"},"depth":{"@type":"QuantitativeValue","value":14,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/f3/d7/abdab3532eef81c5be2e7143f40a.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1311","priceCurrency":"EUR","price":34.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}}]}
    </script>
                                        <script type="application/ld+json">
        {"@context":"https://schema.org/","@type":"ItemList","url":"https://boutique.lpo.fr/","name":"Promotions","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/OP0922#product","name":"Jumelles Bushnell Engage EDX 10x42","url":"https://boutique.lpo.fr/produit/OP0922","sku":"OP0922","weight":{"@type":"QuantitativeValue","value":666,"unitCode":"GRM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/dd/64/b61fe0bc3ee5e6557538489fb5e3.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/OP0922","priceCurrency":"EUR","price":439,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":2,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/OP0921#product","name":"Jumelles Bushnell Engage EDX 8x42","url":"https://boutique.lpo.fr/produit/OP0921","sku":"OP0921","weight":{"@type":"QuantitativeValue","value":666,"unitCode":"GRM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/11/af/788d39d784a49365c6928c2aafa7.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/OP0921","priceCurrency":"EUR","price":419,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":3,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1011#product","name":"Panneau \"Ralentissez on traverse !\" - Amphibiens","url":"https://boutique.lpo.fr/produit/JO1011","sku":"JO1011","weight":{"@type":"QuantitativeValue","value":0.38,"unitCode":"KGM"},"width":{"@type":"QuantitativeValue","value":0.3,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":35,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/37/65/533e852291e73790a712b6d08280.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1011","priceCurrency":"EUR","price":8.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":4,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1254#product","name":"Nichoir cylindrique à encastrer semi-ouvert","url":"https://boutique.lpo.fr/produit/JO1254","sku":"JO1254","material":"Béton","image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/c2/50/62c41ef6005c85d5890aaa295830.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1254","priceCurrency":"EUR","price":85,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":5,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/EC1462#product","name":"Gobelet Ecocup® LPO - Rapaces","url":"https://boutique.lpo.fr/produit/EC1462","sku":"EC1462","material":"Polypropylène","height":{"@type":"QuantitativeValue","value":11.5,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/37/8a/8ae681f481e8d6bba82ca9966312.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/EC1462","priceCurrency":"EUR","price":1.5,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":6,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/OP0596#product","name":"Longue-vue Zeiss Conquest Gavia 85 + oculaire 30-60x + housse de terrain offerte","url":"https://boutique.lpo.fr/produit/OP0596","sku":"OP0596","weight":{"@type":"QuantitativeValue","value":1.7,"unitCode":"KGM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/ed/ec/9bcd335f489f418bd1cef25aa69e.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/OP0596","priceCurrency":"EUR","price":2049,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":7,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/OP0679#product","name":"Longue-vue Swarovski ATS HD 80mm","url":"https://boutique.lpo.fr/produit/OP0679","sku":"OP0679","color":"Vert","weight":{"@type":"QuantitativeValue","value":1.34,"unitCode":"KGM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/0b/80/fb7dd93df259f5e7ca8f66eb4b06.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/OP0679","priceCurrency":"EUR","price":2199,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":8,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/OP0699#product","name":"Oculaire Swarovski ATS 80/65mm 20-60x","url":"https://boutique.lpo.fr/produit/OP0699","sku":"OP0699","weight":{"@type":"QuantitativeValue","value":0.26,"unitCode":"KGM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/24/b1/c4da3b02e42e71213253fdc28e4d.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/OP0699","priceCurrency":"EUR","price":499,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":9,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/OP0690#product","name":"Jumelles Swarovski CL Companion 10x30 Wild Nature","url":"https://boutique.lpo.fr/produit/OP0690","sku":"OP0690","color":"Vert","weight":{"@type":"QuantitativeValue","value":0.5,"unitCode":"KGM"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/56/b4/a271c72293162ee6f6f176301b33.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/OP0690","priceCurrency":"EUR","price":1179,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":10,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/EC1548#product","name":"Set Eco Pique-nique","url":"https://boutique.lpo.fr/produit/EC1548","sku":"EC1548","image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/dc/5e/bbc8468fbbe36f1d8f519e771f13.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/EC1548","priceCurrency":"EUR","price":14.9,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":11,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/JO1287#product","name":"Nichoir à chauves-souris cylindrique à encastrer","url":"https://boutique.lpo.fr/produit/JO1287","sku":"JO1287","material":"Béton","weight":{"@type":"QuantitativeValue","value":7.7,"unitCode":"KGM"},"depth":{"@type":"QuantitativeValue","value":16.5,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/d5/e8/d5b830c47a69f3cbbe0c76b90c9d.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/JO1287","priceCurrency":"EUR","price":97,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}},{"@type":"ListItem","position":12,"item":{"@type":"Product","@id":"https://boutique.lpo.fr/produit/EC1343#product","name":"Sweat-shirt Wild Pie bavarde M","url":"https://boutique.lpo.fr/produit/EC1343","sku":"EC1343","color":"Bleu","material":"Coton Bio","size":"M","width":{"@type":"QuantitativeValue","value":59,"unitCode":"CMT"},"height":{"@type":"QuantitativeValue","value":73,"unitCode":"CMT"},"image":"https://boutique.lpo.fr/media/cache/resolve/sylius_shop_product_original/ce/d9/a2326de8c2942d7c91b89d0d5e14.jpg","offers":{"@type":"Offer","url":"https://boutique.lpo.fr/produit/EC1343","priceCurrency":"EUR","price":69,"priceValidUntil":"2026-12-31","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","name":"Boutique LPO"}}}}]}
    </script>
                
                <div class="block-related-products-content">
                    <div class="block-related-products-tabs border-bottom mb-5">
                        <div class="block-related-products-tabs-container m-auto d-flex justify-content-center"
                             role="tablist" aria-label="Nichoirs, mangeoires, jumelles, longues-vues">
                                                            <button
                                    class="btn btn--border product-section-toggler px-0 pb-3 pb-lg-3 font-weight-medium text-gray-dark  active  mr-3 mr-lg-6"
                                    data-toggler="topSell" type="button"
                                    id="tab-topSell" role="tab"
                                    aria-controls="topSell"
                                    aria-selected="true"
                                    tabindex="0">
                                    Top ventes
                                </button>
                                                            <button
                                    class="btn btn--border product-section-toggler px-0 pb-3 pb-lg-3 font-weight-medium text-gray-dark  mr-3 mr-lg-6"
                                    data-toggler="news" type="button"
                                    id="tab-news" role="tab"
                                    aria-controls="news"
                                    aria-selected="false"
                                    tabindex="-1">
                                    Nouveautés
                                </button>
                                                            <button
                                    class="btn btn--border product-section-toggler px-0 pb-3 pb-lg-3 font-weight-medium text-gray-dark "
                                    data-toggler="promotion" type="button"
                                    id="tab-promotion" role="tab"
                                    aria-controls="promotion"
                                    aria-selected="false"
                                    tabindex="-1">
                                    Promotions
                                </button>
                                                    </div>
                    </div>

                    <div id="products-switch-section">
                                                    <div id="topSell"
                                 role="tabpanel" aria-labelledby="tab-topSell" tabindex="0"
                                 class="d-block active">
                                <div class="js-carousel-related u-slick u-slick--gutters-3">
            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/EN0252">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/33/e6/a62e5d1c2464ecd59d57316f4631.jpg" alt="Boîte-loupe à insectes" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Boîte-loupe à insectes
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            5,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/EN0252"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="EN0252"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                                                                                                                                                                                    
                                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/lpo-simple.951fa49a.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1102">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/17/5a/bd88a2c2c9ccd8c8048e29438ed7.jpg" alt="50 boules de graisse LPO aux insectes" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                50 boules de graisse LPO aux insectes
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            21,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1102"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1102"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO0109">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/ef/be/c229b8a591efcfe7db76cd013720.jpg" alt="Cylindre géant aux insectes" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Cylindre géant aux insectes
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            8,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO0109"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO0109"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1081">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/fe/b5/bff0581783714a3254d344f1dcbe.jpg" alt="Pain de graisse insectes - 300g" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Pain de graisse insectes - 300g
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            3,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1081"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1081"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1082">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/95/32/1ac4c2c26e3c8655a1eeeb79d9c8.png" alt="Pain de graisse fruits - 300g" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Pain de graisse fruits - 300g
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            3,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1082"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1082"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1242">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/90/ca/e0d5283547ea631d6043c8ccb298.jpg" alt="Mélange Chardonneret élégant 1,8 kg" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Mélange Chardonneret élégant 1,8 kg
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            15,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1242"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1242"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/lpo-simple.951fa49a.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/EC1282">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/32/57/916a5dd50c8eb156a74097b5528b.jpg" alt="Cabas LPO Oiseaux grand modèle" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Cabas LPO Oiseaux grand modèle
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            10,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/EC1282"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="EC1282"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                                                                                                                                                                                    
                                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/lpo-simple.951fa49a.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/PA0694">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/1f/c2/fbd75a24fb4958ed02e5c30d8e6e.jpg" alt="Poster LPO 35 oiseaux communs des jardins" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Poster LPO 35 oiseaux communs des jardins
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            6,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/PA0694"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="PA0694"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                                                                                                                                                                                    
                                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/lpo-simple.951fa49a.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/PA0650">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/ed/19/b3c43a5743b002a4a576fa698cc5.jpg" alt="Autocollant LPO Birdlife 10 cm x 10 cm" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Autocollant LPO Birdlife 10 cm x 10 cm
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            2,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/PA0650"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="PA0650"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-top mr-1 font-weight-bold text-uppercase">
                TOP VENTE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/EN1208">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/2c/e8/f496001c9ea948bbd0c566af602e.jpg" alt="Peluche bouillotte phoque" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Peluche bouillotte phoque
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            20,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/EN1208"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="EN1208"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




    </div>
                            </div>
                                                    <div id="news"
                                 role="tabpanel" aria-labelledby="tab-news" tabindex="0"
                                 class="d-none">
                                <div class="js-carousel-related u-slick u-slick--gutters-3">
            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1322">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/a7/0a/51a62e086ac9ca54539d1b1cc34e.jpg" alt="Rampe anti-noyade LPO - Grand modèle" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Rampe anti-noyade LPO - Grand modèle
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            35,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1322"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1322"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/EC1602">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/1c/14/e93b54592983b156dbc01400c3f1.jpg" alt="Mug nomade LPO - Garde la pêche !" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Mug nomade LPO - Garde la pêche !
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            13,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/EC1602"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="EC1602"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/PA0931">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/50/86/6bee98bde2982cd28890c3b193d0.jpg" alt="Carte postale naturaliste - Criocère de l&#039;asperge" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Carte postale naturaliste - Criocère de l&#039;asperge
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            1,60 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/PA0931"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="PA0931"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/ED1465">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/3f/d9/39bf8cb62a38e355c7c4690eac38.jpg" alt="Reconnaître facilement les oiseaux du jardin" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Reconnaître facilement les oiseaux du jardin
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            9,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/ED1465"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="ED1465"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/EN1670">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/2e/c5/a7bd0879c668636e05398b36b6b8.jpg" alt="Manga Le voyage d&#039;Ours-Lune" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Manga Le voyage d&#039;Ours-Lune
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            9,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/EN1670"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="EN1670"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/ED1558">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/11/d1/69ef2495c599a2e0d95744c98657.jpg" alt="Reconnaître &amp; retenir les chants d’oiseaux" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Reconnaître &amp; retenir les chants d’oiseaux
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            12,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/ED1558"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="ED1558"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/ED1513">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/f5/81/5cbcaa2ae9952e18421ee3a427ba.jpg" alt="Oiseaux des jardins, des villes et des campagnes - Les Miniguides Nature" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Oiseaux des jardins, des villes et des campagnes - Les Miniguides Nature
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            6,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/ED1513"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="ED1513"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/ED1574">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/2f/9e/dbbcf97aa98db4b0b3ee84ce760c.jpg" alt="Regards d&#039;extinction" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Regards d&#039;extinction
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            49,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/ED1574"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="ED1574"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
            </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/OP1057">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/68/c3/7935f6619ba411670e000d6a4a35.jpg" alt="Jumelles Bushnell A3 8x32 Sky Captain Blue" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Jumelles Bushnell A3 8x32 Sky Captain Blue
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            209,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/OP1057"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="OP1057"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1321">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/30/57/fa8921118ca03c8463e0102c2b56.jpg" alt="Électrostatiques LPO anticollisions 4 Oiseaux des jardins" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Électrostatiques LPO anticollisions 4 Oiseaux des jardins
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            20,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1321"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1321"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1340">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/25/3d/d0e864fbb289235fc4687578e63c.jpg" alt="Cacahuètes décortiquées 4 kg" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Cacahuètes décortiquées 4 kg
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            25,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1340"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1340"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
            </div>
    <div class="tag-origin">
                                                                                                                                                                                                                    
                                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/lpo-simple.951fa49a.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1311">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/f3/d7/abdab3532eef81c5be2e7143f40a.jpg" alt="Gîte LPO pour écureuil" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Gîte LPO pour écureuil
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                
                                                                
                                <span class="price ">
                                    
            34,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1311"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1311"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




    </div>
                            </div>
                                                    <div id="promotion"
                                 role="tabpanel" aria-labelledby="tab-promotion" tabindex="0"
                                 class="d-none">
                                <div class="js-carousel-related u-slick u-slick--gutters-3">
            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                DÉSTOCKAGE
            </div>
            </div>
    <div class="tag-origin">
            </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/OP0922">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/dd/64/b61fe0bc3ee5e6557538489fb5e3.jpg" alt="Jumelles Bushnell Engage EDX 10x42" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Jumelles Bushnell Engage EDX 10x42
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            469,00 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            439,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/OP0922"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="OP0922"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                DÉSTOCKAGE
            </div>
            </div>
    <div class="tag-origin">
            </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/OP0921">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/11/af/788d39d784a49365c6928c2aafa7.jpg" alt="Jumelles Bushnell Engage EDX 8x42" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Jumelles Bushnell Engage EDX 8x42
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            449,00 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            419,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/OP0921"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="OP0921"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                DÉSTOCKAGE
            </div>
            </div>
    <div class="tag-origin">
                                                                                                                                                                                                                    
                                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/lpo-simple.951fa49a.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1011">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/37/65/533e852291e73790a712b6d08280.jpg" alt="Panneau &quot;Ralentissez on traverse !&quot; - Amphibiens" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Panneau &quot;Ralentissez on traverse !&quot; - Amphibiens
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            14,90 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            8,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1011"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1011"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                PROMO
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1254">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/c2/50/62c41ef6005c85d5890aaa295830.jpg" alt="Nichoir cylindrique à encastrer semi-ouvert" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Nichoir cylindrique à encastrer semi-ouvert
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            100,00 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            85,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1254"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1254"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                DÉSTOCKAGE
            </div>
            </div>
    <div class="tag-origin">
                                                                                                                                                                                                                    
                                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/lpo-simple.951fa49a.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/EC1462">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/37/8a/8ae681f481e8d6bba82ca9966312.jpg" alt="Gobelet Ecocup® LPO - Rapaces" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Gobelet Ecocup® LPO - Rapaces
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            2,50 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            1,50 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/EC1462"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="EC1462"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                PROMO
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/OP0596">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/ed/ec/9bcd335f489f418bd1cef25aa69e.jpg" alt="Longue-vue Zeiss Conquest Gavia 85 + oculaire 30-60x + housse de terrain offerte" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Longue-vue Zeiss Conquest Gavia 85 + oculaire 30-60x + housse de terrain offerte
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            2 198,00 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            2 049,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/OP0596"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="OP0596"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                DÉSTOCKAGE
            </div>
            </div>
    <div class="tag-origin">
            </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/OP0679">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/0b/80/fb7dd93df259f5e7ca8f66eb4b06.jpg" alt="Longue-vue Swarovski ATS HD 80mm" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Longue-vue Swarovski ATS HD 80mm
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            2 376,00 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            2 199,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/OP0679"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="OP0679"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                DÉSTOCKAGE
            </div>
            </div>
    <div class="tag-origin">
            </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/OP0699">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/24/b1/c4da3b02e42e71213253fdc28e4d.jpg" alt="Oculaire Swarovski ATS 80/65mm 20-60x" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Oculaire Swarovski ATS 80/65mm 20-60x
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            576,00 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            499,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/OP0699"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="OP0699"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                DÉSTOCKAGE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/OP0690">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/56/b4/a271c72293162ee6f6f176301b33.jpg" alt="Jumelles Swarovski CL Companion 10x30 Wild Nature" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Jumelles Swarovski CL Companion 10x30 Wild Nature
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            1 242,00 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            1 179,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/OP0690"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="OP0690"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                PROMO
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/EC1548">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/dc/5e/bbc8468fbbe36f1d8f519e771f13.jpg" alt="Set Eco Pique-nique" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Set Eco Pique-nique
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            16,40 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            14,90 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/EC1548"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="EC1548"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-new mr-1 font-weight-bold text-uppercase">
                NOUVEAU
            </div>
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                PROMO
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/build/shop/images/france.7ea7d681.png" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/JO1287">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/d5/e8/d5b830c47a69f3cbbe0c76b90c9d.jpg" alt="Nichoir à chauves-souris cylindrique à encastrer" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            EXCLU WEB
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Nichoir à chauves-souris cylindrique à encastrer
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            115,00 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            97,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/JO1287"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="JO1287"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




            


    



<div class="card-related card p-2 h-100 d-flex justify-content-between" >
        <div class="tag d-flex justify-content-between align-items-start">
    <div class="tag-marketing d-flex">
        
        
                    <div class="badge badge-promo mr-1 font-weight-bold text-uppercase">
                DÉSTOCKAGE
            </div>
            </div>
    <div class="tag-origin">
                                                
                            <img class="img-fluid img-full" src="/bootstrap-theme/images/europe-flag.3719fe7b.svg" alt=""/>
                        </div>
</div>

    
    <a class="card-related-img-container mt-2 mx-auto "
       href="/produit/EC1343">
                                                                <img src="https://boutique.lpo.fr/media/cache/sylius_shop_product_large_thumbnail_custom/ce/d9/a2326de8c2942d7c91b89d0d5e14.jpg" alt="Sweat-shirt Wild Pie bavarde M" class="w-100" 
             loading="lazy"/>
    </a>

    <div class="card-body" >
        <div class="product-info d-flex align-items-center flex-column">
            <div class="product-subtitle">
                                                        
                    <span class="text-blue-dark font-weight-bold">
                            COUP DE COEUR
                        </span>
                            </div>

            <h3 class="sylius-product-name font-bold text-center small" >
                Sweat-shirt Wild Pie bavarde M
            </h3>

                            <p  class="price text-gray-shark mx-n3">
                                                                                                                                
                                
                                                                    <span
                                        class="text-gray-shark opacity-60 text-decoration-line-through price mr-3">
                                            <span class="visually-hidden">Ancien prix :</span>
                                            
            82,90 €
    
    
                                        </span>
                                
                                                                
                                <span class="price text-red">
                                    
            69,00 €
    
    
                                </span>
                                                                                        </p>
                    </div>

        <div class="product-btn d-flex justify-content-between px-2">
            <a href="/produit/EC1343"
               class="btn btn-primary d-inline-block mb-2 transition-3d-hover flex-grow-1 flex-lg-grow-0 mr-3 mr-lg-0 align-content-center"
            >
                    <span class="small font-bold">
                        Voir l&#039;article
                    </span>
            </a>

            <button
                onclick="openAddToCartModal(this)"
                data-code="EC1343"
                data-url="/ajax/show-product"
                class="product-btn-cart btn btn-outline-primary d-inline-block mb-2 cursor-pointer transition-3d-hover">
                <span class="visually-hidden">Ajouter au panier</span>
                <svg width="22px"    height="20px"    viewBox="0 0 22 20"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.42 14.55a2.737 2.737 0 0 0-2.744 2.725A2.737 2.737 0 0 0 17.419 20a2.737 2.737 0 0 0 2.743-2.725 2.737 2.737 0 0 0-2.743-2.725Zm0 3.815a1.095 1.095 0 0 1-1.098-1.09c0-.6.492-1.09 1.097-1.09s1.097.49 1.097 1.09c0 .601-.492 1.09-1.097 1.09ZM21.824 4.02a.824.824 0 0 0-.648-.313H5.08L4.34.628A.822.822 0 0 0 3.538 0H.823A.82.82 0 0 0 0 .817a.82.82 0 0 0 .823.818h2.066L5.564 12.75c.088.368.42.627.8.627h12.81a.822.822 0 0 0 .8-.62l2.002-8.038a.815.815 0 0 0-.15-.7Zm-3.294 7.725H7.014L5.474 5.34h14.652l-1.595 6.403ZM7.46 14.55a2.737 2.737 0 0 0-2.743 2.725A2.737 2.737 0 0 0 7.461 20a2.737 2.737 0 0 0 2.744-2.725A2.737 2.737 0 0 0 7.46 14.55Zm0 3.815a1.095 1.095 0 0 1-1.097-1.09c0-.6.492-1.09 1.097-1.09.606 0 1.098.49 1.098 1.09 0 .601-.492 1.09-1.098 1.09Z"/>
</svg>
            </button>
        </div>
    </div>
</div>




    </div>
                            </div>
                                            </div>
                </div>
            </div>
        </section>
        
                            <section class="block-seo-free-text container py-5 py-md-7">
                <div class="paragraph seo-free-text text-dark">
                    <h2 class="font-bold fs-4">La Boutique LPO, la boutique associative officielle de la Ligue pour la Protection des Oiseaux.</h2>

<p>Bienvenue sur la boutique nature de la Ligue pour la Protection des Oiseaux (LPO), premier r&eacute;seau associatif fran&ccedil;ais de protection de la biodiversit&eacute;. Notre boutique en ligne vous propose un choix rigoureux de produits con&ccedil;us pour favoriser la protection de la faune et de la flore et pour apprendre &agrave; l&#39;observer. Notre mission est d&#39;&eacute;quiper tous les passionn&eacute;s de nature, d&eacute;butants ou experts : nichoirs, mangeoires, graines pour oiseaux, jumelles et longues-vues ornithologiques, guides naturalistes, jeux &eacute;ducatifs pour enfants, etc. En tant que <a href="https://boutique.lpo.fr/page/boutique-solidaire-pour-la-nature" target="_blank">boutique<strong>&nbsp;</strong>solidaire et&nbsp;engag&eacute;e</a>, nous nous effor&ccedil;ons de s&eacute;lectionner des articles durables et responsables.&nbsp;Chaque achat effectu&eacute; sur la Boutique LPO contribue directement au financement des actions de conservation des esp&egrave;ces et des espaces naturels men&eacute;es par notre association.&nbsp;</p>
                </div>
            </section>
                
                            <section class="block-highlight-catalog banner-highlight banner-highlight--smaller bg-white pb-3 pb-md-0">
                <div class="position-relative d-flex flex-column h-100">
                    <div class="banner-highlight-img">
                                                    <img src="/media/uploads/images/home/bandeau-bas-site-boutique-v1-6ad75291bd03d062398269.jpg"
                                 class="img-fluid d-none d-sm-block"
                                 alt="Catalogue boutique LPO 2027"
                            />
                        
                                                                                
                            <img src="/media/uploads/images/home/banniere-mobile-boutique-catalogue-2027-v1-6ad75291bd196854449818.jpg"
                                 class="img-fluid d-sm-none"
                                 alt="Catalogue boutique LPO 2027"
                            />
                                            </div>

                    <div class="container banner-highlight-content left-0 right-0 py-4 py-md-0">
                        <div class="col-12 col-md-7">
                            <h2 class="font-chevin-bold mb-md-4">Découvrez notre catalogue 2027 !</h2>
                            <p class="fs-6 text-dark mb-md-7">Retrouvez une sélection de nos produits 2027.</p>
                        </div>
                        <div class="d-flex flex-column flex-md-row">
                            <a class="btn btn-outline-primary bg-white text-dark mb-2 mb-md-0 mr-md-3 px-3 py-2"
                               href="https://www.calameo.com/read/000016068ba79f99dc998" target="_blank">
                                    <span class="d-flex justify-content-between align-items-center font-weight-medium">
                                        Consulter le catalogue en ligne
                                        <span class="fas fa-arrow-right ml-2 text-primary"></span>
                                    </span>
                            </a>

                                                        <button type="button"
                                    class="btn btn-outline-primary btn-modal-offer bg-white text-dark px-3 py-2"
                                    data-bs-toggle="modal" data-bs-target="#offerOrReceiveCatalogModal">
                                    <span class="d-flex justify-content-between align-items-center font-weight-medium">
                                        Recevoir le catalogue imprimé
                                        <span class="fas fa-arrow-right ml-2 text-primary"></span>
                                    </span>
                            </button>
                        </div>
                    </div>
                    <div class="modal fade bg-opacity--5" id="offerOrReceiveCatalogModal" tabindex="-1" role="dialog"
     aria-hidden="true" aria-labelledby="offerOrReceiveCatalogModalLabel" data-bs-backdrop="false">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content modal-squared px-3 px-lg-6">
            <div class="modal-header px-0 d-flex align-items-baseline">
                <div class="modal-title font-bold fs-5" id="offerOrReceiveCatalogModalLabel">Offrir ou recevoir le catalogue</div>
                <button type="button" class="close text-primary d-flex align-items-center" data-bs-dismiss="modal"
                        aria-label="Fermer">
                    <span class="small font-bold text-uppercase mr-2">Fermer</span>
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body mb-3 text-center px-0">
                <p>Je souhaite...</p>

                <div class="d-flex justify-content-center">
                    <a href="https://www.lpo.fr/qui-sommes-nous/contact-faq?formulaire=1&object=6&boutique=8"
                       class="btn btn-outline-primary btn-sm mr-3">
                        Offrir le catalogue
                    </a>
                    <a href="https://www.lpo.fr/qui-sommes-nous/contact-faq?formulaire=1&object=6&boutique=7"
                       class="btn btn-primary btn-sm">
                        Recevoir le catalogue
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    document.addEventListener('click', function(e) {
        const modal = document.getElementById('offerOrReceiveCatalogModal');
        const modalContent = modal.querySelector('.modal-content');

        if (modal.classList.contains('show') && !modalContent.contains(e.target)) {
            $('#offerOrReceiveCatalogModal').modal('hide');
        }
    });

    // RGAA 12.8: mémorise le déclencheur pour restituer le focus à la fermeture.
    $('#offerOrReceiveCatalogModal').on('shown.bs.modal', function (e) {
        if (e.relatedTarget) {
            $(this).data('triggerElement', e.relatedTarget);
        }
    });

    $('#offerOrReceiveCatalogModal').on('hidden.bs.modal', function () {
        const trigger = $(this).data('triggerElement');
        if (trigger && document.body.contains(trigger)) {
            trigger.focus();
        }
    });
</script>
                </div>
            </section>
                
                                                    <!-- cache key "shop;homepage;index;block-pro-catalog;20260520-hom26" generated at 2026-11-14 13:25:54 -->
                <aside class="block-pro-catalog">
                    <div class="container py-5 py-lg-9">
                        <div class="row m-auto gx-0 pro-catalog-list pro-catalog-list--1">
                                                                                                                    <div class="col-12 col-sm-6 mb-4 mb-md-0 d-flex flex-column pro-catalog-item">
                                    <div class="pro-catalog-item__content">
                                                                                    <div class="pro-catalog-item__image">
                                                <img
                                                    src="https://boutique.lpo.fr/media/cache/lpo_pro_catalog_thumbnail/media/uploads/images/home/mockup-catalogue-pro-2026-6acde0d5edb1c854942641.jpg"
                                                    class="img-fluid pro-catalog-item__img"
                                                    alt="Catalogue pro LPO"
                                                />
                                            </div>
                                                                                <div class="pro-catalog-item__body">
                                            <div class="font-bold pro-catalog-item__title mb-3">Catalogue pro LPO 2026</div>
                                            <p class="text-dark mb-3 mb-sm-4 pro-catalog-item__description">Vous êtes un professionnel, transformons ensemble chacun de vos projets en une opportunité de protéger notre planète et de préserver la biodiversité. Devenez ambassadeurs de la préservation du Vivant !</p>
                                        </div>
                                    </div>
                                    <a href="https://www.calameo.com/read/000016068c1489d11c7cd" class="btn btn-primary pro-catalog-item__button mt-auto">
                                        Consulter
                                    </a>
                                </div>
                                                    </div>
                    </div>
                </aside>
                            
                
                            <!-- cache key "shop;homepage;index;block-promo;20221017" generated at 2026-11-14 13:25:54 -->

                <section class="block-promo banner-highlight bg-white pb-3 pb-md-0">
                    <div class="position-relative d-flex flex-column h-100">
                        <div class="banner-highlight-img">
                                                            <img src="/media/uploads/images/home/banniere-site-aad-butor-etoile-6aec51e78a62f781743830.jpg"
                                     class="img-fluid d-none d-sm-block"
                                     alt="Appel à dons Butor Étoilé"/>
                            
                                                                                            
                                <img src="/media/uploads/images/home/banniere-mobile-butor-etoile-6aec51e78a84e508221733.jpg"
                                     class="img-fluid d-sm-none"
                                     alt="Appel à dons Butor Étoilé"
                                />
                                                    </div>
                        <div
                            class="banner-highlight-content banner-highlight-content--bg bg-white p-4 p-md-5 rounded shadow-sm d-flex flex-column">
                            <h2 class="fs-3 font-bold mb-md-3">Soutenez nos actions !</h2>
                            <p class="text-dark">Menacé d’extinction en France, le Butor étoilé voit ses roselières se dégrader. Soutenez la LPO pour protéger ses derniers sites de reproduction et restaurer ses habitats !</p>
                                                            <a class="btn btn-primary mt-2 mt-md-4 mb-2 mb-md-4 align-self-start"
                                                                            style="background-color: #ff8000; border-color: #ff8000;"
                                                                       href="http://you.lpo.fr/butoretoile7">
                                    <span class="d-flex align-items-center">
                                        J&#039;agis
                                        <span class="fas fa-arrow-right ml-2"></span>
                                    </span>
                                </a>
                                                    </div>
                    </div>
                </section>
                            
                
<aside id="newsletter-block" class="block block-newsletter bg-gray-lotion">
    <div class="container px-md-0 d-flex flex-column flex-md-row pt-6 pb-6 pb-md-8">

        <div
            class="block-newsletter-content d-flex justify-content-between flex-column flex-md-row align-items-md-end w-100 pl-md-2 pr-md-0 mt-3 mt-md-0">
            <div class="block-newsletter-text pr-md-12 text-left">
                <h2 class="block-newsletter-title text-orange fs-5 font-bold d-block">Gardons le contact !</h2>
                <p class="block-newsletter-description text-dark mb-0">Suivez les actualités de la Boutique LPO France, en souscrivant à nos lettres d'information</p>
            </div>

            <div class="block-newsletter-input-container mt-3 mt-md-0 align-self-center">
                <form id="nl-homepage-form" action="#" method="POST" onsubmit="event.preventDefault(); redirectToNlSubscriptionPage();">
                    <div class="block-newsletter-input d-flex shadow rounded">
                            <input type="email" id="nl-email" name="newsletter_email" placeholder="Votre adresse e-mail" required
                                class="bg-white border py-2 px-3 text-gray-seagull w-100 rounded-start">
                            <input type="hidden" id="redirect-url" value="https://www.lpo.fr/inscription-aux-newsletters" />
                            <button id="submit-newsletter" type="submit" class="btn btn-primary btn-sm font-weight-medium">
                                Je valide
                            </button>
                    </div>
                </form>
                <span id="newsletter-error" class="d-none text-danger small"></span>
            </div>
        </div>
    </div>
</aside>

<script>
    function redirectToNlSubscriptionPage(){
        var url_input = document.getElementById('redirect-url');
        var email_input = document.getElementById('nl-email');
        var error_message = document.getElementById('newsletter-error');
        var redirectUrl = url_input.value + '?email=' + email_input.value + '&loc=boutique';

        var reg = /[ `!#$%^&*()+\=\[\]{};':"\\|,<>\/?~]/;
        var result= reg.test(email_input.value);

        if(!result){
            error_message.classList.add('d-none');
            window.location.href = redirectUrl;
            return false;
        }
        else{
            error_message.innerHTML = 'Veuillez entrer une adresse mail valide.';
            error_message.classList.remove('d-none');
        }

    }
</script>
            </div>

    

</main>

<div class="modal modal-always-on-front fade bg-opacity--5 hidden" data-bs-backdrop="false" id="alertStockModal"
     tabindex="-1" role="dialog" aria-labelledby="alertStockModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content modal-squared px-3 px-lg-6">
            <div class="modal-header px-0 d-flex align-items-baseline">
                <div class="modal-title font-bold fs-5" id="alertStockModalLabel">Créer une alerte</div>
                <button type="button" onclick="$('#alertStockModal').modal('toggle')"
                        class="close text-primary d-flex align-items-center" data-bs-dismiss="modal" aria-label="Fermer">
                    <span class="small font-bold text-uppercase mr-2">Fermer</span>
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body mb-3 px-0">
                <p class="small text-gray-dark fw-light mb-3">Je souhaite être averti(e) dès que ce produit sera à nouveau disponible.</p>

                <form
                    name="alertStock"
                    method="post"
                    data-controller="alert-stock"
                    data-action="alert-stock#onSubmit"
                    data-action-url="/stock/alert/product"
                    data-error-message="Votre alerte n&#039;a pas pu être enregistrée. Merci de réessayer."
                >
                    <span class="small text-gray-shark fw-light">Mon adresse Email :</span>
                    <input
                        data-alert-stock-target="email"
                        type="email"
                        name="email"
                        class="form-control mt-2"
                        required
                    />

                    <input type="hidden" data-alert-stock-target="variant"/>

                    <div
                        class="small text-danger mt-2 d-none"
                        role="alert"
                        data-alert-stock-target="error"
                    ></div>

                    <div class="d-flex justify-content-center mt-5">
                        <button
                            class="btn btn-primary btn-large btn-sm mr-3"
                            data-alert-stock-target="submit"
                        >
                            Valider
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal modal-always-on-front fade bg-opacity--5 hidden" data-bs-backdrop="false" id="successAlertStockModal"
     tabindex="-1" role="dialog" aria-labelledby="successAlertStockModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content modal-squared px-3 px-lg-6">
            <div class="modal-header px-0 d-flex align-items-baseline">
                <div class="modal-title font-bold fs-5" id="successAlertStockModalLabel">Créer une alerte</div>
                <button type="button" onclick="$('#successAlertStockModal').modal('toggle')"
                        class="close text-primary d-flex align-items-center" data-bs-dismiss="modal" aria-label="Fermer">
                    <span class="small font-bold text-uppercase mr-2">Fermer</span>
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body mb-3 text-center px-0">
                <div class="d-flex mb-3">
                    <svg width="48.69px"    height="48.69px"    viewBox="0 0 30 30"     fill="#50AFE1"             version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path d="M15,0 C6.71611987,0 0,6.71583862 0,15 C0,23.2841614 6.71611987,30 15,30 C23.2847942,30 30,23.2841614 30,15 C30,6.71583862 23.2845129,0 15,0 Z M12.2483863,22.7052074 L5.64357132,16.1006736 L7.84498882,13.8992561 L12.2483863,18.3023723 L22.1550112,8.39546624 L24.3564287,10.5968837 L12.2483863,22.7052074 Z" id="Check_alerte"></path>
</svg>
                    <p class="ml-3 small text-gray-dark text-left">
                        Votre demande a bien été prise en compte. Vous serez prévenu(e) dès que le produit sera à nouveau disponible.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal modal-always-on-front fade bg-opacity--5 hidden" id="modalMobile" data-bs-backdrop="false"
     tabindex="-1" role="dialog" aria-label="Numéro de téléphone requis" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" onclick="$('#modalMobile').modal('toggle')"
                        class="close text-primary d-flex align-items-center"
                        data-bs-dismiss="modal" aria-label="Fermer">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>La LPO a besoin de votre numéro de téléphone (mobile ou fixe) pour vous contacter en cas de problème avec votre compte.</p>
            </div>
        </div>
    </div>
</div>

<div class="modal modal-addtocart fade bg-opacity--5 hidden" data-bs-backdrop="false" id="addToCartModal"
     tabindex="-1" role="dialog" aria-labelledby="addToCartModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content modal-squared px-3 px-lg-6">
            <div class="modal-header px-0 pt-lg-5 pb-lg-3 d-flex align-items-baseline">
                <div class="modal-title font-bold fs-5" id="addToCartModalLabel">Ajout au panier</div>
                <button type="button" onclick="$('#addToCartModal').modal('toggle')"
                        class="close text-primary d-flex align-items-center" data-bs-dismiss="modal" aria-label="Fermer">
                    <span class="small font-bold text-uppercase mr-2">Fermer</span>
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body pt-4 px-0 mx-n3"></div>         </div>
    </div>
</div>

<script>
    document.addEventListener('click', function(e) {
        const modal = document.getElementById('addToCartModal');
        const modalContent = modal.querySelector('.modal-content');

        if (modal.classList.contains('show') && !modalContent.contains(e.target)) {
            $('#addToCartModal').modal('hide');
        }
    });
</script>
<div class="modal fade bg-opacity--5" data-bs-backdrop="false" id="successAddToCart"
     tabindex="-1" aria-labelledby="successAddToCartLabel" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content modal-squared px-3 px-lg-6">
            <div class="modal-header px-0 d-flex align-items-baseline">
                <div class="modal-title font-bold fs-5" id="successAddToCartLabel">Ajout au panier</div>
                <button type="button" class="close text-primary d-flex align-items-center" data-bs-dismiss="modal"
                        aria-label="Fermer" onclick="$('#successAddToCart').modal('toggle')">
                    <span class="small font-bold text-uppercase mr-2">Fermer</span>
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body mb-3 text-center px-0">
                <div class="d-flex mb-3">
                    <svg width="30px"    height="30px"    viewBox="0 0 30 30"     fill="#f55f19"             version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path d="M15,0 C6.71611987,0 0,6.71583862 0,15 C0,23.2841614 6.71611987,30 15,30 C23.2847942,30 30,23.2841614 30,15 C30,6.71583862 23.2845129,0 15,0 Z M12.2483863,22.7052074 L5.64357132,16.1006736 L7.84498882,13.8992561 L12.2483863,18.3023723 L22.1550112,8.39546624 L24.3564287,10.5968837 L12.2483863,22.7052074 Z" id="Check_alerte"></path>
</svg>
                    <p class="ml-3">L&#039;article a bien été ajouté au panier</p>
                </div>

                <div class="d-flex justify-content-center">
                    <a href="/cart/" class="btn btn-primary btn-sm mr-3">
                        Voir mon panier
                    </a>
                    <button type="button" onclick="$('#successAddToCart').modal('toggle')"
                            class="btn btn-outline-primary btn-sm" data-bs-dismiss="modal">
                        Continuer mes achats
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade bg-opacity--5 hidden" data-bs-backdrop="false" id="shippingNotAvailable"
     tabindex="-1" aria-label="Livraison indisponible" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content px-3 px-lg-6">
            <div class="modal-header px-0 d-flex align-items-baseline">
                <button type="button" onclick="$('#shippingNotAvailable').modal('toggle')" class="close text-primary d-flex align-items-center" data-bs-dismiss="modal" aria-label="Fermer">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body px-0">
                <div class="mb-3">
                    <p>
                        La livraison à l’étranger sera prochainement disponible. Pour commander, demandez votre devis incluant les frais de transport.
                    </p>
                </div>
                <div class="d-flex justify-content-center">
                    <a href="/checkout/address" class="btn btn-outline-primary btn-sm mr-3">
                         <span class="d-flex align-items-center">
                            <span class="fas fa-arrow-left mr-2"></span>
                             Changer d&#039;adresse
                        </span>
                    </a>
                    <a href="https://www.lpo.fr/qui-sommes-nous/contact-faq?formulaire=1&object=6&boutique=10" target="_blank" class="btn btn-primary btn-sm">
                        <span class="d-flex align-items-center">
                            Demander un devis
                            <span class="fas fa-arrow-right ml-2"></span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="reassurance bg-white">
    <div class="reassurance-container container">
        <ul class="reassurance-list row list-unstyled d-flex justify-content-between mx-3 mx-lg-0 my-0">

                                        
                                <li class="reassurance-list-item col-xs-12 col-md-2 py-3 px-0 py-lg-0">
                    <a                        href="https://www.lpo.fr/qui-sommes-nous/contact-faq?object=6" class="reassurance-item d-flex align-items-center text-decoration-none">
                        <img alt="Aide et contact" src="/media/image/35/fa/150bfb3325f6b4d09a373b5fb9f5.svg" style="height:48px; width:52px" /></p>
                        <span class="mx-lg-3 ml-3 text-dark font-weight-medium">Aide et contact</span>
                    </a>
                </li>
                                <li class="reassurance-list-item col-xs-12 col-md-2 py-3 px-0 py-lg-0">
                    <a                        href="https://boutique.lpo.fr/page/conditions-generales-de-vente#Article%205" class="reassurance-item d-flex align-items-center text-decoration-none">
                        <img alt="Paiement securise" src="/media/image/14/bc/526a2d3c6108ac12ea312b8f7752.svg" style="height:43px; width:50px" /></p>
                        <span class="mx-lg-3 ml-3 text-dark font-weight-medium">Paiement sécurisé</span>
                    </a>
                </li>
                                <li class="reassurance-list-item col-xs-12 col-md-2 py-3 px-0 py-lg-0">
                    <a                        href="https://boutique.lpo.fr/page/conditions-generales-de-vente#Article%207" class="reassurance-item d-flex align-items-center text-decoration-none">
                        <img alt="Satisfait ou rembouse" src="/media/image/ed/da/99bdfd501dcab31ce6313da3a776.svg" style="height:150px; width:173px" /></p>
                        <span class="mx-lg-3 ml-3 text-dark font-weight-medium">Satisfait ou remboursé</span>
                    </a>
                </li>
                                <li class="reassurance-list-item col-xs-12 col-md-2 py-3 px-0 py-lg-0">
                    <a                        href="https://boutique.lpo.fr/page/conditions-generales-de-vente#Article%206" class="reassurance-item d-flex align-items-center text-decoration-none">
                        <img alt="Livraison en 48h" src="/media/image/f2/61/f066a4efa1d4721393cbf7461e5a.svg" style="height:38px; width:63px" /></p>
                        <span class="mx-lg-3 ml-3 text-dark font-weight-medium">Livraison en 48h</span>
                    </a>
                </li>
                                <li class="reassurance-list-item col-xs-12 col-md-2 py-3 px-0 py-lg-0">
                    <a                        href="https://boutique.lpo.fr/page/boutique-solidaire-pour-la-nature" class="reassurance-item d-flex align-items-center text-decoration-none">
                        <img alt="Notre ethique" src="/media/image/c1/26/bdd660934c052338a6df18e13b0a.svg" style="height:50px; width:50px" /></p>
                        <span class="mx-lg-3 ml-3 text-dark font-weight-medium">Achats solidaires</span>
                    </a>
                </li>
                            
                                                                                                                                                                                                                                                        </ul>
    </div>
</div>
<footer class="bg-white position-relative">
    
<a href="#" class="u-go-to-modern text-decoration-none" title="Retourner en haut">
    <span class="visually-hidden">sylius.ui.footer.back_to_top</span>
    <span class="fas fa-arrow-up d-flex align-items-center justify-content-center h-100"></span>
</a>
<!-- Lists -->
<div class="footer-main mx-3 mx-lg-0">
    <div class="container border-bottom border-top">
        <div class="row justify-content-md-between">
            <div class="footer-main-logo-container col-sm-6 col-lg-3 mb-4 mb-lg-0">
                <div class="d-flex justify-content-between flex-sm-column align-items-center align-items-sm-start">
                    <a href="/" class="footer-main-logo-lpo">
                        <svg     height="100px"    viewBox="0 0 280.5 318.1"             role="img" aria-label="LPO Birdlife France"     version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path style="fill:none;" d="M-54.5-54.5H338v427.2H-54.5V-54.5z"/>
    <path style="fill:#0087CD;" d="M0,34.6h283.5v283.5H0V34.6z"/>
    <path style="fill:#FFFFFF;"
          d="M83.6,242H50.3v-59.3H29v78.2h54.5V242L83.6,242z M118.6,240.3h15.1c15.9,0,28.8-12.9,28.8-28.8 s-12.9-28.8-28.8-28.8H97.3v78.2h21.3V240.3z M118.6,201.6h14.5c4.8,0,8.6,4.4,8.6,9.9s-3.9,9.9-8.6,9.9h-14.5V201.6z M215.4,264.7 c23.7,0,42.9-19.2,42.9-42.9s-19.2-42.9-42.9-42.9s-42.9,19.2-42.9,42.9C172.6,245.5,191.8,264.7,215.4,264.7z M215.4,200.3 c11.9,0,21.5,9.6,21.5,21.5c0,11.9-9.6,21.5-21.5,21.5s-21.5-9.6-21.5-21.5S203.6,200.3,215.4,200.3z M38.8,288 c0.8-0.2,1.5-0.7,2-1.3c0.5-0.6,0.8-1.4,0.8-2.4c0-1.3-0.5-2.3-1.4-3.1S38,280,36.3,280H29v16.4h7.6c1.7,0,3-0.4,4-1.2 c0.9-0.8,1.4-1.9,1.4-3.2c0-1-0.3-1.8-0.9-2.5C40.6,288.7,39.8,288.2,38.8,288z M32.9,283.2h2.6c0.7,0,1.2,0.1,1.5,0.4 c0.3,0.3,0.5,0.7,0.5,1.3s-0.2,1-0.5,1.3c-0.3,0.3-0.8,0.4-1.5,0.4h-2.6V283.2L32.9,283.2z M37.4,292.7c-0.4,0.3-0.9,0.5-1.6,0.5 h-2.9v-3.6h2.9c0.7,0,1.2,0.2,1.6,0.5s0.6,0.8,0.6,1.4C38,292,37.8,292.4,37.4,292.7L37.4,292.7z M215.1,290.2l-6.7-10.1h-4v16.4h4 v-10.1l6.7,10.1h4V280h-4V290.2z M46.6,296.4h4V280h-4V296.4z M231.9,283.5c0.8,0,1.4,0.2,2,0.5c0.6,0.4,1.1,0.9,1.4,1.6h4.4 c-0.5-1.8-1.4-3.2-2.8-4.2c-1.4-1-3-1.5-5-1.5c-1.6,0-3,0.4-4.2,1.1s-2.2,1.7-2.9,3c-0.7,1.3-1,2.7-1,4.3c0,1.6,0.4,3,1,4.3 c0.7,1.3,1.7,2.2,2.9,3s2.7,1.1,4.2,1.1c1.9,0,3.6-0.5,5-1.5s2.3-2.4,2.8-4.2h-4.4c-0.3,0.7-0.8,1.2-1.4,1.6s-1.3,0.5-2,0.5 c-1.2,0-2.2-0.4-3-1.3s-1.1-2-1.1-3.4s0.4-2.6,1.1-3.4S230.6,283.5,231.9,283.5z M244.4,296.4h10v-3.2h-6v-3.6h5.3v-3.1h-5.3v-3.3h6 V280h-10V296.4z M84,281.1c-1.3-0.7-2.8-1-4.5-1h-6.1v16.4h6.1c1.7,0,3.2-0.3,4.5-1c1.3-0.7,2.3-1.6,3-2.9c0.7-1.2,1.1-2.7,1.1-4.3 c0-1.6-0.4-3-1.1-4.3C86.2,282.7,85.2,281.7,84,281.1L84,281.1z M82.7,291.7c-0.8,0.8-2,1.2-3.5,1.2h-1.9v-9.5h1.9 c1.5,0,2.7,0.4,3.5,1.3c0.8,0.8,1.3,2,1.3,3.5C84,289.7,83.5,290.9,82.7,291.7z M189.9,280l-5.9,16.4h4.2l1-2.9h6.1l1,2.9h4.2 l-5.9-16.4H189.9z M190.1,290.4l2-6l2,6H190.1z M115.2,296.4h4v-6.6h5v-3.1h-5v-3.5h6.7V280h-10.6L115.2,296.4L115.2,296.4z M152.5,296.4h4v-6.6h5v-3.1h-5v-3.5h6.7V280h-10.6V296.4L152.5,296.4z M106,296.4h4V280h-4V296.4z M130.3,296.4h10v-3.2h-6v-3.6 h5.3v-3.1h-5.3v-3.3h6V280h-10V296.4L130.3,296.4z M67.6,288.1c0.6-0.9,0.9-1.8,0.9-2.9c0-1-0.2-1.8-0.7-2.6s-1.1-1.4-2-1.9 s-2-0.7-3.3-0.7h-6.7v16.4h4v-6.2h1l3.4,6.2h4.5l-3.8-6.5C66.1,289.6,67,289,67.6,288.1z M63.9,286.9c-0.4,0.4-0.9,0.5-1.6,0.5h-2.5 v-4h2.5c0.7,0,1.3,0.2,1.6,0.5c0.4,0.4,0.6,0.9,0.6,1.5C64.5,286,64.3,286.5,63.9,286.9L63.9,286.9z M179.3,288.1 c0.6-0.9,0.9-1.8,0.9-2.9c0-1-0.2-1.8-0.7-2.6c-0.5-0.8-1.1-1.4-2-1.9s-2-0.7-3.3-0.7h-6.7v16.4h4v-6.2h1l3.4,6.2h4.5l-3.8-6.5 C177.8,289.6,178.7,289,179.3,288.1z M175.6,286.9c-0.4,0.4-0.9,0.5-1.6,0.5h-2.5v-4h2.5c0.7,0,1.3,0.2,1.6,0.5 c0.4,0.4,0.6,0.9,0.6,1.5C176.2,286,176,286.5,175.6,286.9L175.6,286.9z M96.6,280h-4v16.4h9.2v-3.1h-5.2V280L96.6,280z"/>
    <path style="fill:#191919;"
          d="M252,113.8c-4.4-32.3-32.8-57.2-53.3-69.3c-2.3-1.4-3.8-3.9-3.7-6.6c0.3-10.2-0.4-18-4.8-25.1 c-5.5-9-18-15.7-31.8-11.2c-6.1,2-10.5,5.5-13.5,8.7c-0.7-0.8-1.5-1.6-2.3-2.4c-6.4-5.8-16-8.7-25.7-7.8c-8,0.7-16.1,5.6-20.9,12.6 c-3.8,5.5-7.6,14.9-3.9,28.5c1.6,6.1-2.3,11.5-12.4,16.9c-30.1,16.2-42.7,48-48,61.6c0,0-15.3,14-16.2,14.8 c9.3,4.9,39.2,19.4,60.5,16c3,2.7,11.5,10.4,16.4,14.3c0.7,0.4,2.5,0.7,4.5,0.7c2.4,0,5.2-0.5,6.5-2.4l0.4-0.6 c0.6-1.1,1.2-2.9,2.2-5.7c1.8-5.3,4.6-13.3,7.7-16.4c6.2-5.6,26-23.7,33.3-43.6c5,29,24,45.6,24,45.6l7.2-0.2l1.7-5.4 c12.9,22.8,14.2,23.2,14.8,23.4c0.2,0.1,0.6,0.1,0.9,0.2l8.1-0.2c0.1,0,0.3-0.1,0.4-0.1c2.4-0.7,8.4-10.1,13.1-18.2 c8.1,0.7,30.7-0.7,50.1-15.6C266.5,125.7,252,113.8,252,113.8L252,113.8z"/>
    <path style="fill:#FFFFFF;"
          d="M130.4,73.8c-29.5,19.9-33.5,55.3-52.3,75.3c3.5,3.2,14.4,13,15.5,13.6c0.9,0.4,6.5,0.7,7.6-0.9 c0.5-0.7,1.3-3.1,2.2-5.7c1.6-4.5,3.5-10.2,6-14.2c-2.5,0.8-5,1.2-7.5,0.8c8.9-1.3,17.4-9.9,31.8-27.4c5.3-7.5,10.4-15.1,12.2-24.7 c-0.2-4.8-0.6-11.6,0.5-21C140.1,71.9,134.5,72.9,130.4,73.8z M194.8,97.6c-10.1-8.2-21.5-17.5-29.6-40.3l-2.4,0.8 c-3.7,6.3-11.6,9.2-13.6,10.2c-6.8,42.1,19.1,68.3,22.5,71.5l4.3-0.1l2.3-7.2c-3.4-0.8-6.7-2.3-10-6.3c3.5,2.1,7,3.3,10.7,4.1 l1.5,2.6c6.2,11,13.4,23.2,14.9,24.8c2.2,0.4,6.4,0.2,7.7-0.2c1.1-0.6,5.6-6.8,12-17.7l0.3-0.4C216.4,112.5,202.3,103.8,194.8,97.6 L194.8,97.6z M117.9,43.1c4,1.9,8.2,2.7,12.1,2.7c2.1-6.8,5.3-10.9,6.2-11.9c0.2-0.7,0.6-1.3,1-1.9l0,0c0,0,0.4-2.6,0.4-6.3 c0-2.2,0.7-4.9,2.1-7.7c-1.1-1.4-2.4-2.5-3.7-3.4c-5.9-3.8-13.6-1.8-20.9,0c-4.9,1.2-9.6,2.4-13.7,1.9 C103.7,29.9,109.3,38.9,117.9,43.1L117.9,43.1z M160.5,53.7c0.8,0.2,3.8,1.1,3.8,1.1s0.2,0,0.4,0l2.2-0.6c5.7-2,10.1-5.8,13.3-11.6 c5-9.2,5-20,4.6-22.8c-3.4,0.5-7.4,0.1-11.7-0.5c-14.8-2.1-26.2-0.7-29.8,15.8C141.7,45.4,150,50.2,160.5,53.7z M160.8,56.5 c-4.4-1.4-21.4-5.5-20.3-20.8c0-1.7-0.4-3.1-1.2-2.3c-0.5,0.4-0.9,1.7-0.9,1.7s-12,13.3-6.2,35.6c2.6-0.5,9-1.9,15.3-4.5 C154.3,63.5,158.9,60.1,160.8,56.5z"/>
    <path style="fill:#F55F19;"
          d="M140.1,58.1c-2.7-2.4-4.4-5.7-5-9.7c-1.4,4.8-2,11.1-0.5,18.7c3.1-0.7,9.6-2.5,15.1-5.2 C146,61.7,142.6,60.4,140.1,58.1z M114.5,179.2l6.8-8.6l-6.2-8.9l-11.4,0.9l-0.4,0.6c-1.3,1.9-4.1,2.4-6.5,2.4c-2,0-3.8-0.3-4.5-0.7 c-2.3-1.8-5.3-4.4-8.2-6.9l0.2,12.2l8.1,2.4l-0.5,9.3l0,0.2l5.3,18.6l16.7-1.4l7-9.7c0,0-20.3-8.5-22.4-9.7l1.1-5L114.5,179.2 L114.5,179.2z M202.7,178.1l0.8-17.9l-8.1,0.2c0.1,2.9,0.2,11.7,0.2,17.7l-11.8,14.8l14.9,4.5l15.1-4.5L202.7,178.1L202.7,178.1z M172,154.3l-19.8-3.4l-6.4,8.8l5.8,8.6l25.4-6.9l1.1-19.3l-7.2,0.2L172,154.3L172,154.3z"/>
    <path style="fill:#191919;"
          d="M130.7,21.8c-0.3,0.5-1.2,3.1-1.9,3c-3.5-0.6-8.6-1.2-12.2-1.8c-0.7-0.1-0.9,0-0.3,0.2 c4.9,1.7,10.2,3,14.8,5.3c0.9,0.3,2-0.2,2.2-1.1c0.3-1.4-0.6-6.3-0.6-6.3L130.7,21.8L130.7,21.8z M138.2,42.7 c-0.5,5.6,0.9,10.2,4,13c3.2,2.9,8,3.7,13.1,2.3C145.9,54.6,140.2,49.4,138.2,42.7z M170.3,26.9c-3.3,1.5-8.1,3.3-11.4,4.7 c-0.6,0.3-2.1-2-2.6-2.4l-2.1-0.3c0,0,0.3,5,1,6.3c0.4,0.8,1.5,1,2.4,0.5c3.8-3.3,8.7-5.9,13-8.7C171.2,26.6,171,26.6,170.3,26.9z"/>
</svg>
                    </a>
                    <a href="https://www.birdlife.org/" target="_blank"
                       class="footer-main-logo-birdlife d-block mt-lg-2">
                        <img src="/bootstrap-theme/images/logo-BirdLife.b13ab3d2.png" alt="BirdLife International">
                    </a>
                </div>
                <p class="font-size-0-5 small mt-3 mb-0 text-gray-seagull">La LPO est le représentant officiel de BirdLife International en France</p>
            </div>

            <div class="col-sm-6 col-lg-3 mb-4 mb-lg-0 ">
                <div class="font-size-1-5 font-bold mb-2">Accès rapide</div>
                <ul class="list-group list-group-flush list-group-borderless mb-0">
                    <li>
                        <a class="contact d-inline-block btn btn-primary" target="_blank" href="https://monespace.lpo.fr">
                            Mon espace LPO
                        </a>
                    </li>
                    <li>
                        <a class="contact d-inline-block mt-3 btn btn-primary" target="_blank"
                           href="https://www.lpo.fr">
                            LPO.fr
                        </a>
                    </li>
                </ul>

            </div>

            <div class="col-sm-6 col-lg-3 mb-4 mb-lg-0 ">
                <div class="font-size-1-5 font-bold mb-2">La Boutique LPO</div>
                <ul class="list-group list-group-flush list-group-borderless mb-0">
                                            <li class="">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                               href="https://boutique.lpo.fr/page/boutique-solidaire-pour-la-nature">Boutique solidaire pour la nature</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                 target="_blank"                                href="https://www.calameo.com/read/000016068ba79f99dc998">Découvrir le catalogue</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                 target="_blank"                                href="https://www.calameo.com/read/000016068c1489d11c7cd">Découvrir le catalogue professionnel</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                               href="https://boutique.lpo.fr/page/offrir-un-cadeau-responsable">Offrir un cadeau responsable</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                               href="https://boutique.lpo.fr/actus-et-conseils">Actus &amp; Conseils</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                               href="https://boutique.lpo.fr/page/conditions-generales-de-vente">Conditions générales de vente</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                               href="/page/plan-du-site">Plan du site</a>
                        </li>
                                    </ul>
            </div>

            <div class="col-sm-6 col-lg-3 mb-4 mb-lg-0 ">
                <div class="font-bold font-size-1-5 mb-2">S&#039;engager à nos côtés</div>
                <ul class="list-group list-group-flush list-group-borderless mb-0">
                                            <li class="">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                              href="https://www.lpo.fr/s-engager-a-nos-cotes/adherer-a-l-association">Adhérer</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                              href="https://www.lpo.fr/s-engager-a-nos-cotes/donner-a-la-lpo">Faire un don</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                              href="https://www.lpo.fr/s-engager-a-nos-cotes/creer-un-refuge-lpo">Créer un Refuge</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                              href="https://www.lpo.fr/s-engager-a-nos-cotes/s-abonner-a-nos-revues">S&#039;abonner à nos revues</a>
                        </li>
                                            <li class="mt-2">
                            <a class="contact d-inline-block small font-weight-light text-decoration-none"
                                                              href="https://www.lpo.fr/s-engager-a-nos-cotes/devenir-benevole">Devenir Bénévole</a>
                        </li>
                                    </ul>
                <div class="font-bold font-size-1-5 mt-3 mb-2">Besoin d&#039;aide, une question ?</div>
                <ul class="list-group list-group-flush list-group-borderless mb-0">
                    <li>
                        <a class="contact d-inline-block small font-weight-light text-decoration-none"
                           target="_blank"
                           href="https://www.lpo.fr/qui-sommes-nous/contact-faq?object=6">Contact &amp; FAQ</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container py-0">
        <div class="row align-items-lg-center py-3 d-flex justify-content-between">
            <div class="col-xs-12 col-md-7 d-flex justify-content-center justify-content-md-start">
                <div class="d-flex align-items-center flex-wrap flex-column flex-md-row">
                                            <a href="https://boutique.lpo.fr/page/conditions-generales-de-vente#Article%205"
                           class="small mr-3 text-gray text-decoration-none">Paiement sécurisé</a>
                                        <div class="footer-main-payment mt-1 mt-lg-0">
                        <img class="img-fluid mt-0"
                             src="/build/shop/images/CB.f6691341.jpg"
                             srcset="/build/shop/images/CB@2x.e8fbfc76.jpg 2x" alt="CB"/>

                        <img class="img-fluid mt-0"
                             src="/build/shop/images/Visa.1249ef29.jpg"
                             srcset="/build/shop/images/Visa@2x.dafc63bb.jpg 2x" alt="Visa"/>

                        <img class="img-fluid mt-0 mr-2"
                             src="/build/shop/images/Master.7c4e5e40.jpg"
                             srcset="/build/shop/images/Master@2x.1b138e8b.jpg 2x" alt="Mastercard"/>

                        <img class="img-fluid mt-0 mr-2"
                             src="/build/shop/images/Paypal.7c5e4419.jpg"
                             srcset="/build/shop/images/Paypal@2x.355d41a7.jpg 2x" alt="Paypal"/>

                        <img class="mt-0 mr-3"
                             src="/build/shop/images/bank_transfer.58aec74c.svg" alt="Transfer"/>

                        <img class="mt-0"
                             src="/build/shop/images/check.6e37cb8f.svg" alt="Check"/>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-5 d-flex justify-content-md-end flex-column flex-md-row">
                <span class="ally px-0 my-3 my-md-0 mr-md-5 align-self-center" title="Renforcer les contrastes">
                    <input type="checkbox" id="ally" name="ally" class="visually-hidden"
                           title="Renforcer les contrastes">
                    <label for="ally">
                        <span class="sr-only">Renforcer les contrastes</span>
                    </label>
                </span>

                <div
                    class="d-flex align-items-center justify-content-center justify-content-md-end flex-wrap flex-column flex-md-row text-gray-seagull">
                    <span class="small mr-md-3">Nous suivre :</span>
                    <ul class="row social-media list-group m-0 p-0 justify-content-lg-start justify-content-center flex-row mt-1 mt-lg-0">
                        <li class="mb-0 p-0 mr-2">
                            <a href="https://www.lpo.fr/qui-sommes-nous/lpo-locales/annuaire-web/annuaire-facebook-lpo" class="d-block transition-3d-hover"
                               target="_blank" aria-label="Facebook (nouvel onglet)">
                                <svg width="32px"    height="32px"    viewBox="0 0 60 60"         aria-hidden="true" focusable="false"         version="1.1" xmlns="http://www.w3.org/2000/svg">
        <rect fill="#4268B2" x="0" y="0" width="60"
            height="60" rx="30"></rect>
    <path
        d="M32.2851324,44.4642768 L32.2851324,31.04634 L36.5624659,31.04634 L37.2655892,25.7143215 L32.2851324,25.7143215 L32.2851324,22.022924 C32.2851324,21.1635508 32.4413823,20.5385529 32.7538812,20.1479285 C33.1445056,19.6791796 33.8671598,19.4448052 34.9218448,19.4448052 L37.7343381,19.4448052 L37.7343381,14.6987227 C36.6796531,14.5424728 35.3124692,14.4643483 33.6327854,14.4643483 C31.5624781,14.4643483 29.9023252,15.0795812 28.6523285,16.310047 C27.4023318,17.5405128 26.777333,19.2690243 26.777333,21.4955815 L26.777333,25.7143215 L22.265625,25.7143215 L22.265625,31.04634 L26.777333,31.04634 L26.777333,44.4642768 L32.2851324,44.4642768 Z"
        fill="#FFFFFF"></path>
</svg>
                            </a>
                        </li>
                        <li class="mb-0 p-0 mr-2">
                            <a href="https://x.com/LPOFrance" class="d-block transition-3d-hover" target="_blank" aria-label="Bluesky (nouvel onglet)">
                                <svg width="32px"    height="32px"    viewBox="0 0 256 256"         aria-hidden="true" focusable="false"         version="1.1" xmlns="http://www.w3.org/2000/svg">
        <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;"
       transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)">
        <path
            d="M 45 90 L 45 90 C 20.147 90 0 69.853 0 45 v 0 C 0 20.147 20.147 0 45 0 h 0 c 24.853 0 45 20.147 45 45 v 0 C 90 69.853 69.853 90 45 90 z"
            style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(59,160,254); fill-rule: nonzero; opacity: 1;"
            transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/>
        <path
            d="M 29.977 25.793 C 36.058 30.358 42.599 39.615 45 44.582 c 2.402 -4.967 8.942 -14.224 15.023 -18.789 c 4.388 -3.294 11.497 -5.843 11.497 2.267 c 0 1.62 -0.929 13.607 -1.473 15.553 c -1.893 6.766 -8.792 8.491 -14.929 7.447 c 10.727 1.826 13.456 7.873 7.562 13.92 c -11.192 11.485 -16.087 -2.882 -17.341 -6.563 c -0.23 -0.675 -0.337 -0.991 -0.339 -0.722 c -0.002 -0.268 -0.109 0.047 -0.339 0.722 c -1.254 3.681 -6.148 18.048 -17.341 6.563 c -5.893 -6.047 -3.165 -12.095 7.562 -13.92 c -6.137 1.044 -13.036 -0.681 -14.929 -7.447 c -0.545 -1.946 -1.473 -13.933 -1.473 -15.553 C 18.48 19.95 25.589 22.499 29.977 25.793 L 29.977 25.793 z"
            style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;"
            transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/>
    </g>
</svg>
                            </a>
                        </li>
                        <li class="mb-0 p-0 mr-2">
                            <a href="https://www.lpo.fr/qui-sommes-nous/lpo-locales/annuaire-web/annuaire-instagram-lpo" class="d-block transition-3d-hover"
                               target="_blank" aria-label="Instagram (nouvel onglet)">
                                <svg width="32px"    height="32px"    viewBox="0 0 60 60"         aria-hidden="true" focusable="false"         version="1.1" xmlns="http://www.w3.org/2000/svg">
        <defs>
        <linearGradient x1="6.71416922%" y1="93.4850191%" x2="93.6081727%" y2="6.61873642%"
                        id="linearGradient-1">
            <stop stop-color="#FFDD55" offset="0%"></stop>
            <stop stop-color="#FF543E" offset="50%"></stop>
            <stop stop-color="#C837AB" offset="100%"></stop>
        </linearGradient>
    </defs>

    <rect fill="url(#linearGradient-1)" x="0" y="0"
            width="60" height="60" rx="30"></rect>

        <path
            d="M24.49942,-7.10542736e-15 C27.5327289,-7.10542736e-15 30,2.46727113 30,5.49986979 L30,5.49986979 L30,24.49942 C30,27.5327289 27.5320187,30 24.49942,30 L24.49942,30 L5.49986979,30 C2.46727113,30 9.02389274e-13,27.5320187 9.02389274e-13,24.49942 L9.02389274e-13,24.49942 L9.02389274e-13,5.49986979 C9.02389274e-13,2.46727113 2.46727113,-7.10542736e-15 5.49986979,-7.10542736e-15 L5.49986979,-7.10542736e-15 Z M14.9996449,5.12416846 C9.55446131,5.12416846 5.12416846,9.55446131 5.12416846,14.9996449 C5.12416846,20.4455387 9.55446131,24.8758315 14.9996449,24.8758315 C20.4448285,24.8758315 24.8758315,20.4448285 24.8758315,14.9996449 C24.8758315,9.55446131 20.4455387,5.12416846 14.9996449,5.12416846 Z M14.9996449,9.29736512 C18.1437466,9.29736512 20.7019247,11.8562534 20.7019247,14.9989347 C20.7019247,18.1437466 18.1444568,20.7026349 14.9996449,20.7026349 C11.8562534,20.7026349 9.29665491,18.1437466 9.29665491,14.9989347 C9.29665491,11.8555432 11.8562534,9.29736512 14.9996449,9.29736512 Z M25.1932956,2.49283871 C23.9042636,2.49283871 22.855993,3.54110935 22.855993,4.82943112 C22.855993,6.11775289 23.9042636,7.16602353 25.1932956,7.16602353 C26.4816174,7.16602353 27.529888,6.11775289 27.529888,4.82943112 C27.529888,3.54110935 26.4816174,2.49283871 25.1932956,2.49283871 Z"
            fill="#FFFFFF" transform="translate(15.000000, 15.000000)"></path>
</svg>
                            </a>
                        </li>
                        <li class="mb-0 p-0 mr-2">
                            <a href="https://www.tiktok.com/@lpofrance"
                               class="d-block transition-3d-hover"
                               target="_blank" aria-label="TikTok (nouvel onglet)">
                                <svg width="32px"    height="32px"    viewBox="0 0 44 45"         aria-hidden="true" focusable="false"         version="1.1" xmlns="http://www.w3.org/2000/svg">
    <g id="Homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="Styleguide" transform="translate(-544.000000, -6831.000000)" fill-rule="nonzero">
        <g id="Icones" transform="translate(3.622951, 6472.968421)">
            <g id="Stacked-Group" transform="translate(223.377049, 358.211579)">
                <g id="tik-tok" transform="translate(317.000000, 0.000000)">
                    <path d="M44,22 C44,34.1498201 34.1500628,44 21.9994579,44 L21.9582584,44 C9.82716901,43.9772313 0,34.1335567 0,22 C0,9.86644325 9.82716901,0.0216844907 21.9582584,0 L21.9994579,0 C34.1500628,0 44,9.84692721 44,22 Z"
                          id="Path" fill="#000000"></path>
                    <path d="M21.9582584,0 L21.9582584,44 C9.82716901,43.9772313 0,34.1335567 0,22 C0,9.86644325 9.82716901,0.0216844907 21.9582584,0 Z"
                          id="Path" fill="#0C0C0C"></path>
                    <path d="M33.970086,15.9099108 L33.9429811,20.4170322 C33.0646982,20.4062913 32.19096,20.2890618 31.3409063,20.0679119 C30.0294961,19.725323 28.7926407,19.1434537 27.6925806,18.3515844 C27.6925806,18.8123799 27.6990858,19.4997782 27.6990858,20.3357153 C27.6990858,21.4481297 27.6990858,22.0802326 27.6925806,22.7513676 C27.6730651,26.8974422 27.7760639,27.6997684 27.4117734,29.3391159 C27.3359879,29.7344469 27.2323698,30.1239302 27.1016928,30.5046572 C26.401301,32.4562614 24.8747505,34.0197132 23.3189266,34.8513134 C22.8847546,35.0821291 22.4290238,35.269873 21.9582584,35.4118575 C19.0179139,36.30309 15.4845132,35.5202799 13.6608925,33.3518309 L13.6489663,33.3388202 L13.6348717,33.3203883 C12.0855531,31.4511853 11.7472833,28.5367897 11.7147574,27.7908432 C11.7147574,27.6954315 11.7082522,27.6021882 11.7082522,27.6021882 C11.684385,26.5832005 11.8309634,25.5673875 12.1419314,24.5967178 C12.4563487,23.5927258 13.4917576,21.4969198 15.8173619,20.2240402 C17.2677762,19.4427021 18.9232385,19.1259083 20.5596432,19.3165443 L20.5065175,23.8778769 C20.4143607,23.854024 18.1863342,23.3260066 16.7237513,24.843921 C15.3988616,26.2187177 15.4845132,28.4337884 16.4245127,29.6882362 C16.4743858,29.7554581 16.5275115,29.8205116 16.5828056,29.8812281 C17.1086415,30.4677936 17.7754232,30.6878912 18.2253653,30.8418511 C18.8219849,31.0384354 19.4481568,31.1301442 20.076091,31.1129072 C20.7487637,31.1024086 21.4031375,30.8922037 21.95609,30.5089941 C23.4848089,29.470307 23.6908065,27.62062 23.6983959,27.5154502 C23.6796031,21.5608891 23.6618946,15.6063279 23.6452702,9.65176679 L23.6452702,9.64634567 L26.510805,9.59538712 L26.5574255,9.59538712 L26.9726733,9.58779755 C27.2788673,10.689749 27.7978401,11.7210904 28.500308,12.6236262 C28.7216392,12.90592 28.9606419,13.1738994 29.2158786,13.4259524 C30.1802096,14.3645468 31.3385808,15.080312 32.6094177,15.5228426 L32.6180913,15.5228426 C33.0589459,15.6839527 33.5107649,15.8133058 33.970086,15.9099108 L33.970086,15.9099108 Z"
                          id="Path" fill="#FD2854"></path>
                    <path d="M32.6744696,17.9493371 L32.665796,17.9493371 C31.1226013,18.1965807 29.5428594,18.0766021 28.0547027,17.5991326 C27.0155541,17.2612548 26.0401016,16.7522627 25.1685681,16.0931447 C25.6911528,19.2520686 25.6911528,22.4753968 25.1685681,25.6343206 C24.5494912,29.3467054 24.1613483,31.6734513 22.0894463,33.1620916 C22.0460784,33.1935341 22.0016263,33.2249766 21.9571742,33.2542507 C19.0959761,35.1917599 15.0985388,34.2300527 13.6337875,33.3182199 L13.6121036,33.3052092 L13.5709041,33.2791878 C13.0880962,32.9593364 12.6352231,32.5964484 12.2178252,32.1949633 C10.7065495,30.7289246 9.84354601,28.7198841 9.82066382,26.6144596 C9.7928204,25.5347545 9.97205139,24.4597101 10.3486682,23.4474398 C10.5926127,22.796905 11.499002,20.4831699 14.0240988,19.0747622 C15.6410129,18.1881614 17.5093823,17.871921 19.3279945,18.1770243 C19.3207665,18.5384325 19.3138999,18.8998407 19.3073947,19.2612488 L19.3073947,19.2688384 L19.265111,21.5565522 C18.4737141,21.3700491 17.6556337,21.3245379 16.8484341,21.4221083 C16.1979154,21.5023409 15.5604071,21.5771524 14.8827834,22.0032527 C14.0149425,22.5618786 13.400703,23.4384953 13.1719193,24.4449263 C13.0271368,24.9323811 12.9974461,25.4467853 13.0851835,25.9476615 C13.1112042,26.0907792 13.302023,27.0850131 14.1043294,27.7984328 C14.3742947,28.0380464 14.4892196,28.0478044 14.8827834,28.4153566 C15.2297267,28.7406239 15.3164626,28.8967523 15.6341325,29.1667242 C15.6341325,29.1667242 15.7121948,29.2328619 15.8401301,29.3261052 C15.8483387,29.3332085 15.8570334,29.3397297 15.8661509,29.3456212 C16.041096,29.4735805 16.2247733,29.5891515 16.4158391,29.6914888 C17.2105561,30.1078311 18.6330237,30.1522843 19.676022,29.6459514 C21.1190893,28.9444581 21.9062169,27.331132 21.9029643,26.3726775 C21.8856171,20.415948 21.8679086,14.4595798 21.8498386,8.50357301 L21.9495848,8.50357301 L26.3752803,8.47755162 C26.3721079,8.82277655 26.4199682,9.16657529 26.5173102,9.49780691 C26.5281522,9.53358632 26.5389942,9.56719728 26.5509203,9.60622936 C26.5628465,9.64526145 26.5704359,9.66369326 26.5801937,9.69079888 C26.6488584,9.87098096 26.7281439,10.046934 26.817633,10.217732 L26.8794323,10.3424178 L26.8794323,10.3521758 C26.8784402,10.354982 26.8784402,10.3580435 26.8794323,10.3608496 L26.8891901,10.3814499 L26.8989478,10.4009659 C26.9048248,10.4135763 26.9113384,10.42588 26.9184634,10.4378296 C26.9249686,10.4519245 26.932558,10.4660194 26.9401474,10.4801143 C26.9813469,10.5592627 27.0377252,10.6633483 27.1016928,10.7804445 C27.1418081,10.8530876 27.1840919,10.9257306 27.2274598,10.9972894 L27.2740803,11.0742694 C27.2968484,11.1133015 27.3207008,11.1523335 27.3445531,11.1902814 L27.431289,11.3279779 C27.7684745,11.8603322 28.3604465,12.7569859 29.1996156,13.4346262 C30.3792228,14.3865753 31.7344701,14.655463 32.5844812,14.7356956 C32.5899022,15.0024149 32.5964074,15.2691341 32.6018284,15.5358533 C32.6336315,16.3410708 32.6578452,17.1455654 32.6744696,17.9493371 L32.6744696,17.9493371 Z"
                          id="Path" fill="#24F6FA"></path>
                    <path d="M32.6885642,19.223301 C30.454542,19.3052624 28.2611299,18.6106328 26.4815317,17.2576019 L26.4815317,26.7987778 C26.4598477,27.1641615 26.1400094,31.194224 22.4992731,33.4125474 C22.3192963,33.5209699 22.1382352,33.6218028 21.9571742,33.7150461 C18.5321933,35.462816 15.1852746,34.0934404 14.8545943,33.951407 C14.5257928,33.8439249 14.2106825,33.6983738 13.915679,33.5177172 C13.8235222,33.4602533 13.7335337,33.400621 13.6478821,33.3388202 L13.5709041,33.2813563 C11.3374566,31.5856291 11.2452998,28.1312897 11.2312052,27.6217042 C11.207338,26.6027165 11.3539163,25.5869035 11.6648843,24.6162338 C12.0335116,23.4398502 13.1339724,21.4568035 15.3403149,20.2435563 C16.557734,19.581015 17.9259018,19.2448475 19.3117315,19.2677542 L19.3117315,19.2753437 C19.2936615,20.4210077 19.2755916,21.567033 19.2575216,22.7134197 C19.0244191,22.6505347 17.5954464,22.2905722 16.1989996,23.1698783 C15.3311586,23.7285042 14.7169192,24.6051209 14.4881354,25.6115519 C14.3512471,26.0999858 14.3216583,26.6122559 14.4013996,27.1132029 C14.5252073,27.7317416 14.817058,28.3042031 15.2449055,28.7677295 C15.4247678,28.9748763 15.6257045,29.1627367 15.8444669,29.3282736 C15.8526755,29.3353769 15.8613702,29.3418981 15.8704876,29.3477897 C16.0422769,29.4803328 16.2263436,29.5961489 16.4201759,29.6936573 L16.4266811,29.6990784 C17.2205607,30.8978746 18.6823157,31.4681814 20.0782594,31.1237494 C20.3956695,31.0575059 20.7039802,30.9533984 20.9965749,30.8136612 C21.3509653,30.6451184 21.6757288,30.4203047 21.9582584,30.1479474 C23.0554666,29.0929969 23.2159279,27.6336307 23.2235172,27.5458085 L23.1758125,9.66803016 L23.6528596,9.65827214 L26.5183944,9.60189246 L26.5595939,9.60189246 C26.5704359,9.6300823 26.5823621,9.65827214 26.5942882,9.68646198 C26.6604243,9.84584298 26.7395708,10.0225716 26.8317276,10.2133951 L26.8935268,10.3380809 L26.8935268,10.3478389 C26.8925347,10.3506451 26.8925347,10.3537066 26.8935268,10.3565127 L26.9032846,10.377113 L26.9130424,10.396629 C26.9189194,10.4092394 26.9254329,10.4215431 26.932558,10.4334927 C26.9390632,10.4475876 26.9466525,10.4616825 26.9542419,10.4757774 C27.004115,10.5733576 27.0626617,10.6741905 27.1157874,10.7761076 C27.1559027,10.8487507 27.1981864,10.9213937 27.2415543,10.9929525 L27.2881749,11.0699325 L27.3586477,11.1859445 L27.4453835,11.323641 C27.9413243,12.0993178 28.5357189,12.8074338 29.2137102,13.4302893 C30.2031512,14.3361957 31.3544115,15.047567 32.6072493,15.5271795 L32.6159229,15.5271795 C32.6300175,16.3305899 32.6441121,17.1361687 32.6571224,17.9395791 L32.6885642,19.223301 Z"
                          id="Path" fill="#FFFFFF"></path>
                </g>
            </g>
        </g>
    </g>
</g>
</svg>
                            </a>
                        </li>
                        <li class="mb-0 p-0 mr-2">
                            <a href="https://www.lpo.fr/qui-sommes-nous/lpo-locales/annuaire-web/annuaire-youtube-lpo"
                               class="d-block transition-3d-hover" target="_blank" aria-label="YouTube (nouvel onglet)">
                                <svg width="32px"    height="32px"    viewBox="0 0 60 60"         aria-hidden="true" focusable="false"         version="1.1" xmlns="http://www.w3.org/2000/svg">
        <rect fill="#FF0200" x="0" y="0" width="60"
            height="60" rx="30"></rect>
    <path
        d="M45.8064885,19.1662967 C44.5688848,17.7291014 42.2839078,17.1428571 37.9201106,17.1428571 L22.0795576,17.1428571 C17.6158894,17.1428571 15.2922028,17.7669167 14.0592442,19.2970294 C12.8571429,20.7888947 12.8571429,22.9870407 12.8571429,26.0293309 L12.8571429,31.82792 C12.8571429,37.7218036 14.2834286,40.7142857 22.0795576,40.7142857 L37.9202212,40.7142857 C41.7044793,40.7142857 43.8014378,40.1969732 45.1580461,38.92865 C46.5492719,37.6280218 47.1428571,35.5044259 47.1428571,31.82792 L47.1428571,26.0293309 C47.1428571,22.8209777 47.0498433,20.6098665 45.8064885,19.1662967 Z M34.868682,29.7291741 L27.6755392,33.4016823 C27.5147281,33.4837954 27.3388756,33.5245278 27.1632442,33.5245278 C26.9643871,33.5245278 26.7659724,33.4722348 26.5902304,33.3682969 C26.259318,33.1724139 26.0572535,32.8220287 26.0572535,32.4440924 L26.0572535,25.1226294 C26.0572535,24.7453414 26.258765,24.3952803 26.5890138,24.1992893 C26.9193733,24.0032983 27.3302488,23.9899009 27.6729954,24.163851 L34.8661382,27.8126977 C35.2321106,27.9983165 35.4619355,28.3673932 35.4624891,28.7700715 C35.4629309,29.173074 35.2341014,29.542691 34.868682,29.7291741 Z"
        fill="#FFFFFF"
        ></path>
</svg>
                            </a>
                        </li>
                        <li class="mb-0 p-0">
                            <a href="https://www.lpo.fr/qui-sommes-nous/lpo-locales/annuaire-web/annuaire-linkedin-lpo" class="d-block transition-3d-hover"
                               target="_blank" aria-label="LinkedIn (nouvel onglet)">
                                <svg width="32px"    height="32px"    viewBox="0 0 60 60"         aria-hidden="true" focusable="false"         version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path
        d="M29.7912,0 C13.3644,0 0,13.3644 0,29.7912 C0,46.2168 13.3644,59.5824 29.7912,59.5824 C46.2168,59.5824 59.5824,46.2168 59.5824,29.7912 C59.5824,13.3644 46.2192,0 29.7912,0 Z"
        fill="#0177B5"></path>
    <path
        d="M45.5892,43.266 C45.5892,44.5332 44.538,45.558 43.2384,45.558 L16.1412,45.558 C14.8452,45.558 13.7928,44.5332 13.7928,43.266 L13.7928,15.8532 C13.7928,14.5872 14.8452,13.5612 16.1412,13.5612 L43.2384,13.5612 C44.5368,13.5612 45.5892,14.5884 45.5892,15.8532 L45.5892,43.266 Z"
        fill="#FFFFFF"></path>
    <path
        d="M35.22,25.5576 C32.67,25.5576 31.5312,26.9592 30.894,27.9432 L30.894,25.8984 L26.0916,25.8984 C26.154,27.252 26.0916,40.3476 26.0916,40.3476 L30.894,40.3476 L30.894,32.2752 C30.894,31.8444 30.9216,31.4112 31.0512,31.1028 C31.3992,30.2388 32.1888,29.3448 33.516,29.3448 C35.2536,29.3448 35.9484,30.6696 35.9484,32.6136 L35.9484,40.344 L40.7508,40.344 L40.752,40.344 L40.752,32.058 C40.7496,27.6228 38.3796,25.5576 35.22,25.5576 L35.22,25.5576 Z"
        id="Shape" fill="#0177B5"></path>
    <polygon fill="#0177B5"
                points="18.6276 25.8984 23.43 25.8984 23.43 40.3476 18.6276 40.3476"></polygon>
    <path
        d="M21.0612,18.9324 C19.4196,18.9324 18.3444,20.01 18.3444,21.4284 C18.3444,22.8144 19.3872,23.9244 20.9976,23.9244 L21.0288,23.9244 C22.704,23.9244 23.7468,22.8144 23.7468,21.4284 C23.7144,20.0112 22.7052,18.9324 21.0612,18.9324 Z"
        fill="#0177B5"></path>
</svg>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Copyright -->
        <div class="col-12 d-flex border-top py-2">
            <ul class="copyright list-group m-0 p-0 flex-wrap justify-content-center justify-content-lg-start flex-row mx-auto">
                                    <li>
                        <a                             href="https://boutique.lpo.fr/page/mentions-legales"
                            class="small text-gray-dark text-decoration-none">Mentions légales</a>
                    </li>
                    <span class="mx-1">-</span>
                                    <li>
                        <a                             href="https://boutique.lpo.fr/page/politique-de-confidentialite"
                            class="small text-gray-dark text-decoration-none">Politique de confidentialité</a>
                    </li>
                    <span class="mx-1">-</span>
                                    <li>
                        <a                             href="https://boutique.lpo.fr/page/conditions-generales-de-vente"
                            class="small text-gray-dark text-decoration-none">CGV</a>
                    </li>
                    <span class="mx-1">-</span>
                                    <li>
                        <a                             href="/page/plan-du-site"
                            class="small text-gray-dark text-decoration-none">Plan du site</a>
                    </li>
                    <span class="mx-1">-</span>
                                    <li>
                        <a  target="_blank"                             href="https://www.lpo.fr/pages-annexes/contenus-silpo/footer/declaration-d-accessibilite"
                            class="small text-gray-dark text-decoration-none">Accessibilité : non conforme</a>
                    </li>
                    <span class="mx-1">-</span>
                                <li>
                    <!-- OneTrust Cookies Settings button start -->
                    <a href="#" class="ot-sdk-show-settings small text-gray-dark text-decoration-none">Paramétrer
                        les
                        cookies</a>
                                        <!-- OneTrust Cookies Settings button end -->
                </li>
                <span class="mx-1">-</span>
                <li><span class="small text-gray-dark">© LPO 2026</span></li>
            </ul>
        </div>
        <!-- End Copyright -->
    </div>
    <!-- End Lists -->
</div>





</footer>

    <script src="/bootstrap-theme/app.6fb75ed7.js"></script>




<script type="text/javascript">
    var monsieurbizSearchPlugin = {
        instantEnabled: true,
        instantUrl: '\/instant', // URL for instant search
        searchInputSelector: '.autocomplete-search input[type=search]', // Selector for search input text field
        resultClosestSelector: '.autocomplete-search', // Selector used to display results, take the closest parent of searchInputSelector
        resultFindSelector: '.autocomplete-results', // Selector used to display results, take the closest parent of searchInputSelector
        keyUpTimeOut: 500, // Time in millisecond to wait to be sure the user ended typing
        minQueryLength: 3, // Number of characters minimum to call instant search
    };
</script>
<script src="/bundles/monsieurbizsyliussearchplugin/js/monsieurbiz-search.eb2121b2.js"></script>





<div class="loading-overlay" data-js-loading-overlay>
    <div class="spinner-border" role="status">
        <span class="sr-only">Loading...</span>
    </div>
</div>
</body>
</html>