<!doctype html>
<html lang="fr">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Fic</title>
<meta name="description" content="FIC">
<base href="/">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link rel="icon" href="images/favicon.png">
<link href="css/frontoffice.css" rel="stylesheet">
</head>
<body class="body-fic">
<div class="sticky-top">
<!-- Mobile menu -->
<!-- Primary level -->
<div class="offcanvas offcanvas-start bg-fic-black text-fic-white" tabindex="-1" id="ocprimary" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header p-2">
<a class="a-fic btn d-lg-none" data-bs-dismiss="offcanvas" aria-label="Close">
<i class="bi bi-arrow-return-left fs-3 align-middle"></i> Retour
</a>
<a class="a-fic btn d-lg-none" href="/connexion">
<i class="bi bi-person fs-3 align-middle"></i> Se connecter
</a>
</div>
<div class="offcanvas-body p-0">
<ul class="ul-fic m-0 px-0">
<li>
<a class="a-fic d_block" data-bs-toggle="offcanvas" href="#ocsecondary" role="button" aria-controls="offcanvas2">
<i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>TOUS LES PRODUITS FIC<i class="bi bi-chevron-right float-end"></i>
</a>
</li>
<li><a class="a-fic d-block" href="/promotion"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>PROMOTIONS</a></li>
<li><a class="a-fic d-block" href="/destockage"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>DESTOCKAGE</a></li>
<li><a class="a-fic d-block" href="/catalogue"><i class="bi bi-book-half fs-3 align-top me-5"></i>NOS CATALOGUES</a></li>
<li><a class="a-fic d-block" href="/nouveaute"><i class="bi bi-book-half fs-3 align-top me-5"></i>NOUVEAUTÉS</a></li>
<li>
<a class="a-fic d-block" data-bs-toggle="offcanvas" href="#ocsecondary2" role="button" aria-controls="offcanvasserv">
<i class="bi bi-card-text fs-3 align-top me-5"></i>NOS SERVICES<i class="bi bi-chevron-right float-end"></i>
</a>
</li>
<li>
<a class="a-fic d-block" data-bs-toggle="offcanvas" href="#ocsecondary3" role="button" aria-controls="offcanvassoc">
<i class="bi bi-card-text fs-3 align-top me-5"></i>SOCIÉTÉ FIC<i class="bi bi-chevron-right float-end"></i>
</a>
</li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/contact"><i class="bi bi-envelope fs-3 align-top me-5"></i>NOUS CONTACTER</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/agences"><i class="bi bi-geo-alt-fill fs-3 align-top me-5"></i>NOS POINTS DE VENTE</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/espace-client/commandefavorite/lire"><i class="bi bi-pencil-square fs-3 align-top me-5"></i>LISTE DE COMMANDES FAVORITES</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/cataloguefic"><i class="bi bi-book-half fs-3 align-top me-5"></i>CATALOGUE GÉNÉRAL FIC</a></li>
</ul>
</div>
</div>
<!-- Secondary Level for company -->
<div class="offcanvas offcanvas-start bg-fic-black text-fic-white" tabindex="-1" id="ocsecondary3" aria-labelledby="offcanvas2Label">
<div class="offcanvas-header p-2">
<a class="a-fic btn d-lg-none" data-bs-toggle="offcanvas" href="#ocprimary" role="button" aria-controls="offcanvasExample2">
<i class="bi bi-arrow-return-left fs-3 align-middle"></i> Retour
</a>
<a class="a-fic btn d-lg-none" href="/connexion">
<i class="bi bi-person fs-3 align-middle"></i> Se connecter
</a>
</div>
<div class="offcanvas-body p-0">
<ul class="ul-fic m-0 px-0">
<li class="bg-fic"><a class="a-fic d-block" href="/quisommesnous"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Qui sommes-nous</a></li>
<li class="bg-fic"><a class="a-fic d-block" href="/agences"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Nos agences</a></li>
<li class="bg-fic"><a class="a-fic d-block" href="/contact"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Nous contacter</a></li>
<li class="bg-fic"><a class="a-fic d-block" href="/emploi"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Rejoindre les équipes FIC</a></li>
<li class="bg-fic"><a class="a-fic d-block" href="/evenements"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Évènements / Actualités</a></li>
<li class="bg-fic"><a class="a-fic d-block" href="/groupements"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Nos groupements</a></li>
<!-- news -->
<li><a class="a-fic d-block" href="/nouvelle/1"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>La Ruche</a></li>
<li><a class="a-fic d-block" href="/nouvelle/2"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>RSE</a></li>
<!-- <li class="bg-fic"><a class="a-fic d-block" href=""><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Nos équipes</a></li> -->
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/contact"><i class="bi bi-envelope fs-3 align-top me-5"></i>NOUS CONTACTER</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/agences"><i class="bi bi-geo-alt-fill fs-3 align-top me-5"></i>NOS POINTS DE VENTE</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/espace-client/commandefavorite/lire"><i class="bi bi-pencil-square fs-3 align-top me-5"></i>LISTE DE COMMANDES FAVORITES</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/cataloguefic"><i class="bi bi-book-half fs-3 align-top me-5"></i>CATALOGUE GÉNÉRAL FIC</a></li>
</ul>
</div>
</div>
<!-- Secondary Level for services -->
<div class="offcanvas offcanvas-start bg-fic-black text-fic-white" tabindex="-1" id="ocsecondary2" aria-labelledby="offcanvas2Label">
<div class="offcanvas-header p-2">
<a class="a-fic btn d-lg-none" data-bs-toggle="offcanvas" href="#ocprimary" role="button" aria-controls="offcanvasExample2">
<i class="bi bi-arrow-return-left fs-3 align-middle"></i> Retour
</a>
<a class="a-fic btn d-lg-none" href="/connexion">
<i class="bi bi-person fs-3 align-middle"></i> Se connecter
</a>
</div>
<div class="offcanvas-body p-0">
<ul class="ul-fic m-0 px-0">
<li class="bg-fic"><a class="a-fic d-block" href="/tutorials"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Découvrir Fic-pro</a></li>
<!-- services -->
<li><a class="a-fic d-block" href="/service/1"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Comment créer ses listes de commandes favorites ?</a></li>
<li class="bg-fic"><a class="a-fic d-block" href="/club"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Club de fidélité</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/contact"><i class="bi bi-envelope fs-3 align-top me-5"></i>NOUS CONTACTER</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/agences"><i class="bi bi-geo-alt-fill fs-3 align-top me-5"></i>NOS POINTS DE VENTE</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/espace-client/commandefavorite/lire"><i class="bi bi-pencil-square fs-3 align-top me-5"></i>LISTE DE COMMANDES FAVORITES</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/cataloguefic"><i class="bi bi-book-half fs-3 align-top me-5"></i>CATALOGUE GÉNÉRAL FIC</a></li>
</ul>
</div>
</div>
<!-- Secondary Level -->
<div class="offcanvas offcanvas-start bg-fic-black text-fic-white" tabindex="-1" id="ocsecondary" aria-labelledby="offcanvas2Label">
<div class="offcanvas-header p-2">
<a class="a-fic btn d-lg-none" data-bs-toggle="offcanvas" href="#ocprimary" role="button" aria-controls="offcanvasExample2">
<i class="bi bi-arrow-return-left fs-3 align-middle"></i> Retour
</a>
<a class="a-fic btn d-lg-none" href="/connexion">
<i class="bi bi-person fs-3 align-middle"></i> Se connecter
</a>
</div>
<div class="offcanvas-body p-0">
<ul class="ul-fic m-0 px-0">
<li class="bg-fic-blue"><a class="a-fic d-block" href="/activites"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Toutes nos activités</a></li>
<li class="bg-fic-blue"><a class="a-fic d-block" href="/partenaires"><i class="bi bi-grid-3x2-gap-fill fs-3 align-top me-5"></i>Nos marques</a></li>
<!-- activities -->
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/6');"><img src="images/activite/sanitaire_blanc.png" class="me-5 mw-fic-2">Sanitaire<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/9');"><img src="images/activite/carrelage_blanc.png" class="me-5 mw-fic-2">Carrelage<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/11');"><img src="images/activite/tt_eau_blanc.png" class="me-5 mw-fic-2">Piscine / Traitement de l'eau<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/3');"><img src="images/activite/thermique_blanc.png" class="me-5 mw-fic-2">Chauffage / ENR / Climatisation<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/12');"><img src="images/activite/plomberie_blanc.png" class="me-5 mw-fic-2">Plomberie<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/8');"><img src="images/activite/industrie_blanc.png" class="me-5 mw-fic-2">Outillage / Fournitures industrielles<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/2');"><img src="images/activite/serrurerie_quincaillerie_blanc.png" class="me-5 mw-fic-2">Quincaillerie / Serrurerie<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/7');"><img src="images/activite/cloture_blanc.png" class="me-5 mw-fic-2">Clôture / Ferronnerie / Inox<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/1');"><img src="images/activite/fer_blanc.png" class="me-5 mw-fic-2">Produits sidérurgiques<i class="bi bi-chevron-right float-end"></i></a></li>
<li><a class="a-fic d-block" data-bs-toggle="offcanvas" href="#octertiary" onclick="fic.populate('innerTertiary', '/menu/13');"><img src="images/activite/electricite_blanc.png" class="me-5 mw-fic-2">Electricité<i class="bi bi-chevron-right float-end"></i></a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/contact"><i class="bi bi-envelope fs-3 align-top me-5"></i>NOUS CONTACTER</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/agences"><i class="bi bi-geo-alt-fill fs-3 align-top me-5"></i>NOS POINTS DE VENTE</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/espace-client/commandefavorite/lire"><i class="bi bi-pencil-square fs-3 align-top me-5"></i>LISTE DE COMMANDES FAVORITES</a></li>
<li class="bg-fic-darkgray"><a class="a-fic d-block" href="/cataloguefic"><i class="bi bi-book-half fs-3 align-top me-5"></i>CATALOGUE GÉNÉRAL FIC</a></li>
</ul>
</div>
</div>
<!-- Tertiary Level -->
<div class="offcanvas offcanvas-start bg-fic-black text-fic-white" tabindex="-1" id="octertiary" aria-labelledby="offcanvas2Label">
<div class="offcanvas-header p-2">
<!-- <i class="bi bi-arrow-return-left" data-bs-dismiss="offcanvas" aria-label="Close"></i> Retour -->
<a class="a-fic btn d-lg-none" data-bs-toggle="offcanvas" href="#ocsecondary" role="button" aria-controls="offcanvasExample2">
<i class="bi bi-arrow-return-left fs-3 align-middle"></i> Retour
</a>
<a class="a-fic btn d-lg-none" href="/connexion">
<i class="bi bi-person fs-3 align-middle"></i> Se connecter
</a>
</div>
<div id="innerTertiary" class="offcanvas-body p-0">
<!-- ul injected here -->
</div>
</div>
<!-- Quaternary Level -->
<div class="offcanvas offcanvas-start bg-fic-black text-fic-white" tabindex="-1" id="ocquaternary" aria-labelledby="offcanvas2Label">
<div class="offcanvas-header p-2">
<!-- <i class="bi bi-arrow-return-left" data-bs-dismiss="offcanvas" aria-label="Close"></i> Retour -->
<a class="a-fic btn d-lg-none" data-bs-toggle="offcanvas" href="#octertiary" role="button" aria-controls="offcanvasExample2">
<i class="bi bi-arrow-return-left fs-3 align-middle"></i> Retour
</a>
<a class="a-fic btn d-lg-none" href="/connexion">
<i class="bi bi-person fs-3 align-middle"></i> Se connecter
</a>
</div>
<div id="innerQuaternary" class="offcanvas-body p-0">
<!-- ul injected here -->
</div>
</div>
<!-- bandeau haut - 4 pictos -->
<div class="container navbar-fic-blue py-2 px-5">
<!-- main menu for small screens -->
<div class="row d-lg-none lh-1 justify-content-between">
<div class="col-auto">
<a class="text-fic-white btn p-0" data-bs-toggle="offcanvas" href="#ocprimary" role="button" aria-controls="offcanvasExample">
<i class="bi bi-list fs-2"></i>
</a>
</div>
<div class="col-auto">
<a href="/" class="text-fic-white btn p-0">
<img class="img-fluid mh-fic-3" src="images/logo_white_front.png" alt="Fic">
</a>
</div>
<div class="col-auto">
<a href="/panier" class="text-fic-white btn p-0">
<i class="bi bi-cart3 fs-2 position-relative">
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger fs-9 fic-badge visually-hidden"></span>
</i>
</a>
</div>
</div>
<!-- shortcuts for wide screens -->
<div class="row d-none d-lg-flex lh-1 py-2 justify-content-between">
<div class="col-auto text-center">
<a href="/cataloguefic" class="a-fic fs-8"><i class="bi bi-book-half fs-3"></i><p class="mb-0 lh-1">Catalogue Fic</p></a>
</div>
<div class="col-auto text-center">
<a href="/agences" class="a-fic fs-8"><i class="bi bi-telephone-fill fs-3"></i><p class="mb-0 lh-1">Contacter votre agence</p></a>
</div>
<div class="col-auto text-center">
<a href="/connexion" class="a-fic fs-8"><i class="bi bi-person fs-3"></i><p class="mb-0 lh-1">Connexion / Inscription</p></a>
</div>
<div class="col-auto text-center">
<a href="/panier" class="a-fic fs-8">
<i class="bi bi-cart3 fs-3 position-relative">
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger fs-9 fic-badge visually-hidden"></span>
</i>
<p class="mb-0 lh-1">Mon panier</p>
</a>
</div>
</div>
</div>
<!-- bandeau blanc - Logo + recherche -->
<nav class="container bg-fic-white px-0">
<div class="px-3">
<div class="row">
<div class="col-auto d-none d-lg-flex">
<a class="navbar-brand a-fic" href="/">
<img class="img-fluid logo-fic" src="images/logo_front.png" alt="Fic">
</a>
</div>
<div class="col align-self-center py-3">
<form class="d-flex" action="/recherche" method="get">
<div class="col-12">
<label class="visually-hidden" for="inputSearch">Recherchez un article</label>
<div class="input-group">
<input type="text" name="search">
<button class="input-group-text ps-3 pe-4 btn-fic btn-fic-blue" type="submit"><i class="bi bi-search fs-6"></i></button>
</div>
</div>
</form>
</div>
<div class="col-auto align-self-center text-end d-none d-lg-block">
<div class="row"><!-- row-auto -->
<a class="col-auto a-fic-blue fs-7 pe-2 text-nowrap" href="/agences" title="Nos points de vente"><i class="bi bi-geo-alt-fill fs-4 align-middle"></i> <span class="text-body d-none d-lg-inline">Nos points de vente</span></a>
<a class="col-auto a-fic-blue fs-7 pe-2 text-nowrap" href="/espace-client/commandefavorite/lire" title="Liste de commandes favorites"><i class="bi bi-search fs-4 align-middle"></i> <span class="text-body d-none d-lg-inline">Liste de commandes favorites</span></a>
<a class="col-auto a-fic-blue fs-7 text-nowrap" href="/contact" title="Nous contacter"><i class="bi bi-envelope fs-4 align-middle"></i> <span class="text-body d-none d-lg-inline">Nous contacter</span></a>
</div>
</div>
</div>
</div>
</nav>
<!-- Mega menu -->
<div class="container px-0">
<nav class="container navbar navbar-expand-lg navbar-dark p-0 px-3">
<div class="container navbar-fic-cyan px-0 position-relative">
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav flex-grow-1">
<li id="dp-mega" class="nav-item dropdown has-megamenu flex-grow-1 py-1 btn-fic-blue">
<a class="nav-link dropdown-toggle dropdown-fic a-fic" href="#" data-bs-toggle="dropdown"><i class="bi bi-text-left"></i> TOUS LES PRODUITS FIC</a>
<div class="dropdown-menu megamenu shadow-sm navbar-fic-cyan p-0 border-0 rounded-0" role="menu">
<div class="navbar-nav">
<ul id="menuarea1" class="navbar-nav flex-column">
<li class="nav-item btn-fic-blue"><a class="nav-link a-fic" href="/activites">Toutes nos activités <i class="bi bi-arrow-right-circle-fill float-end"></i></a></li>
<li class="nav-item btn-fic-blue"><a class="nav-link a-fic" href="/partenaires">Nos marques <i class="bi bi-arrow-right-circle-fill float-end"></i></a></li>
<!-- activities -->
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/6', this);return false;"><div class="flex-grow-1 pe-2">Sanitaire</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/9', this);return false;"><div class="flex-grow-1 pe-2">Carrelage</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/11', this);return false;"><div class="flex-grow-1 pe-2">Piscine / Traitement de l'eau</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/3', this);return false;"><div class="flex-grow-1 pe-2">Chauffage / ENR / Climatisation</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/12', this);return false;"><div class="flex-grow-1 pe-2">Plomberie</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/8', this);return false;"><div class="flex-grow-1 pe-2">Outillage / Fournitures industrielles</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/2', this);return false;"><div class="flex-grow-1 pe-2">Quincaillerie / Serrurerie</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/7', this);return false;"><div class="flex-grow-1 pe-2">Clôture / Ferronnerie / Inox</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/1', this);return false;"><div class="flex-grow-1 pe-2">Produits sidérurgiques</div><i class="bi bi-chevron-right float-end"></i></a></li>
<li class="nav-item"><a class="nav-link text-nowrap d-flex a-fic" href="#" onclick="event.stopPropagation();fic.mega_populate('#menuarea2', '/megamenu/13', this);return false;"><div class="flex-grow-1 pe-2">Electricité</div><i class="bi bi-chevron-right float-end"></i></a></li>
</ul>
<ul id="menuarea2" class="bg-fic-white navbar-nav p-0 flex-grow-1">
<div class="d-flex align-items-center flex-grow-1 justify-content-around">
<li class="nav-item align-items-center p-0">
<div class="row p-3">
</div>
<div class="row px-3">
</div>
</li>
</div>
</ul>
</div>
</div> <!-- dropdown-mega-menu.// -->
</li>
<li class="nav-item flex-grow-1 py-1"><a class="nav-link a-fic" href="/promotion">PROMOTIONS</a></li>
<li class="nav-item flex-grow-1 py-1"><a class="nav-link a-fic" href="/destockage">DESTOCKAGE</a></li>
<li class="nav-item flex-grow-1 py-1"><a class="nav-link a-fic" href="/catalogue">NOS CATALOGUES</a></li>
<li class="nav-item flex-grow-1 py-1"><a class="nav-link a-fic" href="/nouveaute">NOUVEAUTÉS</a></li>
<li id="dp-mega2" class="nav-item dropdown has-megamenu flex-grow-1 py-1 btn-fic-cyan">
<a class="nav-link dropdown-toggle dropdown-fic a-fic" href="#" data-bs-toggle="dropdown">NOS SERVICES</a>
<div class="dropdown-menu megamenu shadow-sm navbar-fic p-0 border-0 rounded-0" role="menu">
<div class="navbar-nav">
<ul class="navbar-nav flex-column">
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/tutorials">Découvrir Fic-pro</a></li>
<!-- services -->
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/service/1">Comment créer ses listes de commandes favorites ?</a></li>
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/club">Club de fidélité </a></li>
</ul>
<ul class="bg-fic-white navbar-nav p-0 flex-grow-1">
<div class="d-flex align-items-center flex-grow-1 justify-content-center">
<li class="nav-item align-items-center p-0">
<div class="row align-items-center p-3 justify-content-center">
<div class="col-auto p-1 text-center">
<a href="/service/1" title="Comment créer ses listes de commandes favorites ?">
<img class="shadow-sm img-fluid card-fic mh-fic-9" src="images/service/c19560b634806f49.png" alt="Comment créer ses listes de commandes favorites ?">
</a>
</div>
</div>
</li>
</div>
</ul>
</div>
</div>
</li>
<!-- <li class="nav-item flex-grow-1 py-1"><a class="nav-link a-fic" href="#">SOCIÉTÉ FIC</a></li> -->
<li id="dp-mega3" class="nav-item dropdown has-megamenu flex-grow-1 py-1 btn-fic-cyan">
<a class="nav-link dropdown-toggle dropdown-fic a-fic" href="#" data-bs-toggle="dropdown">SOCIÉTÉ FIC</a>
<div class="dropdown-menu megamenu shadow-sm navbar-fic p-0 border-0 rounded-0" role="menu">
<div class="navbar-nav">
<ul class="navbar-nav flex-column text-nowrap">
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/quisommesnous">Qui sommes-nous</a></li>
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/agences">Nos agences </a></li>
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/contact">Nous contacter </a></li>
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/emploi">Rejoindre les équipes FIC </a></li>
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/evenements">Évènements / Actualités </a></li>
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/groupements">Nos groupements </a></li>
<!-- news -->
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/nouvelle/1">La Ruche</a></li>
<li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="/nouvelle/2">RSE</a></li>
<!-- <li class="nav-item btn-fic"><a class="nav-link a-fic-cyan" href="">Nos équipes </a></li> -->
</ul>
<ul class="bg-fic-white navbar-nav p-0 flex-grow-1">
<div class="d-flex align-items-center flex-grow-1 justify-content-around">
<li class="nav-item align-items-center p-0">
<div class="row p-3"> <!-- align-items-center p-3 justify-content-center -->
<div class="col-9 col-4xl-8 p-1">
<a href="https://www.fic-pro.fr/emploi" title="">
<img class="border shadow-sm img-fluid card-fic" src="images/menu/8bcfb68e6e8589d0.jpg" alt="">
</a>
</div>
<div class="col-3 col-4xl-4 p-1">
<div class="row h-100">
</div>
</div>
</div>
<div class="row px-3">
</div>
</li>
</div>
</ul>
</div>
</div>
</li>
</ul>
</div> <!-- navbar-collapse.// -->
</div> <!-- container.// -->
</nav>
</div>
</div>
<!-- page content -->
<div class="container main-fic">
<div class="col">
<div class="row main-fic">
<div class="col p-3">
<!-- flash messages -->
<!-- content -->
<!-- Big slide -->
<div id="carouselMain" class="carousel carousel-dark slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="2500">
<a href="https://www.fic-pro.fr/promotion">
<img src="images/diapo/fb67efb7c3fbe539.jpg" class="d-block w-100" alt="fic-promos" title="fic-promos">
</a>
</div>
<div class="carousel-item" data-bs-interval="2500">
<a href="https://www.fic-pro.fr">
<img src="images/diapo/6db0ddea25ba6474.jpg" class="d-block w-100" alt="fic-carrelage" title="fic-carrelage">
</a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselMain" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselMain" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
<div class="carousel-indicators position-relative">
<button type="button" class="active" aria-current="true" data-bs-target="#carouselMain" data-bs-slide-to="0" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselMain" data-bs-slide-to="1" aria-label="Slide 2"></button>
</div>
</div>
<!-- category of products -->
<div class="text-center h3-fic-blue mb-5">
<h3 class="px-4">NOS CATÉGORIES DE PRODUITS</h3>
</div>
<div class="row shadow-sm p-3 fs-6 card-fic-cyan mx-0 justify-content-between">
<!-- activities -->
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/sanitaire.png" alt="Sanitaire">
<br><a class="a-fic-cyan" href="/activite/6">Sanitaire</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/carrelage.png" alt="Carrelage">
<br><a class="a-fic-cyan" href="/activite/9">Carrelage</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/tt_eau.png" alt="Piscine / Traitement de l'eau">
<br><a class="a-fic-cyan" href="/activite/11">Piscine Traitement de l'eau</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/thermique.png" alt="Chauffage / ENR / Climatisation">
<br><a class="a-fic-cyan" href="/activite/3">Chauffage ENR Climatisation</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/plomberie.png" alt="Plomberie">
<br><a class="a-fic-cyan" href="/activite/12">Plomberie</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/industrie.png" alt="Outillage / Fournitures industrielles">
<br><a class="a-fic-cyan" href="/activite/8">Outillage Fournitures industrielles</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/serrurerie_quincaillerie.png" alt="Quincaillerie / Serrurerie">
<br><a class="a-fic-cyan" href="/activite/2">Quincaillerie Serrurerie</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/cloture.png" alt="Clôture / Ferronnerie / Inox">
<br><a class="a-fic-cyan" href="/activite/7">Clôture Ferronnerie Inox</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/fer.png" alt="Produits sidérurgiques">
<br><a class="a-fic-cyan" href="/activite/1">Produits sidérurgiques</a>
</div>
<div class="col-4 col-md-3 col-lg-1 text-center my-3 zoom-in">
<img class="mb-3 mh-fic-2" loading="lazy" src="images/activite/electricite.png" alt="Electricité">
<br><a class="a-fic-cyan" href="/activite/13">Electricité</a>
</div>
</div>
<!-- Our partners -->
<div class="text-center h3-fic-blue mb-5">
<h3 class="px-4">NOS PARTENAIRES</h3>
</div>
<div class="partner-diapo mx-0 my-5">
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/1"><img src="images/partners/9e5e1704d720e94e.jpg" class="d-block w-100 card-fic mb-3" alt="logo-aldes" title="logo-aldes"></a>
<a href="/partenaire/8"><img src="images/partners/8b8768d60543cce2.jpg" class="d-block w-100 card-fic mb-3" alt="logo-nobili" title="logo-nobili"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/9"><img src="images/partners/d4603e3f14898a0f.jpg" class="d-block w-100 card-fic mb-3" alt="logo-nicoll" title="logo-nicoll"></a>
<a href="/partenaire/10"><img src="images/partners/ec2b174221a07a7b.jpg" class="d-block w-100 card-fic mb-3" alt="logo-valsir" title="logo-valsir"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/13"><img src="images/partners/0b1689a773012957.jpg" class="d-block w-100 card-fic mb-3" alt="logo-moreda" title="logo-moreda"></a>
<a href="/partenaire/17"><img src="images/partners/c929dc84225fba7b.jpg" class="d-block w-100 card-fic mb-3" alt="logo-atlantic" title="logo-atlantic"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/19"><img src="images/partners/ff7328c83231f345.jpg" class="d-block w-100 card-fic mb-3" alt="logo-vitra" title="logo-vitra"></a>
<a href="/partenaire/256"><img src="images/partners/32c10143449366f2.jpg" class="d-block w-100 card-fic mb-3" alt="logo-REMS" title="logo-REMS"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/273"><img src="images/partners/6a1e371c03d64931.jpg" class="d-block w-100 card-fic mb-3" alt="logo-VIRAX" title="logo-VIRAX"></a>
<a href="/partenaire/18"><img src="images/partners/79a5d51cc0343c4a.jpg" class="d-block w-100 card-fic mb-3" alt="logo-daikin" title="logo-daikin"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/35"><img src="images/partners/3a2993be30341cf9.jpg" class="d-block w-100 card-fic mb-3" alt="logo-hansgrohe" title="logo-hansgrohe"></a>
<a href="/partenaire/41"><img src="images/partners/9e1311b76bd96bc9.jpg" class="d-block w-100 card-fic mb-3" alt="logo-LEDA" title="logo-LEDA"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/51"><img src="images/partners/84861559f3d85d04.jpg" class="d-block w-100 card-fic mb-3" alt="logo-QUARe" title="logo-QUARE"></a>
<a href="/partenaire/55"><img src="images/partners/d3bfb34b151c4f4e.jpg" class="d-block w-100 card-fic mb-3" alt="logo-ROYO" title="logo-ROYO"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/57"><img src="images/partners/42191117d5362469.jpg" class="d-block w-100 card-fic mb-3" alt="logo-SANIJURA" title="logo-SANIJURA"></a>
<a href="/partenaire/62"><img src="images/partners/1b53d050c978f27a.jpg" class="d-block w-100 card-fic mb-3" alt="logo-VILLEROY ET BOCH " title="logo-VILLEROY ET BOCH"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/65"><img src="images/partners/b00f23c14be45419.jpg" class="d-block w-100 card-fic mb-3" alt="logo-BWT-MEDITERRANEE" title="logo-BWT-MEDITERRANEE"></a>
<a href="/partenaire/68"><img src="images/partners/b37e1805823bc7c3.jpg" class="d-block w-100 card-fic mb-3" alt="logo-JETLY" title="logo-JETLY"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/114"><img src="images/partners/b03b44594cae8b1f.jpg" class="d-block w-100 card-fic mb-3" alt="logo-WEBER" title="logo-WEBER"></a>
<a href="/partenaire/119"><img src="images/partners/8f7c1bf52e8a376c.jpg" class="d-block w-100 card-fic mb-3" alt="logo-DE DIETRICH" title="logo-DE DIETRICH"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/125"><img src="images/partners/02c2d5fe276a8a49.jpg" class="d-block w-100 card-fic mb-3" alt="logo-ELM LEBLANC" title="logo-ELM LEBLANC"></a>
<a href="/partenaire/127"><img src="images/partners/9331f284d9c184c7.jpg" class="d-block w-100 card-fic mb-3" alt="logo-FINIMETAL" title="logo-FINIMETAL"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/128"><img src="images/partners/a662c175bee2bd47.jpg" class="d-block w-100 card-fic mb-3" alt="logo-FISCHER" title="logo-FISCHER"></a>
<a href="/partenaire/384"><img src="images/partners/4a87baca95997ebe.jpg" class="d-block w-100 card-fic mb-3" alt="fic-domao" title="fic-domao"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/140"><img src="images/partners/7eef83a06b302b1a.jpg" class="d-block w-100 card-fic mb-3" alt="logo-PANASONIC" title="logo-PANASONIC"></a>
<a href="/partenaire/141"><img src="images/partners/109643b237b0a555.jpg" class="d-block w-100 card-fic mb-3" alt="logo-POUJOULAT " title="logo-POUJOULAT "></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/150"><img src="images/partners/9863d933cba02b2b.jpg" class="d-block w-100 card-fic mb-3" alt="logo-THERMOR" title="logo-THERMOR"></a>
<a href="/partenaire/197"><img src="images/partners/90e9d269b5f94535.jpg" class="d-block w-100 card-fic mb-3" alt="logo-bosch" title="logo-bosch"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/213"><img src="images/partners/b521ce46f03dfe67.jpg" class="d-block w-100 card-fic mb-3" alt="logo-ESAB" title="logo-ESAB"></a>
<a href="/partenaire/240"><img src="images/partners/3c3b815a0090d63a.jpg" class="d-block w-100 card-fic mb-3" alt="logo-MAKITA" title="logo-MAKITA"></a>
</div>
<div class="carousel-cell carousel-partner-cell">
<a href="/partenaire/225"><img src="images/partners/e18914c9205af45b.jpg" class="d-block w-100 card-fic mb-3" alt="logo-GRIFFON" title="logo-GRIFFON"></a>
</div>
</div>
<!-- small slide -->
<!-- Flickity HTML init -->
<!-- wide screen -->
<div class="encart-wide-diapo mx-5 mt-4 d-none d-md-block">
</div>
<!-- small screen -->
<div class="encart-small-diapo mx-5 mt-4 d-md-none">
</div>
</div>
<!-- Tips -->
<div class="text-center h3-fic-blue mb-5">
<h3 class="px-4">FIC GRANDIT ET RECHERCHE DE NOUVEAUX COLLABORATEURS !</h3>
</div>
<div class="row align-items-center shadow-sm p-0 card-fic-blue mx-0 mb-3">
<div class="col-12 col-lg-6 text-center p-0">
<p style="text-align: left;"><strong>FIC est constamment à la recherche de nouveaux collaborateurs !</strong></p>
<p style="text-align: left;">Alors n’hésitez pas à consulter nos offres et envoyer votre candidature si un poste vous intéresse.</p>
<p style="text-align: left;">Spécialiste des métiers du confort de la maison, nous travaillons depuis plus de 50 ans avec les plus grandes marques de fabricants dans tous les domaines de la construction et de la rénovation. Pour dynamiser notre expansion, nous nous sommes associés à Algorel, premier réseau national de distribution de chauffage, sanitaire, électricité et carrelage, ainsi que Eqip et Socoda.</p>
<p style="text-align: left;">L’entreprise FIC couvre aujourd’hui 8 secteurs d’activité : électricité, industrie, fer, plomberie, thermique, traitement de l’eau, sanitaire et carrelage.</p>
<p style="text-align: left;"><strong>Travailler chez FIC, c’est faire partie d’un réseau de 16 points de vente dans toute la région Occitanie et rejoindre pas moins de 320 collaborateurs !</strong></p>
<p style="text-align: left;"><a class="btn btn-fic-gray fs-5" href="https://www.fic-pro.fr/offres">Consulter les offres en cours</a></p> </div>
<div class="col-12 col-lg-6 text-center p-0">
<img class="img-fluid" loading="lazy" src="images/tips/8d9b9e649bd29b9e.jpeg" alt="Fic-recrutement" title="Consulter les offres en cours">
</div>
</div>
<!-- Fic information -->
<div class="text-center h3-fic-blue mb-5">
<h3 class="px-4">FIC INFOS</h3>
</div>
<div class="row align-items-center mx-0">
<div class="col-4 text-center">
<a href="/cataloguefic">
<img class="shadow-sm img-fluid card-fic" loading="lazy" src="images/image/5188eb2ddd3e749b.jpg" alt="Catalogue FIC" title="Catalogue FIC">
</a>
</div>
<div class="col-4 text-center border-start border-end">
<a href="/contact">
<img class="shadow-sm img-fluid card-fic" loading="lazy" src="images/image/2c46912c5b8f9f4b.jpg" alt="Une question" title="Une question">
</a>
</div>
<div class="col-4 text-center">
<a href="evenements">
<img class="shadow-sm img-fluid card-fic" loading="lazy" src="images/image/61ee0929df2f251d.jpg" alt="Évènement FIC" title="Évènement FIC">
</a>
</div>
</div>
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
</div>
</div>
</div>
</div>
<!-- footer - icons -->
<div class="container footer">
<div class="row p-3 mx-0 fs-9 justify-content-center">
<div class="col-4 col-md-3 col-lg-2 mb-3 text-center">
<a class="a-fic" href="">
<img class="mb-3" src="images/menu/d0fbacc88993bdd3.webp" alt="">
<br><span>Livraison / retrait en magasin</span>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 mb-3 text-center">
<a class="a-fic" href="https://www.fic-pro.fr/agences">
<img class="mb-3" src="images/menu/e8b85212f1dda5e9.webp" alt="">
<br><span>Nos agences</span>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 mb-3 text-center">
<a class="a-fic" href="https://www.fic-pro.fr/groupements">
<img class="mb-3" src="images/menu/f7d8c0c406b0bbde.webp" alt="">
<br><span>Nos groupements</span>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 mb-3 text-center">
<a class="a-fic" href="https://www.magni-fic.fr/">
<img class="mb-3" src="images/menu/fe56ed83c8ca6455.webp" alt="">
<br><span>Magni-fic.fr</span>
</a>
</div>
</div>
</div>
<!-- footer - links -->
<div class="container footer-blue p-0">
<div class="accordion list-group list-group-horizontal-lg list-group-flush justify-content-between" id="accordionFooter">
<!-- PRODUITS -->
<div class="accordion-item list-group-item p-0 footer-blue">
<div class="accordion-header" id="headingOne">
<button class="accordion-button p-2 d-lg-none footer-blue" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<div>PRODUITS FIC</div>
</button>
<div class="h5-fic d-none d-lg-flex p-2">PRODUITS FIC</div>
</div>
<div id="collapseOne" class="accordion-collapse collapse show footer-blue" aria-labelledby="headingOne" >
<div class="accordion-body p-2">
<!-- content -->
<ul class="nav flex-column fs-9">
<!-- activities -->
<li class="py-1"><a class="a-fic" href="/activite/6">Sanitaire</a></li>
<li class="py-1"><a class="a-fic" href="/activite/9">Carrelage</a></li>
<li class="py-1"><a class="a-fic" href="/activite/11">Piscine / Traitement de l'eau</a></li>
<li class="py-1"><a class="a-fic" href="/activite/3">Chauffage / ENR / Climatisation</a></li>
<li class="py-1"><a class="a-fic" href="/activite/12">Plomberie</a></li>
<li class="py-1"><a class="a-fic" href="/activite/8">Outillage / Fournitures industrielles</a></li>
<li class="py-1"><a class="a-fic" href="/activite/2">Quincaillerie / Serrurerie</a></li>
<li class="py-1"><a class="a-fic" href="/activite/7">Clôture / Ferronnerie / Inox</a></li>
<li class="py-1"><a class="a-fic" href="/activite/1">Produits sidérurgiques</a></li>
<li class="py-1"><a class="a-fic" href="/activite/13">Electricité</a></li>
</ul>
</div>
</div>
</div>
<!-- PROMOS ET OFFRES -->
<div class="accordion-item list-group-item p-0 footer-blue">
<div class="accordion-header" id="headingTwo">
<button class="accordion-button p-2 d-lg-none footer-blue" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<div>PROMOS ET OFFRES</div>
</button>
<div class="h5-fic d-none d-lg-flex p-2">PROMOS ET OFFRES</div>
</div>
<div id="collapseTwo" class="accordion-collapse collapse show footer-blue" aria-labelledby="headingTwo" >
<div class="accordion-body p-2">
<!-- content -->
<ul class="nav flex-column fs-9">
<li class="py-1"><a class="a-fic" href="/promotion">Promotions</a></li>
<li class="py-1"><a class="a-fic" href="/destockage">Déstockage</a></li>
<li class="py-1"><a class="a-fic" href="/catalogue">Nos catalogues</a></li>
<li class="py-1"><a class="a-fic" href="/nouveaute">Nouveautés</a></li>
</ul>
<div class="h5-fic mt-3">NOS SERVICES</div>
<ul class="nav flex-column fs-9">
<li class="py-1"><a class="a-fic" href="/tutorials">Découvrir Fic-pro</a></li>
<!-- services -->
<li class="py-1"><a class="a-fic" href="/service/1">Comment créer ses listes de commandes favorites ?</a></li>
<li class="py-1"><a class="a-fic" href="/club">MagniFic Club</a></li>
<!-- <li class="py-1"><a class="a-fic" href="#">Foires aux questions</a></li> -->
</ul>
</div>
</div>
</div>
<!-- SOCIÉTÉ -->
<div class="accordion-item list-group-item p-0 footer-blue">
<div class="accordion-header" id="headingThree">
<button class="accordion-button p-2 d-lg-none footer-blue" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<div>LA SOCIÉTÉ FIC</div>
</button>
<div class="h5-fic d-none d-lg-flex p-2">LA SOCIÉTÉ FIC</div>
</div>
<div id="collapseThree" class="accordion-collapse collapse show footer-blue" aria-labelledby="headingThree">
<div class="accordion-body p-2">
<!-- content -->
<ul class="nav flex-column fs-9">
<li class="py-1"><a class="a-fic" href="/quisommesnous">Qui sommes-nous</a></li>
<li class="py-1"><a class="a-fic" href="/agences">Nos agences</a></li>
<li class="py-1"><a class="a-fic" href="/contact">Nous contacter</a></li>
<li class="py-1"><a class="a-fic" href="/emploi">Rejoindre les équipes FIC</a></li>
<li class="py-1"><a class="a-fic" href="/evenements">Évènements / Actualités</a></li>
<li class="py-1"><a class="a-fic" href="/groupements">Nos groupements</a></li>
<li class="py-1"><a class="a-fic" href="/nouvelle/1">La Ruche</a></li>
<li class="py-1"><a class="a-fic" href="/nouvelle/2">RSE</a></li>
<!-- <li class="py-1"><a class="a-fic" href="">Nos équipes</a></li> -->
</ul>
</div>
</div>
</div>
<!-- APPLICATION -->
<div class="accordion-item list-group-item p-0 footer-blue">
<div class="accordion-header" id="headingFour">
<button class="accordion-button p-2 d-lg-none footer-blue" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<div>PAIEMENTS ACCEPTÉS </div>
</button>
<div class="h5-fic d-none d-lg-flex p-2">PAIEMENTS ACCEPTÉS </div>
</div>
<div id="collapseFour" class="accordion-collapse collapse show footer-blue" aria-labelledby="headingFour">
<div class="accordion-body p-2">
<!-- content -->
<!--
<ul class="nav flex-column fs-9">
<li class="py-1"><a class="a-fic" href="#">IOS <i class="bi bi-play-fill"></i></a></li>
<li class="py-1"><a class="a-fic" href="#">ANDROID <i class="bi bi-play-fill"></i></a></li>
</ul>
-->
<!-- <div class="h5-fic mt-3">PAIEMENTS ACCEPTÉS</div> -->
<ul class="nav flex-column">
<li class="py-1">
<img class="icons-fic" src="images/menu/8541f6ad214dca61.webp" alt="" title="">
<img class="icons-fic" src="images/menu/f97619dfdf8d8c13.webp" alt="" title="">
<img class="icons-fic" src="images/menu/f91328568d6450a1.webp" alt="" title="">
<img class="icons-fic" src="images/menu/ed6bbbf08c0645e8.webp" alt="" title="">
</li>
</ul>
<div class="h5-fic mt-3">SUIVEZ NOUS SUR NOS RÉSEAUX</div>
<ul class="nav flex-column">
<li class="py-1">
<a class="a-fic fs-5 me-2" target="_blank" href="https://www.facebook.com/FicMagniFic/"><img class="icons-fic" src="images/menu/da51eb38cc285138.png" alt="" title=""></a>
<a class="a-fic fs-5 me-2" target="_blank" href="https://www.instagram.com/fic_laviemagnific/"><img class="icons-fic" src="images/menu/a2ee27cd64325d69.png" alt="" title=""></a>
<a class="a-fic fs-5 me-2" target="_blank" href="https://youtube.com/ficsas"><img class="icons-fic" src="images/menu/4c46a3fc438179a8.png" alt="" title=""></a>
<a class="a-fic fs-5 me-2" target="_blank" href="https://www.linkedin.com/company/18236020"><img class="icons-fic" src="images/menu/3702afcf18932e58.png" alt="fic-linkedin" title="fic-linkedin"></a>
</li>
</ul>
</div>
</div>
</div>
<!-- FIC -->
<div class="accordion-item list-group-item p-0 footer-blue">
<div class="accordion-header" id="headingFive">
<button class="accordion-button p-2 d-lg-none footer-blue" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
<div>FIC SAS</div>
</button>
<div class="h5-fic d-none d-lg-flex p-2">FIC SAS</div>
</div>
<div id="collapseFive" class="accordion-collapse collapse show footer-blue" aria-labelledby="headingFive">
<div class="accordion-body p-2">
<!-- content -->
<ul class="nav flex-column">
<li class="mb-2 py-1 fs-6">4-126 Avenue Joliot Curie
<br>CS38059
<br>30932 Nîmes
<br>France</li>
<li class="fs-7 mw-fic-15"><p>FIC (Fer Industrie Chauffage) est une entreprise commerciale régionale qui vend les produits suivants : matériel de chauffage/climatisation/ventilation (toutes énergies), salles de bains et carrelage, plomberie, traitement de l’eau, pompage, piscine, arrosage, outillage, quincaillerie, serrurerie, EPI, tréfilerie, ferronnerie, soudage, droguerie, électroportatif ainsi que les produits sidérurgiques</p></li>
</ul>
</div>
</div>
</div>
</div>
<!-- col-12 col-md-auto -->
</div>
<!-- footer - important message -->
<div class="container fs-7 footer-msg text-center">
Toutes les photos des produits vendus sur le site FIC sont non contractuelles. </div>
<!-- footer - legal -->
<div class="container fs-7 footer">
<div class="row p-1 mx-0 justify-content-center">
<div class="col-auto">
<a class="a-fic" href="/conditions-generales-de-vente">CGV</a>
</div>
<div class="col-auto">
<a class="a-fic" id="privacy_policy_link" href="/politique-de-confidentialite">Politique de confidentialité</a>
</div>
<div class="col-auto">
<a class="a-fic" href="/mentions-legales">Mentions légales</a>
</div>
<div class="col-auto">
<a class="a-fic" style="cursor:pointer" id="open_preferences_center">Gestion des cookies</a>
</div>
<div class="col-auto">
<a class="a-fic" href="/reglementation">Réglementation</a>
</div>
<div class="col-auto">
<a class="a-fic" href="/garantie">Garanties légales</a>
</div>
<!-- <div class="col-auto">
<a class="a-fic" href="#">FAQ</a>
</div>
<div class="col-auto">
<a class="a-fic" href="#">Plan du site</a>
</div> -->
</div>
</div>
<!-- Toast -->
<div id="fic-toast" class="toast-container position-fixed top-50 end-0 translate-middle-y p-3" style="z-index: 11"></div>
<!-- e.toast -->
<div class="overlay-fic overlay-fic-1 d-none"></div>
<div class="overlay-fic overlay-fic-2 d-none"></div>
<div class="overlay-fic overlay-fic-3 d-none"></div>
<!-- Optional JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous">
</script>
<script type="text/javascript" src="https://www.termsfeed.com/public/cookie-consent/4.0.0/cookie-consent.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/layout.js"></script>
<!-- Tracking -->
<script type="text/plain" cookie-consent="tracking">
(function(w,d,s,l,i){
w[l]=w[l]||[];
w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T6QLQFT6');
</script>
<!-- end of Tracking-->
<!-- Include other script blocks here -->
<script type="text/javascript" src="js/home.js"></script>
</body>
</html>
