<!DOCTYPE html>
<html lang="fr">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/lanterneaux.html" />
<link rel="stylesheet" href="https://mansou-loisirs-15.fr/site-ecom/style.css" type="text/css" media="screen, projection" hreflang="fr" />
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Zen+Loop&display=swap&family=Oswald+sans-serif" rel="stylesheet" hreflang="fr" >
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap" rel="stylesheet" hreflang="fr" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://mansou-loisirs-15.fr/site-ecom/css/css_font.css" type="text/css" media="screen, projection" hreflang="fr" />
<script type="text/javascript" src="https://mansou-loisirs-15.fr/site-ecom/includes/js/jquery-1.7.js"></script>
<script src="https://mansou-loisirs-15.fr/site-ecom/includes/js/jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://mansou-loisirs-15.fr/site-ecom/stylessssss.css" type="text/css" media="screen, projection" hreflang="fr"/>
<link rel="stylesheet" href="https://mansou-loisirs-15.fr/site-ecom/css_detail.css" type="text/css" media="screen, projection" hreflang="fr" />
<link rel="stylesheet" href="https://mansou-loisirs-15.fr/site-ecom/menu.css" type="text/css" media="screen, projection" hreflang="fr" />
<script type="text/javascript" src="https://mansou-loisirs-15.fr/site-ecom/menu-mobile/main.js"></script>
<script type="text/javascript" src="https://mansou-loisirs-15.fr/site-ecom/menu-mobile/modernizr.js"></script>
<script type="text/javascript" src="https://mansou-loisirs-15.fr/site-ecom/menu-mobile/jquery.menu-aim.js"></script>
<link rel="stylesheet" href="https://mansou-loisirs-15.fr/site-ecom/menu-mobile/menu.css" type="text/css" media="screen, projection" />
<link rel="shortcut icon" href="https://mansou-loisirs-15.fr/site-ecom/favicon.ico"/>
<link rel="stylesheet" href="https://mansou-loisirs-15.fr/site-ecom/includes/js/responsiveslides.css" type="text/css" media="screen, projection" hreflang="fr" />
<script src="https://mansou-loisirs-15.fr/site-ecom/includes/js/responsiveslides.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://mansou-loisirs-15.fr/site-ecom/includes/js/jquery.rcbrand.js"></script>
<link href="https://mansou-loisirs-15.fr/site-ecom/includes/js/style-slider.css" rel="stylesheet" type="text/css" hreflang="fr" />
</head>
<body style="margin:0px;padding:0px;">
<style>
:root {
--mansou-yellow: #cedc27;
--accent-yellow: #d9da02;
--dark-grey: #333333;
}
:root {
--categ_orange: #d9da02;
--categ_text: #333;
}
.nav-links { display: flex; list-style: none; }
.nav-links a {
text-decoration: none;
text-transform: lowercase;
}
.nav-links a::first-letter { text-transform: uppercase; }
/* --- ICONS --- */
.nav-icons { display: flex; align-items: center; }
.icon-btn, .icon-link {
background: none; border: none; cursor: pointer;
display: flex; flex-direction: column; align-items: center;
text-decoration: none; color: var(--dark-grey);
}
.icon-btn i, .icon-link i { font-size: 22px; color: var(--accent-yellow); margin-bottom: 3px; }
.icon-label { font-size: 11px; font-weight: bold; text-transform: lowercase; }
.icon-label::first-letter { text-transform: uppercase; }
/* --- BARRE DE RECHERCHE (FORMULAIRE) --- */
.search-container {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #ffffff;
height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.fa-bars::before{
margin-left: 10px;
top: 2px;
position: relative;
}
.search-container.active {
height: 80px;
border-bottom: 3px solid var(--accent-yellow);
}
/* Le Formulaire */
.search-form {
max-width: 1200px;
margin: 0 auto;
height: 100%;
display: flex;
align-items: center;
padding: 0 20px;
}
.search-input-group {
display: flex;
align-items: center;
width: 100%;
background: #f4f4f4;
padding: 10px 20px;
border-radius: 50px;
}
.search-input-group input {
flex: 1;
border: none;
background: transparent;
outline: none;
font-size: 1.1rem;
padding: 5px 15px;
text-transform: lowercase;
}
.search-input-group input::first-letter { text-transform: uppercase; }
.submit-search {
background: none;
border: none;
color: #999;
cursor: pointer;
font-size: 1.2rem;
}
.submit-search:hover { color: var(--accent-yellow); }
.close-btn {
margin-left: 20px;
font-size: 2rem;
cursor: pointer;
color: #000;
}
:root {
--mob_blue: #0042ad;
--mob_green: #8bc34a;
--mob_orange: #ff6f00;
--mob_text: #333;
--mob_bg: #f4f7f6;
}
.account:hover .dropdownx_sousx{
display:block;
}
.dropdownx_sousx{
display: none;
position: absolute;
background-color: #fff;
min-width: 10px;
width: 120px;
text-align: center;
right: 150px;
transition: 3s;
padding-left: 10px;
padding-top: 0px;
color: #000;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 999;
}
/* --- HEADER --- */
.mob_header {
background-color: #4a4e54;
color: white;
padding: 15px 0 10px; /* Augmenté en haut pour laisser respirer le prix */
position: sticky;
top: 0;
z-index: 1000;
font-family: 'Segoe UI', sans-serif;
}
.mob_header-top {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
height: 50px;
}
.mob_left-side { z-index: 10; }
.mob_burger-btn { font-size: 24px; cursor: pointer; }
/* LOGO AU CENTRE */
.mob_logo {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 5;
background-color: #fff;
border-radius: 50%;
height: 55px;
width: 55px; /* Ajout d'une largeur fixe pour le cercle */
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.mob_logo_img { width: 45px; display: block; }
/* Icônes à droite */
.mob_nav-icons { display: flex; gap: 15px; z-index: 10; align-items: center; }
.mob_nav-icons div { text-align: center; cursor: pointer; position: relative; }
.mob_nav-icons i { font-size: 20px; }
.mob_nav-icons span { display: block; font-size: 10px; margin-bottom: 2px; }
/* PAVÉ PRIX PANIER */
.mob_cart-price {
color: var(--mob_blue);
font-weight: bold;
font-size: 10px;
padding: 2px 6px;
border-radius: 10px; /* Plus arrondi style "badge" */
position: absolute;
top: -18px; /* Remonté légèrement */
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
z-index: 20;
}
/* Barre de recherche */
.mob_search-container {
max-width: 1200px;
margin: 15px auto 5px;
padding: 0 15px;
display: flex;
}
/* CONTAINER */
.header-right {
display: flex;
align-items: center;
gap: 25px;
}
/* ACCOUNT */
.account {
display: flex;
align-items: center;
gap: 12px;
}
.account-icon {
width: 45px;
height: 45px;
border-radius: 50%;
background: #f1f1f1;
display: flex;
align-items: center;
justify-content: center;
color: #cddc39;
font-size: 20px;
}
.account-text {
line-height: 1.2;
}
.account-text strong {
color: #0c2d48;
font-size: 14px;
}
.account-text span {
color: #999;
font-size: 13px;
}
/* CART */
.cart {
position: relative;
background: #d4e000;
padding: 15px 25px;
border-radius: 40px 0 0 40px;
display: flex;
align-items: center;
gap: 12px;
min-width: 80px;
}
/* CART ICON */
.cart-icon {
position: relative;
font-size: 24px;
color: white;
}
/* BADGE */
.cart-badge {
position: absolute;
top: -6px;
right: -10px;
background: #0c2d48;
color: white;
font-size: 12px;
font-weight: bold;
border-radius: 50%;
padding: 5px 10px;
}
/* TEXT */
.cart-text {
display: flex;
flex-direction: column;
line-height: 1.2;
}
.cart-text strong {
color: #0c2d48;
font-size: 14px;
}
.cart-text span {
color: #0c2d48;
font-size: 14px;
}
.topbar {
background: #031e39;
color: white;
font-family: 'Roboto Condensed', sans-serif;
display: flex;
justify-content: space-between;
padding: 10px 40px;
font-size: 14px;font-weight:normal;
}
.topbar .left,
.topbar .right {
display: flex;
gap: 25px;
align-items: center;
}
.topbar i {
color: #cddc39;
margin-right: 6px;
}
.mob_search-container input {
flex: 1;
padding: 12px 15px;
border: none;
border-radius: 4px 0 0 4px;
outline: none;
color: #333;
}
.mob_search-container button {
background-color: var(--mob_green);
border: none;
color: white;
padding: 0 20px;
border-radius: 0 4px 4px 0;
cursor: pointer;
font-size: 18px;
}
.dropdownx_sousxxx{
width: 150px;
display: none;
float: left;
margin-left: -60px;
background-color: #fff;
padding-top: 5px;
padding-bottom: 5px;
}
.mob_user-icon:hover .dropdownx_sousxxx {
display: block;
}
/* --- RESPONSIVE MOBILE --- */
@media (max-width: 768px) {
.mob_header { padding-top: 20px; } /* Plus d'espace pour le prix sur mobile */
.mob_nav-icons span { display: block; } /* Cache le texte "Compte/Panier" */
.mob_nav-icons i { font-size: 22px; }
.mob_cart-price {
top: -20px; /* Position ajustée quand le texte disparaît */
font-size: 9px;
}
.fa-bars::before {
margin-left: 0px;
top: 2px;
position: relative;
font-size: 30px;
}
.categ_home-btn-container {
padding: 0px;
}
}
/* --- MENU LATÉRAL (Inchangé) --- */
.mob_side-menu { position: fixed; top: 0; left: -100%; width: 320px; height: 100%; background: white; z-index: 1100; transition: 0.4s ease; overflow-y: auto; box-shadow: 5px 0 15px rgba(0,0,0,0.2); color: var(--mob_text); }
.mob_side-menu.mob_active { left: 0; }
.mob_menu-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #eee; }
.mob_menu-content { list-style: none; padding: 0; margin: 0; }
.mob_family-item { border-bottom: 1px solid #f5f5f5; }
.mob_family-link { display: flex; align-items: center; padding: 15px 20px; text-decoration: none; color: var(--mob_text); font-weight: 500; cursor: pointer; }
.mob_family-link i.fa-chevron-down { margin-left: auto; font-size: 12px; transition: 0.3s; }
.mob_family-item.mob_open > .mob_family-link i.fa-chevron-down { transform: rotate(180deg); }
.mob_sub-family-list { display: none; background: #fafafa; list-style: none; padding: 0; margin: 0; }
.mob_family-item.mob_open .mob_sub-family-list { display: block; }
.mob_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 1050; }
.mob_overlay.mob_active { display: block; }
.categ_home-btn-container { padding: 20px; }
.categ_btn-main {
background-color: #031e39; color: white; padding: 15px; width: 100%;
border: none; font-weight: bold; display: flex; justify-content: space-between;
cursor: pointer; border-radius: 5px;
}
/* --- STRUCTURE DU MENU --- */
.categ_side-menu-wrapper {
position: fixed; top: 0; left: -100%; width: 320px; height: 100%;
background: white; z-index: 2000; transition: 0.4s ease;
box-shadow: 5px 0 15px rgba(0,0,0,0.2); overflow: hidden;
}
.categ_side-menu-wrapper.categ_active_panel { left: 0; }
/* Panneaux avec CORRECTIF SCROLL */
.categ_panel-main, .categ_panel-sub {
position: absolute; top: 0; width: 100%; height: 100%;
background: white; transition: 0.4s ease;
overflow-y: auto; /* Permet de scroller si liste longue */
-webkit-overflow-scrolling: touch;
}
/* Panneaux secondaires cachés par défaut à droite */
.categ_panel-sub { left: 100%; z-index: 2001; }
.categ_panel-sub.categ_active_panel { left: 0; }
/* HEADER FIXE LORS DU SCROLL */
.categ_menu-header {
background: var(--categ_orange); color: white; padding: 15px;
display: flex; align-items: center; font-weight: bold;
position: sticky; top: 0; z-index: 10;
}
.categ_back-btn, .categ_close-btn {
background: none; border: none; color: white; font-size: 20px;
margin-right: 15px; cursor: pointer;
}
.categ_menu-list { list-style: none; padding: 0; margin: 0; }
.categ_menu-list li { border-bottom: 1px solid #eee; }
.categ_menu-list li a, .categ_menu-list li .categ_cat-trigger {
display: flex; justify-content: space-between; padding: 15px;
text-decoration: none; color: var(--categ_text); cursor: pointer;
}
.categ_overlay {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.5); display: none; z-index: 1500;
}
.categ_overlay.categ_active_panel { display: block; }
</style>
<div class='menu_drop' style="position:relative;z-index:99999;background-color:#38373c;">
<header class="mob_header">
<div class="mob_header-top">
<div class="mob_left-side">
<button class="categ_btn-main categ_openMenu_trigger"> <i class="fa-solid fa-bars"></i></button>
</div>
<div class="mob_logo">
<a href="https://mansou-loisirs-15.fr/site-ecom//index.php"> <img class="mob_logo_img" src="https://mansou-loisirs-15.fr/site-ecom/images/logo.png"></a>
</div>
<div class="mob_nav-icons">
<div class="mob_user-icon">
<i class="fa-regular fa-user"></i>
<span>Compte</span></a>
<div class="dropdownxxxxcd" style="display: block; float: left; width: 100px; position: absolute;"><a href="" style="color:#fff;text-decoration:none;">
<div class="dropdownx_sousxxx">
<a style="display:block;float:left;width:100%;color:#000;text-decoration:none;" href="https://mansou-loisirs-15.fr/site-ecom/connexion.html" >Se connecter</a>
<a style="display:block;float:left;width:100%;color:#000;text-decoration:none;" href="https://mansou-loisirs-15.fr/site-ecom/inscription.html" >Créer un compte</a>
</div>
</div>
</div>
<a href="https://mansou-loisirs-15.fr/site-ecom/commandes.html" style="text-decoration:none;color:#fff;">
<div class="mob_cart-icon">
<span class="mob_cart-price">
</span>
<a href="https://mansou-loisirs-15.fr/site-ecom/commandes.html" style="text-decoration:none;color:#fff;"> <i class="fa-solid fa-cart-shopping"></i></a>
<a href="https://mansou-loisirs-15.fr/site-ecom/commandes.html" style="text-decoration:none;color:#fff;"><span>Panier</span></a>
</div>
</a>
</div>
</div>
<form action="accessoires.html" method="POST" class="mob_search-container">
<input type="text" name="recherche2" value="" placeholder="Que recherchez-vous ?" required>
<button type="submit">
<i class="fa-solid fa-magnifying-glass"></i>
</button>
</form>
</header>
<div class="categ_overlay" id="categ_overlay"></div>
<div class="categ_side-menu-wrapper" >
<div class="categ_panel-main">
<div class="categ_menu-header">
<button class="categ_close-btn categ_closeMenu_trigger" >×</button>
</div>
<ul class="categ_menu-list">
<li><a href="https://mansou-loisirs-15.fr/site-ecom/">ACCUEIL </a></li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-aires-de-services---livres">
AIRES DE SERVICES - LIVRES <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-chauffage-et-climatisation">
CHAUFFAGE ET CLIMATISATION <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-eau-and-sanitaire">
EAU & SANITAIRE <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-energie-electricite">
ENERGIE ELECTRICITE <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-equipement-exterieur">
EQUIPEMENT EXTERIEUR <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-equipement-interieur">
EQUIPEMENT INTERIEUR <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-multimedia-and-high-tech">
MULTIMEDIA & HIGH-TECH <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-porteur">
PORTEUR <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-produit-entretien">
PRODUIT ENTRETIEN <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-quincallerie">
QUINCALLERIE <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<div class="categ_panel-sub" id="categ_panel-aires-de-services---livres">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>AIRES DE SERVICES - LIVRES</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/aires-de-services---livres.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
AIRES DE SERVICES - LIVRES </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-chauffage-et-climatisation">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>CHAUFFAGE ET CLIMATISATION</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
CHAUFFAGE ET CLIMATISATION </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/accessoires.html" style="text-transform: capitalize;">
ACCESSOIRES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/bouchon.html" style="text-transform: capitalize;">
BOUCHON </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/cartouche-de-gaz.html" style="text-transform: capitalize;">
CARTOUCHE DE GAZ </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/chauffage-gaz.html" style="text-transform: capitalize;">
CHAUFFAGE GAZ </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/clim.html" style="text-transform: capitalize;">
CLIM </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/detendeur-gaz.html" style="text-transform: capitalize;">
DETENDEUR GAZ </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/dometic-refrigerateur.html" style="text-transform: capitalize;">
DOMETIC REFRIGERATEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/filtre.html" style="text-transform: capitalize;">
FILTRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/joint.html" style="text-transform: capitalize;">
JOINT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/lyre.html" style="text-transform: capitalize;">
LYRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/raccord.html" style="text-transform: capitalize;">
RACCORD </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/vanne.html" style="text-transform: capitalize;">
VANNE </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-eau-and-sanitaire">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>EAU & SANITAIRE</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
EAU & SANITAIRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/bonde.html" style="text-transform: capitalize;">
BONDE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/bouchon.html" style="text-transform: capitalize;">
BOUCHON </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/cartouche.html" style="text-transform: capitalize;">
CARTOUCHE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/clapet.html" style="text-transform: capitalize;">
CLAPET </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/douchette.html" style="text-transform: capitalize;">
DOUCHETTE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/filtre.html" style="text-transform: capitalize;">
FILTRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/joint.html" style="text-transform: capitalize;">
JOINT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/pompe-a-eau.html" style="text-transform: capitalize;">
POMPE A EAU </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/pompe-a-eau-immergee.html" style="text-transform: capitalize;">
POMPE A EAU IMMERGEE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/raccord.html" style="text-transform: capitalize;">
RACCORD </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/reservoir-jerrican.html" style="text-transform: capitalize;">
RESERVOIR JERRICAN </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/robinet.html" style="text-transform: capitalize;">
ROBINET </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/syphon.html" style="text-transform: capitalize;">
SYPHON </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/thetford-pieces-detachees.html" style="text-transform: capitalize;">
THETFORD PIECES DETACHEES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/tuyau.html" style="text-transform: capitalize;">
TUYAU </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/vanne-arret.html" style="text-transform: capitalize;">
VANNE ARRET </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/vanne-de-vidange.html" style="text-transform: capitalize;">
VANNE DE VIDANGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/vase-expansion.html" style="text-transform: capitalize;">
VASE EXPANSION </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-energie-electricite">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>ENERGIE ELECTRICITE</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
ENERGIE ELECTRICITE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/accessoires.html" style="text-transform: capitalize;">
ACCESSOIRES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/ampoule-led-spot.html" style="text-transform: capitalize;">
AMPOULE LED SPOT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/batterie.html" style="text-transform: capitalize;">
BATTERIE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/chargeur.html" style="text-transform: capitalize;">
CHARGEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/connectique-prise.html" style="text-transform: capitalize;">
CONNECTIQUE PRISE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/convertisseur.html" style="text-transform: capitalize;">
CONVERTISSEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/coupe-circuit.html" style="text-transform: capitalize;">
COUPE CIRCUIT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/coupleur-seprateur.html" style="text-transform: capitalize;">
COUPLEUR SEPRATEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/fusible---porte-fusible.html" style="text-transform: capitalize;">
FUSIBLE - PORTE FUSIBLE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/interrupteur.html" style="text-transform: capitalize;">
INTERRUPTEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/mppt.html" style="text-transform: capitalize;">
MPPT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/panneau-solaire.html" style="text-transform: capitalize;">
PANNEAU SOLAIRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/splitter.html" style="text-transform: capitalize;">
SPLITTER </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-equipement-exterieur">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>EQUIPEMENT EXTERIEUR</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
EQUIPEMENT EXTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/accessoires-store.html" style="text-transform: capitalize;">
ACCESSOIRES STORE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/attelage.html" style="text-transform: capitalize;">
ATTELAGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/cales.html" style="text-transform: capitalize;">
CALES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/chaines-neige-et-chaussettes.html" style="text-transform: capitalize;">
CHAINES NEIGE ET CHAUSSETTES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/eclairage.html" style="text-transform: capitalize;">
ECLAIRAGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/electricite.html" style="text-transform: capitalize;">
ELECTRICITE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/isolant-exterieur.html" style="text-transform: capitalize;">
ISOLANT EXTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/lanterneaux.html" style="text-transform: capitalize;">
LANTERNEAUX </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/mobilier-plein-air.html" style="text-transform: capitalize;">
MOBILIER PLEIN AIR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/outillage.html" style="text-transform: capitalize;">
OUTILLAGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/pieces-detachees.html" style="text-transform: capitalize;">
PIECES DETACHEES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/porte-velo-and-accessoires.html" style="text-transform: capitalize;">
PORTE VELO & ACCESSOIRES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/quincallerie.html" style="text-transform: capitalize;">
QUINCALLERIE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/securite.html" style="text-transform: capitalize;">
SECURITE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/signalisation.html" style="text-transform: capitalize;">
SIGNALISATION </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/suspension.html" style="text-transform: capitalize;">
SUSPENSION </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/tuyau-deau.html" style="text-transform: capitalize;">
TUYAU DEAU </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/wc.html" style="text-transform: capitalize;">
WC </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-equipement-interieur">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>EQUIPEMENT INTERIEUR</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
EQUIPEMENT INTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/accessoires.html" style="text-transform: capitalize;">
ACCESSOIRES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/art-de-la-table.html" style="text-transform: capitalize;">
ART DE LA TABLE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/cabine-porteur.html" style="text-transform: capitalize;">
CABINE PORTEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/eclairage.html" style="text-transform: capitalize;">
ECLAIRAGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/goodies-mansou-loisirs-15.html" style="text-transform: capitalize;">
GOODIES MANSOU LOISIRS 15 </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/jouet.html" style="text-transform: capitalize;">
JOUET </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/marche-pied.html" style="text-transform: capitalize;">
MARCHE PIED </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/petit-menager.html" style="text-transform: capitalize;">
PETIT MENAGER </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/quincaillerie---pieces-detachees.html" style="text-transform: capitalize;">
QUINCAILLERIE PIECES DETACHEES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/ustensiles-de-cuisine.html" style="text-transform: capitalize;">
USTENSILES DE CUISINE </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-multimedia-and-high-tech">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>MULTIMEDIA & HIGH-TECH</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
MULTIMEDIA & HIGH-TECH </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/antenne-satellite--antenne-terrestre.html" style="text-transform: capitalize;">
ANTENNE SATELLITE ANTENNE TERRESTRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/autoradio.html" style="text-transform: capitalize;">
AUTORADIO </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/camera-recul.html" style="text-transform: capitalize;">
CAMERA RECUL </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/carte-tnt.html" style="text-transform: capitalize;">
CARTE TNT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/connectique.html" style="text-transform: capitalize;">
CONNECTIQUE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/demodulateur.html" style="text-transform: capitalize;">
DEMODULATEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/gps.html" style="text-transform: capitalize;">
GPS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/radar-de-recul.html" style="text-transform: capitalize;">
RADAR DE RECUL </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/supports-tv--supports-demo.html" style="text-transform: capitalize;">
SUPPORTS TV SUPPORTS DEMO </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/tv.html" style="text-transform: capitalize;">
TV </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-porteur">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>PORTEUR</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
PORTEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/additifs.html" style="text-transform: capitalize;">
ADDITIFS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/anti-crevaison.html" style="text-transform: capitalize;">
ANTI-CREVAISON </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/climatisation.html" style="text-transform: capitalize;">
CLIMATISATION </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/huiles.html" style="text-transform: capitalize;">
HUILES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/quincaillerie.html" style="text-transform: capitalize;">
QUINCAILLERIE </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-produit-entretien">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>PRODUIT ENTRETIEN</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
PRODUIT ENTRETIEN </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/balai.html" style="text-transform: capitalize;">
BALAI </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/degraissants.html" style="text-transform: capitalize;">
DEGRAISSANTS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/detartrants.html" style="text-transform: capitalize;">
DETARTRANTS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/lave-glace.html" style="text-transform: capitalize;">
LAVE GLACE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/lubrifiants.html" style="text-transform: capitalize;">
LUBRIFIANTS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/porduits-entretien-reservoirs.html" style="text-transform: capitalize;">
PORDUITS ENTRETIEN RESERVOIRS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-entretien-exterieur.html" style="text-transform: capitalize;">
PRODUITS ENTRETIEN EXTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-entretien-interieur.html" style="text-transform: capitalize;">
PRODUITS ENTRETIEN INTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-entretien-pour-wc.html" style="text-transform: capitalize;">
PRODUITS ENTRETIEN POUR WC </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-entretien-tissu.html" style="text-transform: capitalize;">
PRODUITS ENTRETIEN TISSU </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-vaisselles.html" style="text-transform: capitalize;">
PRODUITS VAISSELLES </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-quincallerie">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>QUINCALLERIE</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/quincallerie.html" style="text-transform:uppercase; font-weight:bold; color:var(--categ_orange);">
QUINCALLERIE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/quincallerie/mastic---colle.html" style="text-transform: capitalize;">
MASTIC - COLLE </a>
</li>
</ul>
</div>
<li><a href="https://mansou-loisirs-15.fr/site-ecom/promotions.html">PROMOTIONS</a></li>
<li><a href="https://mansou-loisirs-15.fr/site-ecom/nos-marques.html">MARQUES</a></li>
<li><a href="">NOUVEAUTES</a></li>
<li><a href="https://mansou-loisirs-15.fr/site-ecom/contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="text_page" >
<a href="https://mansou-loisirs-15.fr/site-ecom/index.php" ><img alt="MANSOU LOISIRS 15" class="logo8" src="https://mansou-loisirs-15.fr/site-ecom/images/logo.png" title=""></a>
<div id="menu_stikisd">
<div id="menu_stiki">
<div style="display:block;float:left;width:100%;height:auto;margin-bottom:0px;font-family: 'Oswald', sans-serif;z-index: 999999999; position: fixed; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);" >
<div class="topbar">
<div class="left">
<div><img alt="Livraison rapide" style="width:30px;display:block;float:left;margin-right:5px;" src="https://mansou-loisirs-15.fr/site-ecom/images/livraison5.png"> <span style="display:block;float:left;position:relative;top:3px;">Livraison dès 5.30 €</span></div>
<div><img alt="Paiement 100% sécurisé" style="width:22px;display:block;float:left;margin-right:5px;" src="https://mansou-loisirs-15.fr/site-ecom/images/paiement-4.png"> <span style="display:block;float:left;position:relative;top:3px;"><a style="text-decoration:none;color:#fff;" href="https://mansou-loisirs-15.fr/site-ecom/paiement-100-securise.html">Paiement 100% sécurisé</a></span></div>
<div><i class="fas fa-headset"></i> Des experts à votre écoute : <b><a href="tel:0422917016" style="text-decoration:none;color:#d9da02;">04 22 91 70 16</a></b></div>
</div>
<div class="right">
<div>À propos</div>
<div>Notre Magasin</div>
<div>Conseils & guides</div>
<div><a style="text-decoration:none;color:#fff;" href="https://mansou-loisirs-15.fr/site-ecom/contact.html">Contact</a></div>
</div>
</div>
<div id="menu" style="width:100%;">
<nav class="navbarx">
<ul class="nav-links">
<div id="logo"><a href="https://mansou-loisirs-15.fr/index.php" title=""><img alt="logo" style="height:70px;margin-left: 40px;border-top-right-radius: 32px;" src="https://mansou-loisirs-15.fr/site-ecom/images/logo.png" loading="lazy"></a></div>
<li><a href="https://mansou-loisirs-15.fr/site-ecom/">ACCUEIL</a></li>
<div class="categ_home-btn-container">
<button class="categ_btn-main categ_openMenu_trigger">Toutes les catégories <i class="fa-solid fa-bars"></i></button>
</div>
<div class="categ_overlay" id="categ_overlay"></div>
<div class="categ_side-menu-wrapper">
<div class="categ_panel-main">
<div class="categ_menu-header">
<button class="categ_close-btn categ_closeMenu_trigger">×</button>
<span>Toutes les catégories</span>
</div>
<ul class="categ_menu-list">
<li>
<div class="categ_cat-trigger" data-target="categ_panel-aires-de-services---livres">
AIRES DE SERVICES - LIVRES <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-chauffage-et-climatisation">
CHAUFFAGE ET CLIMATISATION <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-eau-and-sanitaire">
EAU & SANITAIRE <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-energie-electricite">
ENERGIE ELECTRICITE <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-equipement-exterieur">
EQUIPEMENT EXTERIEUR <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-equipement-interieur">
EQUIPEMENT INTERIEUR <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-multimedia-and-high-tech">
MULTIMEDIA & HIGH-TECH <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-porteur">
PORTEUR <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-produit-entretien">
PRODUIT ENTRETIEN <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
<li>
<div class="categ_cat-trigger" data-target="categ_panel-quincallerie">
QUINCALLERIE <i class="fa-solid fa-chevron-right"></i>
</div>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-aires-de-services---livres">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>AIRES DE SERVICES - LIVRES</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/aires-de-services---livres.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
AIRES DE SERVICES - LIVRES </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-chauffage-et-climatisation">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>CHAUFFAGE ET CLIMATISATION</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
CHAUFFAGE ET CLIMATISATION </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/accessoires.html" style="text-transform: capitalize;">
ACCESSOIRES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/bouchon.html" style="text-transform: capitalize;">
BOUCHON </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/cartouche-de-gaz.html" style="text-transform: capitalize;">
CARTOUCHE DE GAZ </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/chauffage-gaz.html" style="text-transform: capitalize;">
CHAUFFAGE GAZ </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/clim.html" style="text-transform: capitalize;">
CLIM </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/detendeur-gaz.html" style="text-transform: capitalize;">
DETENDEUR GAZ </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/dometic-refrigerateur.html" style="text-transform: capitalize;">
DOMETIC REFRIGERATEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/filtre.html" style="text-transform: capitalize;">
FILTRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/joint.html" style="text-transform: capitalize;">
JOINT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/lyre.html" style="text-transform: capitalize;">
LYRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/raccord.html" style="text-transform: capitalize;">
RACCORD </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation/vanne.html" style="text-transform: capitalize;">
VANNE </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-eau-and-sanitaire">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>EAU & SANITAIRE</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
EAU & SANITAIRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/bonde.html" style="text-transform: capitalize;">
BONDE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/bouchon.html" style="text-transform: capitalize;">
BOUCHON </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/cartouche.html" style="text-transform: capitalize;">
CARTOUCHE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/clapet.html" style="text-transform: capitalize;">
CLAPET </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/douchette.html" style="text-transform: capitalize;">
DOUCHETTE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/filtre.html" style="text-transform: capitalize;">
FILTRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/joint.html" style="text-transform: capitalize;">
JOINT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/pompe-a-eau.html" style="text-transform: capitalize;">
POMPE A EAU </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/pompe-a-eau-immergee.html" style="text-transform: capitalize;">
POMPE A EAU IMMERGEE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/raccord.html" style="text-transform: capitalize;">
RACCORD </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/reservoir-jerrican.html" style="text-transform: capitalize;">
RESERVOIR JERRICAN </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/robinet.html" style="text-transform: capitalize;">
ROBINET </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/syphon.html" style="text-transform: capitalize;">
SYPHON </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/thetford-pieces-detachees.html" style="text-transform: capitalize;">
THETFORD PIECES DETACHEES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/tuyau.html" style="text-transform: capitalize;">
TUYAU </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/vanne-arret.html" style="text-transform: capitalize;">
VANNE ARRET </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/vanne-de-vidange.html" style="text-transform: capitalize;">
VANNE DE VIDANGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire/vase-expansion.html" style="text-transform: capitalize;">
VASE EXPANSION </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-energie-electricite">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>ENERGIE ELECTRICITE</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
ENERGIE ELECTRICITE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/accessoires.html" style="text-transform: capitalize;">
ACCESSOIRES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/ampoule-led-spot.html" style="text-transform: capitalize;">
AMPOULE LED SPOT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/batterie.html" style="text-transform: capitalize;">
BATTERIE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/chargeur.html" style="text-transform: capitalize;">
CHARGEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/connectique-prise.html" style="text-transform: capitalize;">
CONNECTIQUE PRISE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/convertisseur.html" style="text-transform: capitalize;">
CONVERTISSEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/coupe-circuit.html" style="text-transform: capitalize;">
COUPE CIRCUIT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/coupleur-seprateur.html" style="text-transform: capitalize;">
COUPLEUR SEPRATEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/fusible---porte-fusible.html" style="text-transform: capitalize;">
FUSIBLE - PORTE FUSIBLE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/interrupteur.html" style="text-transform: capitalize;">
INTERRUPTEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/mppt.html" style="text-transform: capitalize;">
MPPT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/panneau-solaire.html" style="text-transform: capitalize;">
PANNEAU SOLAIRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite/splitter.html" style="text-transform: capitalize;">
SPLITTER </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-equipement-exterieur">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>EQUIPEMENT EXTERIEUR</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
EQUIPEMENT EXTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/accessoires-store.html" style="text-transform: capitalize;">
ACCESSOIRES STORE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/attelage.html" style="text-transform: capitalize;">
ATTELAGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/cales.html" style="text-transform: capitalize;">
CALES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/chaines-neige-et-chaussettes.html" style="text-transform: capitalize;">
CHAINES NEIGE ET CHAUSSETTES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/eclairage.html" style="text-transform: capitalize;">
ECLAIRAGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/electricite.html" style="text-transform: capitalize;">
ELECTRICITE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/isolant-exterieur.html" style="text-transform: capitalize;">
ISOLANT EXTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/lanterneaux.html" style="text-transform: capitalize;">
LANTERNEAUX </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/mobilier-plein-air.html" style="text-transform: capitalize;">
MOBILIER PLEIN AIR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/outillage.html" style="text-transform: capitalize;">
OUTILLAGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/pieces-detachees.html" style="text-transform: capitalize;">
PIECES DETACHEES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/porte-velo-and-accessoires.html" style="text-transform: capitalize;">
PORTE VELO & ACCESSOIRES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/quincallerie.html" style="text-transform: capitalize;">
QUINCALLERIE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/securite.html" style="text-transform: capitalize;">
SECURITE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/signalisation.html" style="text-transform: capitalize;">
SIGNALISATION </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/suspension.html" style="text-transform: capitalize;">
SUSPENSION </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/tuyau-deau.html" style="text-transform: capitalize;">
TUYAU DEAU </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/wc.html" style="text-transform: capitalize;">
WC </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-equipement-interieur">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>EQUIPEMENT INTERIEUR</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
EQUIPEMENT INTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/accessoires.html" style="text-transform: capitalize;">
ACCESSOIRES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/art-de-la-table.html" style="text-transform: capitalize;">
ART DE LA TABLE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/cabine-porteur.html" style="text-transform: capitalize;">
CABINE PORTEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/eclairage.html" style="text-transform: capitalize;">
ECLAIRAGE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/goodies-mansou-loisirs-15.html" style="text-transform: capitalize;">
GOODIES MANSOU LOISIRS 15 </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/jouet.html" style="text-transform: capitalize;">
JOUET </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/marche-pied.html" style="text-transform: capitalize;">
MARCHE PIED </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/petit-menager.html" style="text-transform: capitalize;">
PETIT MENAGER </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/quincaillerie---pieces-detachees.html" style="text-transform: capitalize;">
QUINCAILLERIE PIECES DETACHEES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur/ustensiles-de-cuisine.html" style="text-transform: capitalize;">
USTENSILES DE CUISINE </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-multimedia-and-high-tech">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>MULTIMEDIA & HIGH-TECH</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
MULTIMEDIA & HIGH-TECH </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/antenne-satellite--antenne-terrestre.html" style="text-transform: capitalize;">
ANTENNE SATELLITE ANTENNE TERRESTRE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/autoradio.html" style="text-transform: capitalize;">
AUTORADIO </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/camera-recul.html" style="text-transform: capitalize;">
CAMERA RECUL </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/carte-tnt.html" style="text-transform: capitalize;">
CARTE TNT </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/connectique.html" style="text-transform: capitalize;">
CONNECTIQUE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/demodulateur.html" style="text-transform: capitalize;">
DEMODULATEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/gps.html" style="text-transform: capitalize;">
GPS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/radar-de-recul.html" style="text-transform: capitalize;">
RADAR DE RECUL </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/supports-tv--supports-demo.html" style="text-transform: capitalize;">
SUPPORTS TV SUPPORTS DEMO </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech/tv.html" style="text-transform: capitalize;">
TV </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-porteur">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>PORTEUR</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
PORTEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/additifs.html" style="text-transform: capitalize;">
ADDITIFS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/anti-crevaison.html" style="text-transform: capitalize;">
ANTI-CREVAISON </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/climatisation.html" style="text-transform: capitalize;">
CLIMATISATION </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/huiles.html" style="text-transform: capitalize;">
HUILES </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur/quincaillerie.html" style="text-transform: capitalize;">
QUINCAILLERIE </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-produit-entretien">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>PRODUIT ENTRETIEN</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
PRODUIT ENTRETIEN </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/balai.html" style="text-transform: capitalize;">
BALAI </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/degraissants.html" style="text-transform: capitalize;">
DEGRAISSANTS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/detartrants.html" style="text-transform: capitalize;">
DETARTRANTS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/lave-glace.html" style="text-transform: capitalize;">
LAVE GLACE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/lubrifiants.html" style="text-transform: capitalize;">
LUBRIFIANTS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/porduits-entretien-reservoirs.html" style="text-transform: capitalize;">
PORDUITS ENTRETIEN RESERVOIRS </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-entretien-exterieur.html" style="text-transform: capitalize;">
PRODUITS ENTRETIEN EXTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-entretien-interieur.html" style="text-transform: capitalize;">
PRODUITS ENTRETIEN INTERIEUR </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-entretien-pour-wc.html" style="text-transform: capitalize;">
PRODUITS ENTRETIEN POUR WC </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-entretien-tissu.html" style="text-transform: capitalize;">
PRODUITS ENTRETIEN TISSU </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien/produits-vaisselles.html" style="text-transform: capitalize;">
PRODUITS VAISSELLES </a>
</li>
</ul>
</div>
<div class="categ_panel-sub" id="categ_panel-quincallerie">
<div class="categ_menu-header">
<button class="categ_back-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span>QUINCALLERIE</span>
</div>
<ul class="categ_menu-list">
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/quincallerie.html" style="font-weight:bold; color:var(--categ_orange); text-transform:uppercase;">
QUINCALLERIE </a>
</li>
<li>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/quincallerie/mastic---colle.html" style="text-transform: capitalize;">
MASTIC - COLLE </a>
</li>
</ul>
</div>
</div>
<li><a href="https://mansou-loisirs-15.fr/site-ecom/promotions.html">PROMOTIONS</a></li>
<li><a href="https://mansou-loisirs-15.fr/site-ecom/nos-marques.html">MARQUES</a></li>
<li><a href="">NOUVEAUTES</a></li>
<li><a href="https://mansou-loisirs-15.fr/site-ecom/contact.html">Contact</a></li>
<li>
<div class="nav-icons">
<button class="icon-btn" id="toggleSearch" style="top: 20px; position: relative; width: 45px; height: 45px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: #cddc39; font-size: 20px; border: 1px solid #f1f1f1;">
<i class="fas fa-search"></i>
</button>
</div></li>
</ul>
<div class="search-containerxxx" id="searchBox">
<form action="accessoires.html" method="POST" class="search-form">
<div class="search-input-group">
<button type="submit" class="submit-search">
<i class="fas fa-search"></i>
</button>
<input type="text" name="recherche2" required placeholder="Rechercher un produit, une catégorie ..." id="searchInput">
</div>
<span class="close-btn" id="closeSearch">×</span>
</form>
</div>
</nav>
<div style="display: block; float: right; position: relative; width: 320px; margin-top: -80px; z-index: 9999;right: -20px;border-left: 2px solid #e9e9e9; padding-left: 50px;">
<div class="header-right">
<div class="account">
<div class="account-icon">
<i class="fa-regular fa-user"></i>
</div>
<div class="account-text" style="font-family: 'Roboto Condensed', sans-serif;">
<strong>MON COMPTE</strong><br>
<a href="https://mansou-loisirs-15.fr/site-ecom/connexion.html" style="color:#000;text-decoration:none;font-family: 'Roboto Condensed', sans-serif;"> <span>Se connecter</span>
</a>
<div class="dropdownx_sousx" >
<a style="display:block;float:left;width:100%;color:#000;text-decoration:none;" href="https://mansou-loisirs-15.fr/site-ecom/inscription.html" >Créer un compte</a>
</div>
</div>
</div>
<!-- CART -->
<a style="text-decoration:none;" href="https://mansou-loisirs-15.fr/site-ecom/commandes.html">
<div class="cart">
<div class="cart-icon">
<i class="fa-solid fa-basket-shopping"></i>
<div class="cart-badge"> 0</div>
</div>
<div class="cart-text">
<strong>PANIER</strong>
<span class="total-price_qtee" >0.00 €</span>
</div>
</div> </a>
</div></div>
</div>
</div>
<div class="ht_pav"></div>
</div>
</div>
<div class="pave_pannier">
<div class="pave_pan">
<div class="dropdownx"><a href="" style="color:#fff;text-decoration:none;"><img style="width: 40px;" src="https://mansou-loisirs-15.fr/site-ecom/images/icon_account.svg"></a>
<div class="dropdownx_sous" style="right:-60px;width:150px;">
<a style="display:block;float:left;width:100%;color:#000;" href="https://mansou-loisirs-15.fr/site-ecom/connexion.html" >Se connecter</a>
<a style="display:block;float:left;width:100%;color:#000;" href="https://mansou-loisirs-15.fr/site-ecom/inscription.html" >Créer un compte</a>
</div>
</div>
<a href="https://mansou-loisirs-15.fr/site-ecom/commandes.html" style="color:#fff;text-decoration:none;"><img src="https://mansou-loisirs-15.fr/site-ecom//images/icon_cart.svg" style="width: 40px; display: block; float: right; margin-right: 50px;}"></a>
</ul>
</div>
</div>
</div>
<script>
// On sélectionne tous les menus et overlays (PC + Mobile)
const allWrappers = document.querySelectorAll('.categ_side-menu-wrapper');
const allOverlays = document.querySelectorAll('.categ_overlay');
// Fonction pour tout fermer
const categ_closeAll = () => {
allWrappers.forEach(w => w.classList.remove('categ_active_panel'));
allOverlays.forEach(o => o.classList.remove('categ_active_panel'));
document.querySelectorAll('.categ_panel-sub').forEach(p => p.classList.remove('categ_active_panel'));
};
// 1. Ouvrir le menu principal (PC et Mobile)
document.querySelectorAll('.categ_openMenu_trigger').forEach(btn => {
btn.onclick = (e) => {
e.preventDefault();
allWrappers.forEach(w => w.classList.add('categ_active_panel'));
allOverlays.forEach(o => o.classList.add('categ_active_panel'));
};
});
// 2. Fermer le menu
document.querySelectorAll('.categ_closeMenu_trigger').forEach(btn => {
btn.onclick = categ_closeAll;
});
allOverlays.forEach(o => o.onclick = categ_closeAll);
// 3. Ouvrir un sous-panneau (CORRECTION PC)
document.querySelectorAll('.categ_cat-trigger').forEach(trigger => {
trigger.onclick = function(e) {
e.preventDefault();
const targetId = this.getAttribute('data-target');
// On cherche le menu parent (PC ou Mobile) dans lequel on se trouve
const parentWrapper = this.closest('.categ_side-menu-wrapper');
// On cherche le sous-panneau avec l'ID uniquement DANS ce parent
const targetPanel = parentWrapper.querySelector('#' + targetId);
if (targetPanel) {
targetPanel.classList.add('categ_active_panel');
}
};
});
// 4. Boutons retour
document.querySelectorAll('.categ_back-btn').forEach(btn => {
btn.onclick = function() {
this.closest('.categ_panel-sub').classList.remove('categ_active_panel');
};
});
</script>
<script>
const toggleSearch = document.getElementById('toggleSearch');
const searchBox = document.getElementById('searchBox');
const closeSearch = document.getElementById('closeSearch');
const searchInput = document.getElementById('searchInput');
// Ouvrir / Fermer avec le bouton loupe
toggleSearch.addEventListener('click', (e) => {
e.stopPropagation(); // Empêche l'événement de remonter vers window
searchBox.classList.toggle('active');
if(searchBox.classList.contains('active')) {
setTimeout(() => searchInput.focus(), 300);
}
});
// Fermer avec la croix
closeSearch.addEventListener('click', () => {
searchBox.classList.remove('active');
});
// CORRECTION : Fermer si on clique en dehors
window.addEventListener('click', function(event){
// Si le clic n'est PAS sur la boite de recherche ET n'est PAS sur un de ses enfants
// ET que le clic n'est PAS sur le bouton d'ouverture
if (!searchBox.contains(event.target) && !toggleSearch.contains(event.target)){
searchBox.classList.remove('active');
}
});
// Fermer avec la touche Echap
document.addEventListener('keydown', (e) => {
if (e.key === "Escape") searchBox.classList.remove('active');
});
</script>
<script>
// koa "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider_v2").responsiveSlides({
speed: 800
});
});
</script> <div style="display:block;float:left;width:100%;height:auto;position:relative;top:0px;color:#000;padding-bottom:30px;">
<title>EQUIPEMENT EXTERIEUR disponible au magasin MANSOU LOISIRS 15</title>
<meta name="description" content=", disponible au magasin MANSOU LOISIRS 15, situé 23 route d’Aurillac - 15250 Saint Paul des Landes.">
<div class="conteneur_new_bdo" style="display:block;float:left;margin-top:0px;">
<div id="baniere_bdo">
<div id="pl_baniere">
<ul class="rslides" id="slider_v2">
</ul>
</div>
</div>
</div>
<div class="actualiste">
<div class="text_page" >
<div class="accessoires_di">
<div class="pave_sss">
<div class="fillda"><a href="https://mansou-loisirs-15.fr/site-ecom/index.php" style="color:#000;text-decoration:none;">Accueil</a> > <a style="color:#000;text-decoration:none;" href="https://mansou-loisirs-15.fr/site-ecom/accessoires.html">Accessoires et pièces détachées </a>
> <span style="color:#000;"><a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur.html" style="color:#000;text-decoration:none;">EQUIPEMENT EXTERIEUR</a>
>
<select class="custom-select" onchange="location = this.value;" style="background-color: #fff; border: 1px solid #000;width:230px;font-family: 'Roboto Condensed', sans-serif;">
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur.html">TOUTES LES SOUS FAMILLES</option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/accessoires-store.html" >
ACCESSOIRES STORE </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/attelage.html" >
ATTELAGE </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/cales.html" >
CALES </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/chaines-neige-et-chaussettes.html" >
CHAINES NEIGE ET CHAUSSETTES </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/eclairage.html" >
ECLAIRAGE </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/electricite.html" >
ELECTRICITE </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/isolant-exterieur.html" >
ISOLANT EXTERIEUR </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/lanterneaux.html" selected>
LANTERNEAUX </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/mobilier-plein-air.html" >
MOBILIER PLEIN AIR </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/outillage.html" >
OUTILLAGE </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/pieces-detachees.html" >
PIECES DETACHEES </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/porte-velo-and-accessoires.html" >
PORTE VELO & ACCESSOIRES </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/quincallerie.html" >
QUINCALLERIE </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/securite.html" >
SECURITE </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/signalisation.html" >
SIGNALISATION </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/suspension.html" >
SUSPENSION </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/tuyau-deau.html" >
TUYAU DEAU </option>
<option value="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/wc.html" >
WC </option>
</select>
</span>
</div>
<div style="display:block;float:left;width:100%;margin-top:0px;">
<style>
/* CONTAINER */
/* CONTAINER */
.rec_search-container_ok {
background: #0c2d48;
border-radius: 40px;
padding: 2px;
width: 520px;
transition: width 0.4s ease-in-out;
float:right;
/* CETTE LIGNE EST LA CLÉ : */
margin-left: auto;
}
/* EFFET D'AGRANDISSEMENT AU CLIC */
.rec_search-container_ok:focus-within {
width: 750px;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
/* INNER */
.rec_search-inner_ok {
display: flex;
align-items: center;
background: white;
border-radius: 35px;
overflow: hidden;
}
/* CATEGORY */
.rec_category_ok {
background: #0c2d48;
color: white;
padding: 18px 20px;
border-radius: 35px 0 0 35px;
display: flex;
align-items: center;
gap: 10px;
font-weight: bold;
white-space: nowrap; /* Évite que le texte saute à la ligne */
}
/* INPUT AREA */
.rec_search-box_ok {
display: flex;
align-items: center;
flex: 1;
padding: 0 15px;
gap: 10px;
}
/* ICON BUTTON */
.rec_icon-btn_ok {
background: none;
border: none;
cursor: pointer;
color: #999;
font-size: 18px;
}
.rec_search-box_ok input {
border: none;
outline: none;
width: 100%;
font-size: 15px;
}
/* BUTTON */
.rec_search-btn_ok {
background: #d4e000;
border: none;
padding: 18px 25px;
font-weight: bold;
border-radius: 30px;
margin-right: 5px;
cursor: pointer;
color: #0c2d48;
}
.rec_search-btn_ok:hover {
opacity: 0.9;
}
.status-icon {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #28A745;
color: white;
text-align: center;
line-height: 16px;
font-size: 10px;
font-weight: bold;
margin-right: 8px;
}
</style>
<div class="mansou_cherche">
<form method="POST" action="">
<div class="rec_search-container_ok">
<div class="rec_search-inner_ok">
<div class="rec_category_ok">
3 PRODUIT(S)
<i class="fa-solid fa-chevron-down"></i>
</div>
<div class="rec_search-box_ok">
<button type="submit" class="rec_icon-btn_ok">
<i class="fa-solid fa-magnifying-glass"></i>
</button>
<input type="text" name="recherche2" value="" placeholder="Rechercher un produit, une marque...">
</div>
<button type="submit" class="rec_search-btn_ok">RECHERCHER</button>
</div>
</div>
</form>
</div></div>
</div>
<div class="pave_ht_h">
</div>
<div class="nos_prod">
<aside class="sidebar-navigation">
<div class="sidebar-header">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires.html" class="btn-back">
<i class="fa-solid fa-chevron-left"></i> ACCUEIL
</a>
</div>
<nav class="sidebar-menu">
<ul class="menu-list">
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/aires-de-services---livres.html" class="fam-link">
AIRES DE SERVICES - LIVRES <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/chauffage-et-climatisation.html" class="fam-link">
CHAUFFAGE ET CLIMATISATION <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/eau-and-sanitaire.html" class="fam-link">
EAU & SANITAIRE <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/energie-electricite.html" class="fam-link">
ENERGIE ELECTRICITE <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
<li class="famille-item active-fam">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires.html" class="fam-link">
EQUIPEMENT EXTERIEUR <i class="fa-solid fa-chevron-down"></i>
</a>
<ul class="sub-menu-list"> <li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/accessoires-store.html">
ACCESSOIRES STORE <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/attelage.html">
ATTELAGE <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/cales.html">
CALES <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/chaines-neige-et-chaussettes.html">
CHAINES NEIGE ET CHAUSSETTES <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/eclairage.html">
ECLAIRAGE <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/electricite.html">
ELECTRICITE <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/isolant-exterieur.html">
ISOLANT EXTERIEUR <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="is-active">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/lanterneaux.html">
LANTERNEAUX <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/mobilier-plein-air.html">
MOBILIER PLEIN AIR <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/outillage.html">
OUTILLAGE <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/pieces-detachees.html">
PIECES DETACHEES <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/porte-velo-and-accessoires.html">
PORTE VELO & ACCESSOIRES <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/quincallerie.html">
QUINCALLERIE <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/securite.html">
SECURITE <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/signalisation.html">
SIGNALISATION <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/suspension.html">
SUSPENSION <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/tuyau-deau.html">
TUYAU DEAU <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
<li class="">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-exterieur/wc.html">
WC <i class="fa-solid fa-chevron-right"></i>
</a>
</li>
</ul> </li>
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/equipement-interieur.html" class="fam-link">
EQUIPEMENT INTERIEUR <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/multimedia-and-high-tech.html" class="fam-link">
MULTIMEDIA & HIGH-TECH <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/porteur.html" class="fam-link">
PORTEUR <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/produit-entretien.html" class="fam-link">
PRODUIT ENTRETIEN <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
<li class="famille-item">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires/quincallerie.html" class="fam-link">
QUINCALLERIE <i class="fa-solid fa-chevron-down"></i>
</a>
</li>
</ul>
</nav>
</aside>
<div class="produit_center">
<div style="display:flex; width:100%;flex-wrap:wrap; gap: 20px;">
<div class="cont_modele_grand" style="width: 220px; height: 390px; margin-left: 0px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #e0e0e0;">
<div class="mod_bo_img" style="border:none;width:100%;">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-mini-heki-style-25-42-mm-avec-aeration-permanente-32485.html" title="">
<img style="width:auto;max-width:100%;height:190px;display:block;margin-left:auto;margin-right:auto;" src="https://mansou-loisirs-15.fr/images/stocks_accessoires/32485_accessoire_A0015009.webp" alt=" LANTERNEAU MINI HEKI STYLE 25/42 MM AVEC AERATION PERMANENTE" title=" LANTERNEAU MINI HEKI STYLE 25/42 MM AVEC AERATION PERMANENTE" />
</a>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-mini-heki-style-25-42-mm-avec-aeration-permanente-32485.html" title="">
<div style="color:#28A745;">
<div style="display: block; position: absolute; width: auto; margin-top: -1px; top: 5px; left: 10px; text-align: left; padding: 5px; padding-bottom: 5px; background-color: #28A745; border-radius: 10px; color: #fff; padding-bottom: 7px;"> En Stock </div>
</div>
</a>
</div>
<a style="display:block;float:left;width:100%;color:#000;text-decoration:none;" href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-mini-heki-style-25-42-mm-avec-aeration-permanente-32485.html" title="">
<div class="mod_bo_txt description" style="background-color:#fff;color:#000;">
<div class="list_place_txt_access" style="font-size:15px;margin-top:10px;">
<div style="display:block;float:left;width:95%;padding-left:3%;text-align:left;line-height:20px;color:#031e39;"> LANTERNEAU MINI HEKI STYLE 25/42 MM AVEC AERATION PERMANENTE
<br /></div>
<div style="display:block;float:left;text-align:left;width:95%;padding-left:3%;font-size:13px;margin-top:10px;"> Réf : A0015009</div>
</div>
<div>
</div></a>
</div>
<span style="display:block;float:left;font-size:14px;color:#000;position:relative;top:0px;width:100%;text-align:center;height:auto;"><span class="status-icon">✔</span> En stock, expédition sous 48h</span>
<div class="footersss">
<div style="display: block; float: left; width: 100%; text-align: left; background-color: #f9fafa; padding-top: 5px; border-top: 1px solid #e4e4e5;">
<div style="display:block;float:left;width:80px;height: 50px;padding-top:10px;color: #da801b;padding-left:10px;font-size: 20px;display: block;float: left;text-align:left;font-weight:900;color:#001f3f;">
199.99 €</div>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-mini-heki-style-25-42-mm-avec-aeration-permanente-ajout-32485.html">
<div style="display: block; float: right; width: 120px; margin-top: 5px; text-align: right;">
<button class="btn-add">
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="9" cy="21" r="1"></circle>
<circle cx="20" cy="21" r="1"></circle>
<path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
</svg>
AJOUTER
</button>
</div></a>
</div>
</div>
<div style="font-size:8px;float:right;display:block;margin-top:1px;right:2px;">
</div>
</div>
<div class="cont_modele_grand" style="width: 220px; height: 390px; margin-left: 0px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #e0e0e0;">
<div class="mod_bo_img" style="border:none;width:100%;">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-mini-heki-style-43-60-mm-avec-aeration-permanente-32487.html" title="">
<img style="width:auto;max-width:100%;height:190px;display:block;margin-left:auto;margin-right:auto;" src="https://mansou-loisirs-15.fr/images/stocks_accessoires/32487_accessoire_A0015022.webp" alt=" LANTERNEAU MINI HEKI STYLE 43/60 MM AVEC AERATION PERMANENTE" title=" LANTERNEAU MINI HEKI STYLE 43/60 MM AVEC AERATION PERMANENTE" />
</a>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-mini-heki-style-43-60-mm-avec-aeration-permanente-32487.html" title="">
<div style="color:#28A745;">
<div style="display: block; position: absolute; width: auto; margin-top: -1px; top: 5px; left: 10px; text-align: left; padding: 5px; padding-bottom: 5px; background-color: #28A745; border-radius: 10px; color: #fff; padding-bottom: 7px;"> En Stock </div>
</div>
</a>
</div>
<a style="display:block;float:left;width:100%;color:#000;text-decoration:none;" href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-mini-heki-style-43-60-mm-avec-aeration-permanente-32487.html" title="">
<div class="mod_bo_txt description" style="background-color:#fff;color:#000;">
<div class="list_place_txt_access" style="font-size:15px;margin-top:10px;">
<div style="display:block;float:left;width:95%;padding-left:3%;text-align:left;line-height:20px;color:#031e39;"> LANTERNEAU MINI HEKI STYLE 43/60 MM AVEC AERATION PERMANENTE
<br /></div>
<div style="display:block;float:left;text-align:left;width:95%;padding-left:3%;font-size:13px;margin-top:10px;"> Réf : A0015022</div>
</div>
<div>
</div></a>
</div>
<span style="display:block;float:left;font-size:14px;color:#000;position:relative;top:0px;width:100%;text-align:center;height:auto;"><span class="status-icon">✔</span> En stock, expédition sous 48h</span>
<div class="footersss">
<div style="display: block; float: left; width: 100%; text-align: left; background-color: #f9fafa; padding-top: 5px; border-top: 1px solid #e4e4e5;">
<div style="display:block;float:left;width:80px;height: 50px;padding-top:10px;color: #da801b;padding-left:10px;font-size: 20px;display: block;float: left;text-align:left;font-weight:900;color:#001f3f;">
202.81 €</div>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-mini-heki-style-43-60-mm-avec-aeration-permanente-ajout-32487.html">
<div style="display: block; float: right; width: 120px; margin-top: 5px; text-align: right;">
<button class="btn-add">
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="9" cy="21" r="1"></circle>
<circle cx="20" cy="21" r="1"></circle>
<path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
</svg>
AJOUTER
</button>
</div></a>
</div>
</div>
<div style="font-size:8px;float:right;display:block;margin-top:1px;right:2px;">
</div>
</div>
<div class="cont_modele_grand" style="width: 220px; height: 390px; margin-left: 0px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #e0e0e0;">
<div class="mod_bo_img" style="border:none;width:100%;">
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-roofstar-4-manuel-avec-ventilation-sans-lumiere-premtec-73500.html" title="">
<img style="width:auto;max-width:100%;height:190px;display:block;margin-left:auto;margin-right:auto;" src="https://mansou-loisirs-15.fr/images/stocks_accessoires/73500_accessoire_lanterneauroofstar4manuelavecventilationsanslumierepremtec_7144011N.jpg" alt=" LANTERNEAU ROOFSTAR 4 MANUEL AVEC VENTILATION SANS LUMIERE PREMTEC" title=" LANTERNEAU ROOFSTAR 4 MANUEL AVEC VENTILATION SANS LUMIERE PREMTEC" />
</a>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-roofstar-4-manuel-avec-ventilation-sans-lumiere-premtec-73500.html" title="">
<div style="color:#28A745;">
<div style="display: block; position: absolute; width: auto; margin-top: -1px; top: 5px; left: 10px; text-align: left; padding: 5px; padding-bottom: 5px; background-color: #28A745; border-radius: 10px; color: #fff; padding-bottom: 7px;"> En Stock </div>
</div>
</a>
</div>
<a style="display:block;float:left;width:100%;color:#000;text-decoration:none;" href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-roofstar-4-manuel-avec-ventilation-sans-lumiere-premtec-73500.html" title="">
<div class="mod_bo_txt description" style="background-color:#fff;color:#000;">
<div class="list_place_txt_access" style="font-size:15px;margin-top:10px;">
<div style="display:block;float:left;width:95%;padding-left:3%;text-align:left;line-height:20px;color:#031e39;"> LANTERNEAU ROOFSTAR 4 MANUEL AVEC VENTILATION SANS LUMIERE PREMTEC
<br /></div>
<div style="display:block;float:left;text-align:left;width:95%;padding-left:3%;font-size:13px;margin-top:10px;"> Réf : 7144011N</div>
</div>
<div>
</div></a>
</div>
<span style="display:block;float:left;font-size:14px;color:#000;position:relative;top:0px;width:100%;text-align:center;height:auto;"><span class="status-icon">✔</span> En stock, expédition sous 48h</span>
<div class="footersss">
<div style="display: block; float: left; width: 100%; text-align: left; background-color: #f9fafa; padding-top: 5px; border-top: 1px solid #e4e4e5;">
<div style="display:block;float:left;width:80px;height: 50px;padding-top:10px;color: #da801b;padding-left:10px;font-size: 20px;display: block;float: left;text-align:left;font-weight:900;color:#001f3f;">
209.66 €</div>
<a href="https://mansou-loisirs-15.fr/site-ecom/accessoires1/equipement-exterieur/lanterneau-roofstar-4-manuel-avec-ventilation-sans-lumiere-premtec-ajout-73500.html">
<div style="display: block; float: right; width: 120px; margin-top: 5px; text-align: right;">
<button class="btn-add">
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="9" cy="21" r="1"></circle>
<circle cx="20" cy="21" r="1"></circle>
<path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
</svg>
AJOUTER
</button>
</div></a>
</div>
</div>
<div style="font-size:8px;float:right;display:block;margin-top:1px;right:2px;">
</div>
</div>
</div>
<div style="margin-bottom:100px;display:block;float:left;width:100%;"></div>
</div></div>
<script>
// koa "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider_v2").responsiveSlides({
speed: 800
});
});
</script></div>
</div></div> </div>
<style>
.social-wrapper {
display: flex;
justify-content: left;
gap: 15px; /* Espace entre les boutons */
}
.social-btn {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
background-color: #e6ef47; /* Ton orange exact */
color: #ffffff; /* Icône en blanc */
border-radius: 50%; /* Rend le bouton parfaitement rond */
text-decoration: none;
font-size: 20px;
transition: all 0.3s ease; /* Animation douce */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Effet au survol (Hover) */
.social-btn:hover {
background-color: #ffffff; /* Le fond devient blanc */
color: #fe8f03; /* L'icône devient orange */
transform: translateY(-5px); /* Le bouton monte légèrement */
box-shadow: 0 8px 15px rgba(254, 143, 3, 0.3); /* Ombre orange */
}
/* --- DESIGN DU POPUP --- */
.new_exit-intent-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(5px);
z-index: 10000;
}
.new_exit-intent-content {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%) scale(0.8);
background: #fff;
width: 90%;
max-width: 450px;
padding: 40px;
border-radius: 12px;
text-align: center;
box-shadow: 0 15px 35px rgba(0,0,0,0.4);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.new_exit-intent-overlay.active .exit-intent-content {
top: 50%;
transform: translate(-50%, -50%) scale(1);
}
.new_exit-close {
position: absolute;
top: 15px;
right: 20px;
font-size: 24px;
cursor: pointer;
color: #999;
}
.new_exit-close:hover { color: #333; }
/* Formulaire */
.new_newsletter-field {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 2px solid #ddd;
border-radius: 6px;
box-sizing: border-box;
font-size: 16px;
}
.new_btn-subscribe {
width: 100%;
padding: 12px;
background: #28a745;
color: white;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}
.new_btn-subscribe:hover { background: #218838; }
/* Guide visuel pour le test */
.instruction {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
height: fit-content;
}
</style>
<div class="text_page">
<div style="display:block;float:left;width:100%;position:relative;font-size:15px;">
<footer class="main-footer">
<div class="footer-top">
<div class="footer-logo" style="background-color:#fff;border-radius:50%;height:150px;">
<a href=""><img style="max-width:150px;display:block;float:left;margin-top:20px;" src="https://mansou-loisirs-15.fr/site-ecom/images/logo.png"></a>
</div>
<div class="pave_footer_7">
<a style="color:#fff;text-decoration:none;">Conditions Générales de Vente</a> </br>
<a style="color:#fff;text-decoration:none;">Paiements sécurisés</a> </br>
<a style="color:#fff;text-decoration:none;">Expédition</a> </br>
<a style="color:#fff;text-decoration:none;">Livraison</a> </br>
</div>
<div class="footer-info" style="width:280px;margin-top:20px;">
<div class="pave_reseauxx2">
<div class="social-wrapper">
<a href="https://www.facebook.com/mansouloisirs15/" class="social-btn facebook" title="Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/mansou_loisirs_15/" class="social-btn instagram" title="Instagram">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/posts/ang%C3%A9lique-et-romain-mansouri-24ab86233_mansou-loisirs-15-aurillac-activity-7276526193091174400-fVsI" class="social-btn linkedin" title="LinkedIn">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</div>
<div style="display:block;float:left;width:100%;">
<p><i class="fas fa-check-square"></i> MANSOU LOISIRS 15, 23 route d’Aurillac
</p>
<p><i class="fas fa-check-circle"></i> 15250 Saint Paul des landes</p>
<p><i class="fas fa-envelope"></i> <img alt="email" src="https://mansou-loisirs-15.fr/site-ecom/images/mail.png"></p>
</div> </div>
<div class="footer-hours" style="border-top:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2);padding-top:20px;padding-left:20px;">
<p><strong>HORAIRES D'OUVERTURE</strong></p>
<p><strong>Lundi à Vendredi :</strong> 9h - 12h / 14h - 18h</p>
<p><strong>Samedi :</strong> 9h - 12h</p>
<p class="phone-footer"><i class="fas fa-phone-alt" style="transform: scaleX(-1);"></i> <a href="tel:0422917016" style="color:#fff;text-decoration:none;">04 22 91 70 16</a></p>
</div>
</div>
<div class="footer-bottom">
<p><a style="color:#fff;text-decoration:none;">Mentions légales - </a> <a style="color:#fff;text-decoration:none;">RGPD -</a> <a style="color:#fff;text-decoration:none;">Nous Contacter -</a> <a href="tel:0422917016" style="color:#fff;text-decoration:none;">04 22 91 70 16</a></p>
</div>
</footer> </div></div>
<div id="new_popupExit" class="new_exit-intent-overlay">
<div class="new_exit-intent-content">
<span class="new_exit-close">×</span>
<div id="new_newsletter-body">
<h2>Ne manquez rien !</h2>
<p>Inscrivez-vous à notre newsletter pour recevoir nos derniers résultats et actualités directement dans votre boîte mail.</p>
<form id="new_frmNewsletter">
<input type="email" name="newsletter" id="new_newsletter_email" class="new_newsletter-field" placeholder="Votre email" required>
<button type="submit" class="new_btn-subscribe" id="new_btn-text">Je m'abonne</button>
</form>
</div>
<div id="new_newsletter-success" style="display:none; padding: 20px;">
<i class="fa-solid fa-circle-check" style="color: #69b939; font-size: 50px; margin-bottom: 15px;"></i>
<p id="new_success-msg" style="font-size: 18px; color: #333;"></p>
</div>
</div>
</div>
<script>
$(document).ready(function() {
let isShown = sessionStorage.getItem('new_exitPopupSeen');
function showExitPopup() {
if (!isShown) {
$('#new_popupExit').fadeIn(200).addClass('new_active');
sessionStorage.setItem('new_exitPopupSeen', 'true');
isShown = true;
}
}
// Détection de sortie
$(document).mouseleave(function(e) { if (e.clientY < 0) showExitPopup(); });
$(document).on('mousemove', function(e) { if (e.clientY <= 15) showExitPopup(); });
// Fermeture
$('.new_exit-close').on('click', function() { closePopup(); });
$(window).on('click', function(e) { if ($(e.target).is('#new_popupExit')) closePopup(); });
function closePopup() {
$('#new_popupExit').removeClass('new_active').fadeOut(300);
}
// --- TRAITEMENT AJAX ---
$('#new_frmNewsletter').on('submit', function(e) {
e.preventDefault();
const btn = $('#new_btn-text');
const email = $('#new_newsletter_email').val();
btn.prop('disabled', true).text('Chargement...');
$.ajax({
url: 'newsletter.php',
type: 'POST',
data: { newsletter: email },
dataType: 'json',
success: function(data) {
if(data.status === 'success') {
$('#new_newsletter-body').fadeOut(200, function() {
$('#new_success-msg').text(data.message);
$('#new_newsletter-success').fadeIn();
});
setTimeout(closePopup, 3500);
} else {
alert(data.message);
btn.prop('disabled', false).text("Je m'abonne");
}
},
error: function() {
alert("Erreur de connexion au serveur.");
btn.prop('disabled', false).text("Je m'abonne");
}
});
});
});
</script>
</body>
</html>
