<!DOCTYPE html>
<html lang="fr"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-180x180.png">
<base href="/">
<link rel="stylesheet" href="/assets/css/mercator_25f7508b27019e2b064cce77d7ef81137ab0302eb2bc0f3daa1e393cf1f166bb.css" />
<script>function consolelog(s, x){}</script>
<script src="/assets/js/mercator_1_241919e78809afc60343593cfa20b5f252ef65a04afbeedba6a72192d56dafa5.js"></script>
<!--Blazor:{"type":"server","prerenderId":"63c6523fbc7b46fb9c590dc31af6eb36","key":{"locationHash":"77D12F14A8105320B1AAED6AE7E689DA0EC4483270A645E84079EAA0FFDF550D:15","formattedComponentKey":""},"sequence":0,"descriptor":"CfDJ8LLauNMaHAlHtlRe0S0cdR\u002Bt6tXMlto43WUnfheVD6bEWaX5lcSZs5yzCVZsikdACe6GL7ViVhAADViGjaEzTnN/j7ns1pgNj3lRf4RD9A/7vyQqbtilnsbcrmoo2g9L2kGqYPkW509jv393Jcq0wNsC6HOaZv8GcMrUL\u002BQw/UKMcaj3XEMLOLmrGnktTAOHjBRRhyIvHkH/kG9b4wA70/0gc7peqWKjMMLjz6LDnDynNWs7B63YwOq33b7cBUWI0wTxJ1Ywtfr39NEgCGNKrwXuUpsKqaPaCCSrXHxsRu4aBGdBnfXhBlVzov53nnMwNV1ci1zygsl5hiK4b6BgsL8DOH87xCFFt8xf4q3Cq4Z16QYSd2XCqkIzvrhCIY2LZ3W4EbI35Mtf/WyqtWSSE4MGTNvMvCGg427ayy9AhRhJOvPg7A3JfMi0JX9vnLaQj5nFI9HoO11BPJZkqc1cMYUEXZHihYtPgd5PrilD0xvT1D9TPuKATN4zh1yHv989nxGRAFrm6gnyqBQqafBem8hmubKMNeIl1AYJJYcD56va52cudrBB/AJrExqvnWWUA51JC4KwIH15zcQ95V2IPzc="}--><title>Fabhydro | Dépannage hydraulique</title><link rel="canonical" href="https://www.fabhydro.be/fr/services/depannage-hydraulique" /><link href="https://www.fabhydro.be/fr/services/depannage-hydraulique" rel="alternate" hreflang="fr" id="hreflangfr" /><!--Blazor:{"prerenderId":"63c6523fbc7b46fb9c590dc31af6eb36"}-->
<meta></head>
<body><!--Blazor:{"type":"server","prerenderId":"d6c966fb97e8476e95bf4ada6dcdb832","key":{"locationHash":"7330B1B90B682C36A7C867EDB7ECF6EF1359C6CA4C6F2332AB0FBC5F644B687D:19","formattedComponentKey":""},"sequence":1,"descriptor":"CfDJ8LLauNMaHAlHtlRe0S0cdR\u002B8ra6HippLkdEaF8t1dO6IMvkPVS/Uu85FVmrM3AdjirK/W8Oaj14qJCn5QAnObH/9metE3GCb1hk9nZxpl5aW3BpjhNE1pInsMBJJe3rEo2kvZ37tjQ4DJTKXUrXPwvBcoAAithy86nlP1TxoDhKkvnOlq1X7snKl1qTz0MZQ99Dq6mSMt7K2M7ws6vAFLZ3KbsIs1/GIqnXlIg2bihjVRorp6Ir5ilSO6Wqu5yoYgijfpxVraTKC0cGpEd853yZIQ6VRkmE8gC3y2dhi63VTQvVJZlPkFJBz2dWgZR4knB4jtPbkV3\u002BkgxBL5uZtD5htSbGWz/Vu8Acpg7ecUbdAM13hPATLjuCGBWSf1LDfaFr03CYkvpUfCU51rwSghoMqJN437kFSnBk5QVezI23PoyegUfIOcNjM7YFwv\u002BtUCsu1ADtZebXwW7Yot91pXbMq6NTI10GLs4eqXBL2oGC6jMTvgvHUwKdKB/5YzuSa6H0L\u002BX8r3kbhgla0D2GYfobYJKLnwvtAt4GQCNGB8dDaCDAyKYENXalvgGvTRR0PdQ=="}--><header class="header header-light"><div id="header-extra-top"><div class="container"><nav class="contact-info"><span class="bloc-pro"><i class="fa fa-briefcase"></i> <strong>Professionnels :</strong> <a href="/fr/login">Créer un compte</a> <span>pour accéder à vos <strong>tarifs exclusifs</strong></span></span> <span class="separator"></span> <span class="bloc-login"><i class="fa fa-user"></i> <strong>Déjà client ?</strong> <a href="/fr/login">Se connecter</a></span></nav></div></div><style>#header-extra-top{background:#002c42;height:36px;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}#header-extra-top .container{display:flex;justify-content:center;align-items:center;height:100%}#header-extra-top .contact-info{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0;color:#fff;font-size:13px;font-weight:400;line-height:1}#header-extra-top .bloc-pro,#header-extra-top .bloc-login{display:flex;align-items:center;gap:6px;height:100%}#header-extra-top i{color:#f4b400;font-size:13px}#header-extra-top strong{font-weight:600}#header-extra-top a{color:#fff;font-weight:600;text-decoration:none;transition:color .2s ease}#header-extra-top a:hover{color:#f4b400}#header-extra-top .separator{width:1px;height:18px;margin:0 18px;background:rgba(255,255,255,.2)}@media(max-width:768px){#header-extra-top{display:none}}</style>
<nav id="navbar-container" class="navbar container"><div class="hidden-xs"><a class="navbar-brand pull-left" href="/"><img alt="Fab'Hydro" src="/assets/images/fabhydro_header_logo.png" srcset="/assets/images/fabhydro_header_logo-big.png 2x"></a></div><div class="visible-xs"><a class="navbar-brand pull-left" href="/"><img alt="Fab'Hydro" src="/assets/images/fabhydro_logo_xs.png" srcset="/assets/images/fabhydro_logo_xs-big.png 2x"></a></div>
<div class="navbar-form pull-right"><div class="navbar-search collapse" style="height: 0px;"><input id="text-search-top" type="text" placeholder="Appuyez ensuite sur Enter..." />
<button class="fa fa-search" type="button" style="position: absolute; right: 5px;" aria-label="Recherche"></button>
<i class="fa fa-times" data-target=".navbar-search" aria-label="Fermer"></i></div>
<button type="button" class="fa fa-search" aria-label="Recherche"></button></div>
<div class="navbar-ecommerce pull-right" style="margin-right: 20px;"><a class="link-cart hover hidden-xs" href="/fr/cart">
<i class="icon-cart"></i>
</a></div>
<div class="navbar-account pull-right" style="margin-right: 20px;"><ul class="nav navbar-nav"><li class="dropdown"><a href="/fr/login"><i class="fa fa-user" style="font-size: 20px; margin-top: -5px;"></i></a></li></ul></div>
<div class="divider pull-right"></div>
<button id="navbar-toggle-menu" class="navbar-toggle pull-right" type="button"><i class="fa fa-bars"></i></button><div id="navbar" class="navbar-collapse collapse pull-right" aria-expanded="false"><ul class="nav navbar-nav"><li class="dropdown"><a id="" href="javascript:void(0);" class="noPreventDefault dropdown-toggle" data-toggle="dropdown" target="" aria-haspopup="true" aria-expanded="false">Produits</a>
<ul class="dropdown-menu sub-menu"><li class="dropdown"><a id="3y8fq1xwqx" href="/fr/cataloguecategories/?rayon=hydraulique&id=3y8fq1xwqx" class="noPreventDefault dropdown" target="" aria-haspopup="true" aria-expanded="false">Hydraulique</a>
<ul class="dropdown-menu"><li><a href="/fr/cataloguecategories/?famille=adapteurs&id=e9issuuwbz" class="" target="">Adapteurs</a></li><li><a href="/fr/cataloguecategories/?famille=joints&id=3c8wixj3nt" class="" target="">Joints</a></li><li><a href="/fr/cataloguecategories/?famille=rigides&id=mgb6e98cl9" class="" target="">Rigides</a></li><li><a href="/fr/cataloguecategories/?famille=materiel-graissage&id=7jqivus4yw" class="" target="">Matériel graissage</a></li></ul></li><li class="dropdown"><a id="i9mytfm6cx" href="/fr/cataloguecategories/?rayon=outillage-et-accessoires&id=i9mytfm6cx" class="noPreventDefault dropdown" target="" aria-haspopup="true" aria-expanded="false">Outillage et accessoires</a>
<ul class="dropdown-menu"><li><a href="/fr/cataloguecategories/?famille=coffres-et-servantes&id=26ocsdvlvw" class="" target="">Coffres et servantes</a></li><li><a href="/fr/cataloguecategories/?famille=douilles-et-accessoires&id=ipcyf5ig33" class="" target="">Douilles et accessoires</a></li><li><a href="/fr/cataloguecategories/?famille=extracteurs&id=yb3zydemyq" class="" target="">Extracteurs</a></li><li><a href="/fr/cataloguecategories/?famille=meulage&id=414xlx2vaf" class="" target="">Meulage</a></li><li><a href="/fr/cataloguecategories/?famille=outillage-automobile&id=5huyu97uvl" class="" target="">Outillage automobile</a></li><li><a href="/fr/cataloguecategories/?famille=outillage-d-electricien&id=wui82m54fy" class="" target="">Outillage d'électricien</a></li><li><a href="/fr/cataloguecategories/?famille=outillage-de-batiment&id=d1c76wq2tq" class="" target="">Outillage de bâtiment</a></li><li><a href="/fr/cataloguecategories/?famille=outillage-de-jardinage&id=gp4ddrhgng" class="" target="">Outillage de jardinage</a></li><li><a href="/fr/cataloguecategories/?famille=outils-a-frapper&id=hsbflxjwgm" class="" target="">Outils à frapper</a></li><li><a href="/fr/cataloguecategories/?famille=percage&id=37sehzrzbk" class="" target="">Perçage</a></li><li><a href="/fr/cataloguecategories/?famille=pinces&id=fn4b0502eo" class="" target="">Pinces</a></li><li><a href="/fr/cataloguecategories/?famille=poncage&id=z6n2njbowu" class="" target="">Ponçage</a></li><li><a href="/fr/cataloguecategories/?famille=sciage&id=f8ob3w91q9" class="" target="">Sciage</a></li><li><a href="/fr/cataloguecategories/?famille=vissage&id=wwc9jku3df" class="" target="">Vissage</a></li></ul></li><li class="dropdown"><a id="b6p7j1zygg" href="/fr/cataloguecategories/?rayon=machines-et-accessoires&id=b6p7j1zygg" class="noPreventDefault dropdown" target="" aria-haspopup="true" aria-expanded="false">Machines</a>
<ul class="dropdown-menu"><li><a href="/fr/cataloguecategories/?famille=machines-de-nettoyage&id=8cowdv0ucz" class="" target="">Machines de nettoyage</a></li><li><a href="/fr/cataloguecategories/?famille=machines-electroportatives&id=16n6jh6bau" class="" target="">Machines électroportatives</a></li><li><a href="/fr/cataloguecategories/?famille=machines-stationnaires&id=ujl5b5hwkj" class="" target="">Machines stationnaires</a></li><li><a href="/fr/cataloguegrille/?famille=machines-thermiques&id=ka0h0c5nnz" class="" target="">Machines thermiques</a></li></ul></li><li class="dropdown"><a id="rki45qszuo" href="/fr/cataloguecategories/?rayon=equipement-d-atelier&id=rki45qszuo" class="noPreventDefault dropdown" target="" aria-haspopup="true" aria-expanded="false">Equipement d'atelier</a>
<ul class="dropdown-menu"><li><a href="/fr/cataloguecategories/?famille=accessoires-eau&id=uydxsn3xbd" class="" target="">Accessoires eau</a></li><li><a href="/fr/cataloguecategories/?famille=chargeurs-de-batterie-et-boosters&id=scsashrn30" class="" target="">Chargeurs et boosters</a></li><li><a href="/fr/cataloguegrille/?famille=echelles-et-echafaudages&id=exc6fifdoh" class="" target="">Echelles et échafaudages</a></li><li><a href="/fr/cataloguecategories/?famille=equipements-electroportatifs&id=13i7okki36" class="" target="">Equipements électroportatifs</a></li><li><a href="/fr/cataloguecategories/?famille=equipements-electriques&id=l4avw4f9f5" class="" target="">Equipements électriques</a></li><li><a href="/fr/cataloguecategories/?famille=etancheite-et-collage&id=uuvd1fwtox" class="" target="">Etanchéité et collage</a></li><li><a href="/fr/cataloguecategories/?famille=instruments-de-mesure&id=jpbr3wy3wu" class="" target="">Instruments de mesure</a></li><li><a href="/fr/cataloguecategories/?famille=lubrifications&id=wu0esbksyv" class="" target="">Lubrifications</a></li><li><a href="/fr/cataloguecategories/?famille=maintenance-et-inspection-automobile&id=f5vesk2y1m" class="" target="">Maintenance et inspection auto</a></li><li><a href="/fr/cataloguecategories/?famille=marquage-et-signalisation&id=6sbelbq1w9" class="" target="">Marquage et signalisation</a></li><li><a href="/fr/cataloguecategories/?famille=materiel-de-fixation&id=ed2xbqzz0j" class="" target="">Matériel de fixation</a></li><li><a href="/fr/cataloguecategories/?famille=materiel-de-levage&id=tny9a0czny" class="" target="">Matériel de levage</a></li><li><a href="/fr/cataloguecategories/?famille=nettoyage-et-entretien&id=ge18hvj7t0" class="" target="">Nettoyage et entretien</a></li><li><a href="/fr/cataloguecategories/?famille=peinture&id=s74nhxwkm6" class="" target="">Peinture</a></li><li><a href="/fr/cataloguecategories/?famille=pneumatique&id=qdpfqiu7ta" class="" target="">Pneumatique</a></li><li><a href="/fr/cataloguecategories/?famille=rangement&id=npmnhd51wc" class="" target="">Rangement</a></li><li><a href="/fr/cataloguecategories/?famille=soudure&id=4jaix2ns7n" class="" target="">Soudure</a></li></ul></li><li class="dropdown"><a id="0xycjme1ek" href="/fr/cataloguecategories/?rayon=vetements-de-travail&id=0xycjme1ek" class="noPreventDefault dropdown" target="" aria-haspopup="true" aria-expanded="false">Vêtements de travail</a>
<ul class="dropdown-menu"><li><a href="/fr/cataloguecategories/?famille=chemises&id=2pv85adgno" class="" target="">Chemises</a></li><li><a href="/fr/cataloguecategories/?famille=gilets&id=rv0x8b4oiq" class="" target="">Gilets</a></li><li><a href="/fr/cataloguecategories/?famille=haute-visibilite&id=5k85m1y0v9" class="" target="">Haute visibilité</a></li><li><a href="/fr/cataloguecategories/?famille=horeca&id=k013w2bg4d" class="" target="">Horeca</a></li><li><a href="/fr/cataloguecategories/?famille=pantalons-et-shorts&id=6pjx81t6a8" class="" target="">Pantalons et shorts</a></li><li><a href="/fr/cataloguecategories/?famille=salopettes&id=t7kjzlwdf2" class="" target="">Salopettes</a></li><li><a href="/fr/cataloguecategories/?famille=sante-et-entretien&id=xfzf1j3z55" class="" target="">Santé et entretien</a></li><li><a href="/fr/cataloguecategories/?famille=sweatshirts&id=9gieghgwbu" class="" target="">Sweatshirts</a></li><li><a href="/fr/cataloguecategories/?famille=tshirts-et-polos&id=1du3uqu3rv" class="" target="">Tshirts et polos</a></li><li><a href="/fr/cataloguecategories/?famille=vestes-et-polaires&id=qmuuhqjytt" class="" target="">Vestes et polaires</a></li><li><a href="/fr/cataloguegrille/?famille=vetements-thermiques&id=iyvrrv5xzd" class="" target="">Vêtements thermiques</a></li><li><a href="/fr/cataloguecategories/?famille=vetements-de-pluie&id=my3eo3gsb3" class="" target="">Vêtements de pluie</a></li></ul></li><li class="dropdown"><a id="gemfga8iae" href="/fr/cataloguecategories/?rayon=protection-individuelle&id=gemfga8iae" class="noPreventDefault dropdown" target="" aria-haspopup="true" aria-expanded="false">Protection individuelle</a>
<ul class="dropdown-menu"><li><a href="/fr/cataloguecategories/?famille=protection-auditive&id=9yw1zakmx4" class="" target="">Protection auditive</a></li><li><a href="/fr/cataloguecategories/?famille=protection-de-la-tete&id=ham2d94a04" class="" target="">Protection de la tête</a></li><li><a href="/fr/cataloguecategories/?famille=protection-des-mains&id=e612bk0xyn" class="" target="">Protection des mains</a></li><li><a href="/fr/cataloguecategories/?famille=protection-des-pieds&id=bwdmzzwrye" class="" target="">Protection des pieds</a></li><li><a href="/fr/cataloguecategories/?famille=protection-oculaire&id=xuhgdw8hfe" class="" target="">Protection oculaire</a></li><li><a href="/fr/cataloguegrille/?famille=protection-respiratoire&id=03qj500cb6" class="" target="">Protection respiratoire</a></li><li><a href="/fr/cataloguecategories/?famille=anti-chute&id=5llnb6jzvy" class="" target="">Anti-chute</a></li><li><a href="/fr/cataloguecategories/?famille=accessoires-de-protection&id=m1t583x0e3" class="" target="">Accessoires de protection</a></li><li><a href="javascript:void(0);" class="" target="">Nouveau noeud</a></li></ul></li><li class=""><a href="/fr/cataloguecategories" target="" class="">Voir tout le catalogue</a></li></ul></li><li class="dropdown"><a href="/fr/cataloguegrille/?selection=nouveautes" target="" class="noDownArrowInDropdown">Nouveautés</a></li><li class="dropdown"><a id="" href="javascript:void(0);" class="noPreventDefault dropdown-toggle" data-toggle="dropdown" target="" aria-haspopup="true" aria-expanded="false">Services</a>
<ul class="dropdown-menu sub-menu"><li class=""><a href="/fr/services/depannage-hydraulique" target="" class="">Dépannage hydraulique</a></li><li class=""><a href="/fr/services/nouvelle-installation" target="" class="">Nouvelle installation</a></li><li class=""><a href="/fr/services/hydraulique-fluvial-maritime" target="" class="">Hydraulique fluvial</a></li><li class=""><a href="/fr/services/montage-de-pneus" target="" class="">Montage de pneus</a></li><li class=""><a href="/fr/services/nos-services" target="" class="">Tous nos services</a></li></ul></li><li class="dropdown"><a id="" href="javascript:void(0);" class="noPreventDefault dropdown-toggle" data-toggle="dropdown" target="" aria-haspopup="true" aria-expanded="false">Entreprise</a>
<ul class="dropdown-menu sub-menu"><li class=""><a href="/fr/entreprise/qui-sommes-nous" target="" class="">Qui sommes-nous ?</a></li><li class=""><a href="/fr/entreprise/notre-equipe" target="" class="">Notre équipe</a></li><li class=""><a href="/fr/entreprise/notre-magasin" target="" class="">Notre magasin</a></li><li class=""><a href="/fr/entreprise/nos-fournisseurs" target="" class="">Nos fournisseurs</a></li></ul></li><li class="dropdown"><a id="" href="javascript:void(0);" class="noPreventDefault dropdown-toggle" data-toggle="dropdown" target="" aria-haspopup="true" aria-expanded="false">Contact</a>
<ul class="dropdown-menu sub-menu"><li class=""><a href="/fr/contact/notre-service-client" target="" class="">Service client</a></li><li class=""><a href="/fr/contact/contact" target="" class="">Nous contacter</a></li></ul></li><li class="dropdown"><a href="/fr/cataloguegrille/?selection=mes-favoris" target="" class="noDownArrowInDropdown">Mes favoris</a></li></ul></div></nav>
</header>
<div class="wrapper"><header id="ctl00_HeaderPageTitle" class="pagetitle pagetitle-xs" style="height: 0px;"></header>
<div class="content"><!-- =====================================================
HERO - DEPANNAGE HYDRAULIQUE
===================================================== -->
<section class="fh-service-hero">
<div class="fh-service-hero__container">
<div class="fh-service-hero__content">
<span class="fh-service-hero__eyebrow"> Service hydraulique </span>
<h1 class="fh-service-hero__title">Dépannage hydraulique <span>24h/24 & 7j/7</span></h1>
<p class="fh-service-hero__intro">Une panne hydraulique immobilise votre activité ? Nos techniciens interviennent rapidement sur site pour diagnostiquer, réparer et remettre vos équipements en service.</p>
<div class="fh-service-hero__actions">
<a class="fh-service-hero__btn fh-service-hero__btn--primary" href="tel:+32496879714"><span aria-hidden="true" class="fh-service-hero__btn-icon"> <svg fill="none" viewbox="0 0 24 24"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67 A2 2 0 0 1 4.11 2h3 a2 2 0 0 1 2 1.72 c.13.96.36 1.9.7 2.8 a2 2 0 0 1-.45 2.11L8.09 9.91 a16 16 0 0 0 6 6l1.27-1.27 a2 2 0 0 1 2.11-.45 c.9.34 1.84.57 2.8.7 A2 2 0 0 1 22 16.92z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> </path> </svg> </span> <span> <small>Urgence dépannage</small> 0496 87 97 14 </span> </a> <a class="fh-service-hero__btn fh-service-hero__btn--secondary" href="/fr/contact/contact#contact-form"> Planifier une intervention <svg aria-hidden="true" fill="none" viewbox="0 0 24 24"> <path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> </path> </svg> </a>
</div>
<div class="fh-service-hero__benefits">
<div class="fh-service-hero__benefit">
<span class="fh-service-hero__check">?</span> Intervention rapide
</div>
<div class="fh-service-hero__benefit">
<span class="fh-service-hero__check">?</span> Partout en Wallonie
</div>
<div class="fh-service-hero__benefit">
<span class="fh-service-hero__check">?</span> Techniciens expérimentés
</div>
</div>
</div>
</div>
<div class="fh-service-hero__visual">
<div class="fh-service-hero__image-wrapper">
<img alt="Technicien FabHydro lors d'un dépannage hydraulique sur site" class="fh-service-hero__image" src="/attachments/0000000018/depannage-sur-site-h24-7j.jpg" />
</div>
<div class="fh-service-hero__badge">
<strong>24/7</strong> <span> Service<br />
d'urgence </span>
</div>
</div>
</section>
<style type="text/css">/* =====================================================
HERO DEPANNAGE HYDRAULIQUE
===================================================== */
.fh-service-hero {
width: 100%;
min-height: 720px;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(460px, 48%);
margin: 0;
padding: 0;
background: #ffffff;
box-sizing: border-box;
overflow: hidden;
}
.fh-service-hero *,
.fh-service-hero *::before,
.fh-service-hero *::after {
box-sizing: border-box;
}
.wrapper {
margin-top : -45px;
}
/* CONTENU */
.fh-service-hero__container {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding:
clamp(75px, 8vw, 125px)
clamp(40px, 6vw, 90px)
clamp(75px, 8vw, 125px)
max(32px, calc((100vw - 1320px) / 2));
}
.fh-service-hero__content {
width: 100%;
max-width: 690px;
}
.fh-service-hero__eyebrow {
display: inline-block;
margin-bottom: 20px;
color: #003b73;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.fh-service-hero__title {
margin: 0;
color: #063a63;
font-size: clamp(46px, 5vw, 76px);
font-weight: 800;
line-height: 1;
letter-spacing: -.045em;
}
.fh-service-hero__title span {
display: block;
margin-top: 8px;
color : #febb06;
}
.fh-service-hero__intro {
max-width: 650px;
margin: 30px 0 0;
color: #647484;
font-size: clamp(17px, 1.45vw, 20px);
line-height: 1.7;
}
/* BOUTONS */
.fh-service-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 38px;
}
.fh-service-hero__btn {
min-height: 58px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 12px 22px;
text-decoration: none;
font-size: 15px;
font-weight: 800;
line-height: 1.2;
transition:
transform .2s ease,
background-color .2s ease,
border-color .2s ease;
}
.fh-service-hero__btn:hover {
transform: translateY(-2px);
}
.fh-service-hero__btn--primary {
background: #f5c400;
color: #0b2942;
}
.fh-service-hero__btn--primary small {
display: block;
margin-bottom: 3px;
font-size: 10px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
opacity: .7;
}
.fh-service-hero__btn--secondary {
border: 1px solid #d5dde3;
background: #ffffff;
color: #0b2942;
}
.fh-service-hero__btn--secondary:hover {
border-color: #005ca9;
}
.fh-service-hero__btn svg {
width: 20px;
height: 20px;
flex: 0 0 auto;
}
.fh-service-hero__btn-icon {
width: 24px;
height: 24px;
display: flex;
}
/* BENEFICES */
.fh-service-hero__benefits {
display: flex;
flex-wrap: wrap;
gap: 14px 24px;
margin-top: 35px;
}
.fh-service-hero__benefit {
display: flex;
align-items: center;
gap: 8px;
color: #526473;
font-size: 13px;
font-weight: 700;
}
.fh-service-hero__check {
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 22px;
border-radius: 50%;
background: rgba(245, 196, 0, .18);
color: #0b2942;
font-size: 12px;
font-weight: 900;
}
/* IMAGE */
.fh-service-hero__visual {
position: relative;
min-width: 0;
min-height: 720px;
}
.fh-service-hero__image-wrapper {
width: 100%;
height: 100%;
}
.fh-service-hero__image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.fh-service-hero__badge {
position: absolute;
left: 0;
bottom: 45px;
min-width: 165px;
display: flex;
align-items: center;
gap: 14px;
padding: 18px 22px;
background: #f5c400;
color: #0b2942;
}
.fh-service-hero__badge strong {
font-size: 27px;
font-weight: 900;
}
.fh-service-hero__badge span {
font-size: 12px;
font-weight: 800;
line-height: 1.25;
text-transform: uppercase;
}
/* TABLETTE */
@media (max-width: 1050px) {
.fh-service-hero {
grid-template-columns: 1fr 44%;
min-height: 650px;
}
.fh-service-hero__container {
padding:
75px
42px
75px
32px;
}
.fh-service-hero__visual {
min-height: 650px;
}
.fh-service-hero__title {
font-size: clamp(42px, 5.5vw, 60px);
}
}
/* TABLETTE VERTICALE */
@media (max-width: 850px) {
.fh-service-hero {
grid-template-columns: 1fr;
}
.fh-service-hero__container {
justify-content: center;
padding: 70px 24px;
}
.fh-service-hero__content {
max-width: 760px;
}
.fh-service-hero__visual {
min-height: 500px;
}
.fh-service-hero__badge {
left: 24px;
bottom: 24px;
}
}
/* MOBILE */
@media (max-width: 600px) {
.fh-service-hero__container {
padding: 55px 18px;
}
.fh-service-hero__title {
font-size: clamp(38px, 12vw, 52px);
}
.fh-service-hero__intro {
margin-top: 24px;
font-size: 16px;
}
.fh-service-hero__actions {
flex-direction: column;
margin-top: 30px;
}
.fh-service-hero__btn {
width: 100%;
justify-content: flex-start;
}
.fh-service-hero__btn--secondary {
justify-content: center;
}
.fh-service-hero__benefits {
flex-direction: column;
gap: 11px;
}
.fh-service-hero__visual {
min-height: 360px;
}
.fh-service-hero__badge {
left: 18px;
bottom: 18px;
}
}
</style><!-- =====================================================
DEPANNAGE + PRESTATIONS
===================================================== -->
<section class="fh-service-overview" id="prestations">
<div class="fh-service-overview__container">
<div class="fh-service-overview__grid">
<div class="fh-service-overview__intro">
<span class="fh-service-overview__eyebrow">
Intervention sur site
</span>
<h2 class="fh-service-overview__title">
Une panne hydraulique
<span>ne peut pas attendre.</span>
</h2>
<p class="fh-service-overview__lead">
Une fuite, un flexible endommagé ou une perte de pression
peut immobiliser votre machine et ralentir toute votre activité.
</p>
<p class="fh-service-overview__text">
Nos techniciens interviennent directement sur site afin
d’identifier l’origine du problème et de réaliser les réparations
nécessaires dans les meilleurs délais.
</p>
<p class="fh-service-overview__text">
Grâce à nos véhicules d’intervention équipés et à notre stock
de composants hydrauliques, de nombreuses réparations peuvent
être effectuées immédiatement sur place.
</p>
<div class="fh-service-overview__stats">
<div class="fh-service-overview__stat">
<strong>3</strong>
<span>Véhicules d’intervention</span>
</div>
<div class="fh-service-overview__stat">
<strong>2"</strong>
<span>Flexibles jusqu'à 420 bars</span>
</div>
<div class="fh-service-overview__stat">
<strong>Sur site</strong>
<span>Diagnostic & réparation</span>
</div>
</div>
</div>
<div class="fh-service-overview__services">
<div class="fh-service-overview__services-header">
<span class="fh-service-overview__small-title">
Nos interventions
</span>
<p>
Un accompagnement complet, du diagnostic jusqu’à la
remise en service de votre équipement.
</p>
</div>
<article class="fh-overview-service">
<div class="fh-overview-service__number">01</div>
<div class="fh-overview-service__content">
<h3>Diagnostic hydraulique</h3>
<p>
Recherche de panne, contrôle du circuit et identification
de l’origine du dysfonctionnement.
</p>
</div>
</article>
<article class="fh-overview-service">
<div class="fh-overview-service__number">02</div>
<div class="fh-overview-service__content">
<h3>Flexibles hydrauliques</h3>
<p>
Fabrication et remplacement de flexibles directement
sur votre site lorsque l’intervention le permet.
</p>
</div>
</article>
<article class="fh-overview-service">
<div class="fh-overview-service__number">03</div>
<div class="fh-overview-service__content">
<h3>Fuites & raccordements</h3>
<p>
Recherche de fuite et remplacement de raccords,
joints ou composants hydrauliques défectueux.
</p>
</div>
</article>
<article class="fh-overview-service">
<div class="fh-overview-service__number">04</div>
<div class="fh-overview-service__content">
<h3>Réparation & remise en service</h3>
<p>
Réparation sur place lorsque cela est possible,
suivie d’un contrôle du bon fonctionnement de votre équipement.
</p>
</div>
</article>
<article class="fh-overview-service">
<div class="fh-overview-service__number">05</div>
<div class="fh-overview-service__content">
<h3>Entretien préventif</h3>
<p>
Contrôle et maintenance de vos installations afin de
limiter les arrêts et anticiper les défaillances.
</p>
</div>
</article>
</div>
</div>
</div>
</section>
<style type="text/css">
/* =====================================================
OVERVIEW / INTERVENTIONS
===================================================== */
.fh-service-overview {
width: 100%;
padding: clamp(80px, 9vw, 130px) 0;
background: #f6f8fa;
box-sizing: border-box;
}
.fh-service-overview *,
.fh-service-overview *::before,
.fh-service-overview *::after {
box-sizing: border-box;
}
.fh-service-overview__container {
width: calc(100% - 64px);
max-width: 1320px;
margin: 0 auto;
}
.fh-service-overview__grid {
display: grid;
grid-template-columns:
minmax(0, .9fr)
minmax(0, 1.1fr);
gap: clamp(60px, 8vw, 120px);
align-items: start;
}
/* INTRO */
.fh-service-overview__intro {
position: sticky;
top: 120px;
}
.fh-service-overview__eyebrow {
display: block;
margin-bottom: 18px;
color: #063a63;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.fh-service-overview__title {
margin: 0;
color: #063a63;
font-size: clamp(38px, 4vw, 58px);
font-weight: 800;
line-height: 1.06;
letter-spacing: -.035em;
}
.fh-service-overview__title span {
display: block;
color: #FEBB06;
}
.fh-service-overview__lead {
max-width: 570px;
margin: 30px 0 20px;
color: #0b2942;
font-size: clamp(20px, 1.8vw, 26px);
font-weight: 600;
line-height: 1.45;
}
.fh-service-overview__text {
max-width: 580px;
margin: 0 0 15px;
color: #647484;
font-size: 16px;
line-height: 1.75;
}
/* STATS */
.fh-service-overview__stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 42px;
border-top: 1px solid #dce2e7;
border-bottom: 1px solid #dce2e7;
}
.fh-service-overview__stat {
min-width: 0;
padding: 22px 18px;
border-right: 1px solid #dce2e7;
}
.fh-service-overview__stat:last-child {
border-right: 0;
}
.fh-service-overview__stat strong {
display: block;
margin-bottom: 5px;
color: #003B73;
font-size: clamp(21px, 2vw, 30px);
font-weight: 800;
line-height: 1.1;
}
.fh-service-overview__stat span {
display: block;
color: #647484;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
}
/* SERVICES */
.fh-service-overview__services {
background: #ffffff;
border: 1px solid #e1e6ea;
}
.fh-service-overview__services-header {
padding: 32px 34px;
border-bottom: 1px solid #e1e6ea;
}
.fh-service-overview__small-title {
display: block;
margin-bottom: 10px;
color: #003B73;
font-size: 12px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.fh-service-overview__services-header p {
max-width: 560px;
margin: 0;
color: #647484;
font-size: 16px;
line-height: 1.65;
}
/* ITEM */
.fh-overview-service {
position: relative;
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
gap: 24px;
padding: 28px 34px;
border-bottom: 1px solid #e1e6ea;
transition: background-color .2s ease;
}
.fh-overview-service:last-child {
border-bottom: 0;
}
.fh-overview-service:hover {
background: #fbfcfd;
}
.fh-overview-service::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: #f5c400;
transform: scaleY(0);
transform-origin: center;
transition: transform .2s ease;
}
.fh-overview-service:hover::after {
transform: scaleY(1);
}
.fh-overview-service__number {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(245, 196, 0, .16);
color: #0b2942;
font-size: 13px;
font-weight: 800;
}
.fh-overview-service__content h3 {
margin: 2px 0 8px;
color: #0b2942;
font-size: 19px;
font-weight: 800;
}
.fh-overview-service__content p {
max-width: 620px;
margin: 0;
color: #647484;
font-size: 14.5px;
line-height: 1.65;
}
/* TABLETTE */
@media (max-width: 1000px) {
.fh-service-overview__container {
width: calc(100% - 48px);
}
.fh-service-overview__grid {
grid-template-columns: 1fr;
gap: 55px;
}
.fh-service-overview__intro {
position: static;
}
.fh-service-overview__lead,
.fh-service-overview__text {
max-width: 720px;
}
}
/* MOBILE */
@media (max-width: 600px) {
.fh-service-overview {
padding: 60px 0;
}
.fh-service-overview__container {
width: calc(100% - 36px);
}
.fh-service-overview__title {
font-size: 36px;
}
.fh-service-overview__lead {
margin-top: 22px;
font-size: 19px;
}
.fh-service-overview__text {
font-size: 15.5px;
}
.fh-service-overview__stats {
grid-template-columns: 1fr;
margin-top: 32px;
}
.fh-service-overview__stat {
padding: 17px 0;
border-right: 0;
border-bottom: 1px solid #dce2e7;
}
.fh-service-overview__stat:last-child {
border-bottom: 0;
}
.fh-service-overview__services-header {
padding: 26px 22px;
}
.fh-overview-service {
grid-template-columns: 48px minmax(0, 1fr);
gap: 16px;
padding: 24px 22px;
}
.fh-overview-service__number {
width: 42px;
height: 42px;
}
.fh-overview-service__content h3 {
font-size: 17px;
}
.fh-overview-service__content p {
font-size: 14px;
}
}
@media (max-width: 400px) {
.fh-overview-service {
grid-template-columns: 1fr;
gap: 14px;
}
.fh-overview-service__number {
width: 38px;
height: 38px;
}
}
</style><section class="fh-why">
<div class="fh-why__image">
<img
src="/assets/images/attachments/depannage-sur-site-03.jpg"
alt="Technicien FabHydro en intervention hydraulique">
</div>
<div class="fh-why__content">
<div class="fh-why__inner">
<span class="fh-why__eyebrow">
Pourquoi FabHydro ?
</span>
<h2>
Une équipe équipée pour
<span>intervenir directement sur le terrain.</span>
</h2>
<p class="fh-why__intro">
Notre objectif est simple : réduire au maximum
l'immobilisation de votre équipement.
</p>
<div class="fh-why__features">
<div class="fh-why__feature">
<span>01</span>
<div>
<h3>Service 24h/24 & 7j/7</h3>
<p>
Une solution disponible lorsqu'une panne
hydraulique devient urgente.
</p>
</div>
</div>
<div class="fh-why__feature">
<span>02</span>
<div>
<h3>Atelier mobile</h3>
<p>
Nos véhicules sont équipés de sertisseuses
et d'un stock permettant de travailler
directement sur place.
</p>
</div>
</div>
<div class="fh-why__feature">
<span>03</span>
<div>
<h3>Stock important</h3>
<p>
Flexibles, raccords, joints, manomètres
et autres composants hydrauliques
disponibles rapidement.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<style type="text/css">
/* =====================================================
POURQUOI FABHYDRO
===================================================== */
.fh-why {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 720px;
margin: 0;
background: #0b2942;
box-sizing: border-box;
overflow: hidden;
}
.fh-why *,
.fh-why *::before,
.fh-why *::after {
box-sizing: border-box;
}
.fh-why__image {
min-height: 720px;
}
.fh-why__image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.fh-why__content {
display: flex;
align-items: center;
padding: clamp(60px, 7vw, 110px);
}
.fh-why__inner {
width: 100%;
max-width: 650px;
}
.fh-why__eyebrow {
display: block;
margin-bottom: 18px;
color: #ffffff;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.fh-why h2 {
margin: 0 0 25px;
color: #ffffff;
font-size: clamp(38px, 4vw, 58px);
font-weight: 800;
line-height: 1.05;
letter-spacing: -.03em;
}
.fh-why h2 span {
display: block;
color: #f5c400;
}
.fh-why__intro {
max-width: 540px;
margin: 0 0 45px;
color: rgba(255, 255, 255, .72);
font-size: 18px;
line-height: 1.7;
}
.fh-why__feature {
display: grid;
grid-template-columns: 50px minmax(0, 1fr);
gap: 20px;
padding: 25px 0;
border-top: 1px solid rgba(255, 255, 255, .15);
}
.fh-why__feature > span {
color: #f5c400;
font-size: 13px;
font-weight: 800;
}
.fh-why__feature h3 {
margin: 0 0 7px;
color: #ffffff;
font-size: 18px;
font-weight: 800;
}
.fh-why__feature p {
margin: 0;
color: rgba(255, 255, 255, .6);
line-height: 1.6;
}
/* TABLETTE */
@media (max-width: 900px) {
.fh-why {
grid-template-columns: 1fr;
min-height: 0;
}
.fh-why__image {
height: 470px;
min-height: 0;
}
.fh-why__content {
padding: 70px 32px;
}
.fh-why__inner {
max-width: 720px;
}
}
/* MOBILE */
@media (max-width: 600px) {
.fh-why__image {
height: 330px;
}
.fh-why__content {
padding: 55px 18px;
}
.fh-why h2 {
font-size: 36px;
}
.fh-why__intro {
margin-bottom: 35px;
font-size: 16px;
}
}
</style><section class="fh-process">
<div class="fh-process__container">
<header class="fh-process__header"><span class="fh-process__eyebrow"> Notre méthode </span>
<h2 class="fh-process__title">De votre appel</h2>
<h2 class="fh-process__title">à la remise en service.</h2>
</header>
<div class="fh-process__steps">
<article class="fh-process__step"><span class="fh-process__number">01</span>
<div>
<h3>Prise de contact</h3>
<p>Vous nous décrivez la panne, l'équipement et votre localisation.</p>
</div>
</article>
<article class="fh-process__step"><span class="fh-process__number">02</span>
<div>
<h3>Déplacement</h3>
<p>Un technicien rejoint votre site avec un véhicule d'intervention équipé.</p>
</div>
</article>
<article class="fh-process__step"><span class="fh-process__number">03</span>
<div>
<h3>Diagnostic</h3>
<p>Nous identifions l'origine du problème et déterminons l'intervention nécessaire.</p>
</div>
</article>
<article class="fh-process__step"><span class="fh-process__number">04</span>
<div>
<h3>Réparation</h3>
<p>Lorsque cela est possible, la réparation est réalisée directement sur site.</p>
</div>
</article>
<article class="fh-process__step"><span class="fh-process__number">05</span>
<div>
<h3>Remise en service</h3>
<p>Le fonctionnement est contrôlé avant la remise en service de votre équipement.</p>
</div>
</article>
</div>
</div>
</section>
<style type="text/css">/* =====================================================
PROCESS
===================================================== */
.fh-process {
width: 100%;
padding: clamp(80px, 9vw, 130px) 0;
background: #ffffff;
box-sizing: border-box;
}
.fh-process *,
.fh-process *::before,
.fh-process *::after {
box-sizing: border-box;
}
.fh-process__container {
width: calc(100% - 64px);
max-width: 1320px;
margin: 0 auto;
}
.fh-process__header {
max-width: 760px;
margin-bottom: 70px;
}
.fh-process__eyebrow {
display: block;
margin-bottom: 18px;
color: #003B73;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.fh-process__title {
margin: 0;
color: #0b2942;
font-size: clamp(38px, 4vw, 58px);
font-weight: 800;
line-height: 1.06;
letter-spacing: -.035em;
}
.fh-process__title span {
display: block;
color: #005ca9;
}
/* ETAPES */
.fh-process__steps {
position: relative;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 25px;
}
.fh-process__steps::before {
content: "";
position: absolute;
top: 28px;
left: 4%;
right: 4%;
height: 2px;
background: #e1e6ea;
}
.fh-process__step {
position: relative;
z-index: 1;
min-width: 0;
}
.fh-process__number {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
border: 5px solid #ffffff;
border-radius: 50%;
background: #f5c400;
color: #0b2942;
font-size: 14px;
font-weight: 900;
box-shadow: 0 0 0 1px #e1e6ea;
}
.fh-process__step h3 {
margin: 0 0 10px;
color: #0b2942;
font-size: 18px;
font-weight: 800;
}
.fh-process__step p {
margin: 0;
color: #647484;
font-size: 14px;
line-height: 1.65;
}
/* TABLETTE */
@media (max-width: 950px) {
.fh-process__container {
width: calc(100% - 48px);
}
.fh-process__steps {
grid-template-columns: 1fr;
gap: 0;
padding-left: 0;
}
.fh-process__steps::before {
top: 29px;
bottom: 29px;
left: 28px;
right: auto;
width: 2px;
height: auto;
}
.fh-process__step {
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 0 26px;
padding-bottom: 38px;
}
.fh-process__step:last-child {
padding-bottom: 0;
}
.fh-process__number {
grid-column: 1;
grid-row: 1;
margin-bottom: 0;
}
.fh-process__step > div {
grid-column: 2;
}
.fh-process__step h3 {
margin-top: 6px;
}
}
/* MOBILE */
@media (max-width: 600px) {
.fh-process {
padding: 60px 0;
}
.fh-process__container {
width: calc(100% - 36px);
}
.fh-process__header {
margin-bottom: 50px;
}
.fh-process__title {
font-size: 36px;
}
.fh-process__step {
grid-template-columns: 52px minmax(0, 1fr);
gap: 0 18px;
}
.fh-process__number {
width: 52px;
height: 52px;
}
.fh-process__steps::before {
left: 25px;
}
}
</style><section class="fh-machines">
<div class="fh-machines__container">
<div class="fh-machines__grid">
<div class="fh-machines__intro">
<span class="fh-machines__eyebrow">
Équipements concernés
</span>
<h2 class="fh-machines__title">
Nous intervenons sur
<span>vos machines hydrauliques.</span>
</h2>
<p>
Génie civil, terrassement, agriculture,
manutention ou industrie : notre équipe
intervient sur de nombreux types d'équipements.
</p>
</div>
<div class="fh-machines__list">
<span>Pelleteuses</span>
<span>Mini-pelles</span>
<span>Chargeurs</span>
<span>Grues mobiles</span>
<span>Nacelles</span>
<span>Tracteurs</span>
<span>Bulldozers</span>
<span>Dumpers</span>
<span>Compacteurs</span>
<span>Camions</span>
<span>Hayons élévateurs</span>
<span>Engins industriels</span>
</div>
</div>
</div>
</section>
<style type="text/css">
/* =====================================================
MACHINES
===================================================== */
.fh-machines {
width: 100%;
padding: clamp(80px, 9vw, 120px) 0;
background: #f6f8fa;
box-sizing: border-box;
}
.fh-machines *,
.fh-machines *::before,
.fh-machines *::after {
box-sizing: border-box;
}
.fh-machines__container {
width: calc(100% - 64px);
max-width: 1320px;
margin: 0 auto;
}
.fh-machines__grid {
display: grid;
grid-template-columns:
minmax(0, .85fr)
minmax(0, 1.15fr);
gap: clamp(55px, 7vw, 90px);
align-items: start;
}
.fh-machines__eyebrow {
display: block;
margin-bottom: 18px;
color: #003B73;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.fh-machines__title {
margin: 0;
color: #0b2942;
font-size: clamp(38px, 4vw, 58px);
font-weight: 800;
line-height: 1.06;
letter-spacing: -.035em;
}
.fh-machines__title span {
display: block;
color: #FEBB06;
}
.fh-machines__intro p {
max-width: 550px;
margin: 30px 0 0;
color: #647484;
font-size: 17px;
line-height: 1.7;
}
/* LISTE */
.fh-machines__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid #dce2e7;
}
.fh-machines__list span {
position: relative;
min-width: 0;
padding: 18px 20px 18px 30px;
border-bottom: 1px solid #dce2e7;
color: #0b2942;
font-size: 15px;
font-weight: 700;
}
.fh-machines__list span::before {
content: "";
position: absolute;
top: 50%;
left: 5px;
width: 8px;
height: 8px;
background: #f5c400;
transform: translateY(-50%);
}
/* TABLETTE */
@media (max-width: 950px) {
.fh-machines__container {
width: calc(100% - 48px);
}
.fh-machines__grid {
grid-template-columns: 1fr;
gap: 50px;
}
.fh-machines__intro p {
max-width: 700px;
}
}
/* MOBILE */
@media (max-width: 600px) {
.fh-machines {
padding: 60px 0;
}
.fh-machines__container {
width: calc(100% - 36px);
}
.fh-machines__title {
font-size: 36px;
}
.fh-machines__intro p {
font-size: 16px;
}
}
@media (max-width: 500px) {
.fh-machines__list {
grid-template-columns: 1fr;
}
}
</style><section class="fh-gallery">
<div class="fh-gallery__container">
<header class="fh-gallery__header">
<span class="fh-gallery__eyebrow">
Sur le terrain
</span>
<h2 class="fh-gallery__title">
Nos interventions
<span>en images.</span>
</h2>
</header>
<div class="fh-gallery__grid">
<figure class="fh-gallery__item fh-gallery__item--large">
<img
src="/assets/images/attachments/depannage-sur-site-03.jpg"
alt="Intervention hydraulique FabHydro sur site">
</figure>
<figure class="fh-gallery__item">
<img
src="/images/depannage-02.jpg"
alt="Dépannage hydraulique sur une machine">
</figure>
<figure class="fh-gallery__item">
<img
src="/images/depannage-03.jpg"
alt="Technicien lors d'une intervention hydraulique">
</figure>
<figure class="fh-gallery__item">
<img
src="/images/depannage-04.jpg"
alt="Réparation hydraulique sur site">
</figure>
<figure class="fh-gallery__item">
<img
src="/assets/images/attachments/fabrication-flexibles.jpg"
alt="Fabrication de flexibles hydrauliques">
</figure>
</div>
</div>
</section>
<style type="text/css">
/* =====================================================
GALERIE
===================================================== */
.fh-gallery {
width: 100%;
padding: clamp(80px, 9vw, 130px) 0;
background: #ffffff;
box-sizing: border-box;
}
.fh-gallery *,
.fh-gallery *::before,
.fh-gallery *::after {
box-sizing: border-box;
}
.fh-gallery__container {
width: calc(100% - 64px);
max-width: 1320px;
margin: 0 auto;
}
.fh-gallery__header {
max-width: 760px;
margin-bottom: 55px;
}
.fh-gallery__eyebrow {
display: block;
margin-bottom: 18px;
color: #003B73;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.fh-gallery__title {
margin: 0;
color: #0b2942;
font-size: clamp(38px, 4vw, 58px);
font-weight: 800;
line-height: 1.06;
letter-spacing: -.035em;
}
.fh-gallery__title span {
display: block;
color: #FEBB06;
}
/* GRID */
.fh-gallery__grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: repeat(2, 280px);
gap: 12px;
}
.fh-gallery__item {
min-width: 0;
margin: 0;
overflow: hidden;
}
.fh-gallery__item--large {
grid-row: 1 / 3;
}
.fh-gallery__item img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform .5s ease;
}
.fh-gallery__item:hover img {
transform: scale(1.035);
}
/* TABLETTE */
@media (max-width: 900px) {
.fh-gallery__container {
width: calc(100% - 48px);
}
.fh-gallery__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 420px 220px 220px;
}
.fh-gallery__item--large {
grid-column: 1 / 3;
grid-row: auto;
}
}
/* MOBILE */
@media (max-width: 600px) {
.fh-gallery {
padding: 60px 0;
}
.fh-gallery__container {
width: calc(100% - 36px);
}
.fh-gallery__header {
margin-bottom: 38px;
}
.fh-gallery__title {
font-size: 36px;
}
.fh-gallery__grid {
grid-template-columns: 1fr;
grid-template-rows: none;
}
.fh-gallery__item,
.fh-gallery__item--large {
grid-column: auto;
grid-row: auto;
height: 260px;
}
.fh-gallery__item--large {
height: 330px;
}
}
</style><section class="fh-faq">
<div class="fh-faq__container">
<div class="fh-faq__layout">
<div class="fh-faq__intro">
<span class="fh-faq__eyebrow">
Questions fréquentes
</span>
<h2 class="fh-faq__title">
Vous avez
<span>une question ?</span>
</h2>
<p>
Retrouvez les réponses aux principales questions
concernant notre service de dépannage hydraulique.
</p>
</div>
<div class="fh-faq__questions">
<details>
<summary>
Le service de dépannage est-il disponible 24h/24 ?
</summary>
<p>
Oui. Notre service de dépannage hydraulique
sur site est disponible 24h/24 et 7j/7.
</p>
</details>
<details>
<summary>
Pouvez-vous fabriquer un flexible directement sur place ?
</summary>
<p>
Nos véhicules d'intervention disposent du matériel
et de composants permettant de réaliser de nombreuses
réparations et fabrications directement sur site.
</p>
</details>
<details>
<summary>
Sur quels types de machines intervenez-vous ?
</summary>
<p>
Nous intervenons notamment sur les engins de génie civil,
machines industrielles, grues, nacelles, tracteurs,
pelleteuses, chargeurs et de nombreux autres équipements
hydrauliques.
</p>
</details>
<details>
<summary>
Faites-vous également de l'entretien préventif ?
</summary>
<p>
Oui. Nos techniciens peuvent intervenir dans le cadre
d'une réparation urgente mais également pour des
opérations d'entretien préventif.
</p>
</details>
</div>
</div>
</div>
</section>
<style type="text/css">
/* =====================================================
FAQ
===================================================== */
.fh-faq {
width: 100%;
padding: clamp(80px, 9vw, 130px) 0;
background: #f6f8fa;
box-sizing: border-box;
}
.fh-faq *,
.fh-faq *::before,
.fh-faq *::after {
box-sizing: border-box;
}
.fh-faq__container {
width: calc(100% - 64px);
max-width: 1320px;
margin: 0 auto;
}
.fh-faq__layout {
display: grid;
grid-template-columns:
minmax(0, .8fr)
minmax(0, 1.2fr);
gap: clamp(60px, 9vw, 130px);
align-items: start;
}
.fh-faq__eyebrow {
display: block;
margin-bottom: 18px;
color: #003B73;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.fh-faq__title {
margin: 0;
color: #0b2942;
font-size: clamp(38px, 4vw, 58px);
font-weight: 800;
line-height: 1.06;
letter-spacing: -.035em;
}
.fh-faq__title span {
display: block;
color: #FEBB06;
}
.fh-faq__intro p {
max-width: 450px;
margin: 25px 0 0;
color: #647484;
font-size: 16px;
line-height: 1.7;
}
/* QUESTIONS */
.fh-faq__questions {
border-top: 1px solid #dce2e7;
}
.fh-faq details {
border-bottom: 1px solid #dce2e7;
}
.fh-faq summary {
position: relative;
display: block;
padding: 26px 50px 26px 0;
cursor: pointer;
list-style: none;
color: #0b2942;
font-size: 17px;
font-weight: 700;
line-height: 1.45;
}
.fh-faq summary::-webkit-details-marker {
display: none;
}
.fh-faq summary::marker {
display: none;
}
.fh-faq summary::after {
content: "+";
position: absolute;
right: 5px;
top: 50%;
color: #005ca9;
font-size: 25px;
font-weight: 400;
transform: translateY(-50%);
}
.fh-faq details[open] summary::after {
content: "-";
}
.fh-faq details p {
max-width: 700px;
margin: 0;
padding: 0 55px 28px 0;
color: #647484;
font-size: 15px;
line-height: 1.7;
}
/* TABLETTE */
@media (max-width: 900px) {
.fh-faq__container {
width: calc(100% - 48px);
}
.fh-faq__layout {
grid-template-columns: 1fr;
gap: 45px;
}
.fh-faq__intro p {
max-width: 650px;
}
}
/* MOBILE */
@media (max-width: 600px) {
.fh-faq {
padding: 60px 0;
}
.fh-faq__container {
width: calc(100% - 36px);
}
.fh-faq__title {
font-size: 36px;
}
.fh-faq summary {
padding: 22px 42px 22px 0;
font-size: 16px;
}
.fh-faq details p {
padding: 0 35px 24px 0;
font-size: 14.5px;
}
}
</style></div>
<footer class="fh-footer"><div class="fh-footer__emergency"><div class="fh-footer__container fh-footer__emergency-layout"><div class="fh-footer__emergency-message"><span aria-hidden="true" class="fh-footer__status-dot"></span><div><strong>Dépannage hydraulique 24h/24 et 7j/7</strong> <span>Intervention rapide partout en Wallonie</span></div></div><a aria-label="Appeler le service de dépannage au 0496 87 97 14" class="fh-footer__emergency-phone" href="tel:+32496879714"><span>Urgence</span> 0496 87 97 14</a></div></div><div class="fh-footer__main"><div class="fh-footer__container"><div class="fh-footer__grid"><div class="fh-footer__brand"><a aria-label="Fabhydro — Retour à l'accueil" class="fh-footer__logo" href="/"><img alt="Fab'Hydro" height="70" loading="lazy" src="/assets/images/fabhydro_logo_xs.png" width="210"></a> <p class="fh-footer__description">Votre spécialiste en hydraulique, flexibles sur mesure, outillage professionnel, équipements de protection et vêtements de travail.<div class="fh-footer-hours"><div aria-hidden="true" class="fh-footer-hours__icon"><svg viewbox="0 0 24 24"><circle cx="12" cy="12" r="9"></circle><path d="M12 7v5l3.5 2"></path></svg></div><div class="fh-footer-hours__content"><p class="fh-footer-hours__title">Horaires du magasin<div class="fh-footer-hours__schedule"><p><strong>Lun. – Jeu.</strong> <span>08h00 – 17h00</span><p><strong>Vendredi</strong> <span>08h00 – 15h00</span></div><p class="fh-footer-hours__note">Ouvert sans interruption</div></div></div><nav aria-labelledby="footer-services-title" class="fh-footer__column"><h2 class="fh-footer__heading" id="footer-services-title">Nos services</h2><ul class="fh-footer__links"><li><a href="/fr/services/depannage-hydraulique">Dépannage hydraulique</a><li><a href="/fr/services/nouvelle-installation">Nouvelle installation</a><li><a href="/fr/hydraulique-fluvial-maritime">Hydraulique fluviale et maritime</a><li><a href="/fr/montage-de-pneus">Montage de pneus</a><li><a href="/fr/a-propos/nos-services">Voir tous nos services</a></ul></nav><nav aria-labelledby="footer-products-title" class="fh-footer__column"><h2 class="fh-footer__heading" id="footer-products-title">Nos produits</h2><ul class="fh-footer__links"><li><a href="/fr/cataloguecategories/?rayon=hydraulique&id=3y8fq1xwqx">Hydraulique</a><li><a href="/fr/cataloguecategories/?rayon=outillage-et-accessoires&id=i9mytfm6cx">Outillage et accessoires</a><li><a href="/fr/cataloguecategories/?rayon=machines-et-accessoires&id=b6p7j1zygg">Machines et accessoires</a><li><a href="/fr/cataloguecategories/?rayon=equipement-d-atelier&id=rki45qszuo">Équipement d’atelier</a><li><a href="/fr/cataloguecategories/?rayon=protection-individuelle&id=gemfga8iae">Protection individuelle</a><li><a href="/fr/cataloguecategories/?rayon=vetements-de-travail&id=0xycjme1ek">Vêtements de travail</a></ul></nav><div class="fh-footer__column"><h2 class="fh-footer__heading">Nous trouver</h2><address class="fh-footer__contact"><div class="fh-footer__contact-item"><svg aria-hidden="true" height="20" viewbox="0 0 24 24" width="20"><path d="M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z" fill="none" stroke="currentColor" stroke-width="1.8"></path><circle cx="12" cy="10" fill="none" r="2.5" stroke="currentColor" stroke-width="1.8"></circle></svg> <span>Rue du Bon Espoir, 18<br> 4041 Milmort, Belgique</span></div><div class="fh-footer__contact-item"><svg aria-hidden="true" height="20" viewbox="0 0 24 24" width="20"><path d="M6.6 10.8a15.7 15.7 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.4 11.4 0 0 0 .57 3.6 1 1 0 0 1-.25 1.02L6.6 10.8Z" fill="none" stroke="currentColor" stroke-width="1.8"></path></svg> <a href="tel:+3242779358">+32 (0)4 277 93 58</a></div><div class="fh-footer__contact-item"><svg aria-hidden="true" height="20" viewbox="0 0 24 24" width="20"><rect fill="none" height="14" rx="2" stroke="currentColor" stroke-width="1.8" width="18" x="3" y="5"></rect><path d="m4 7 8 6 8-6" fill="none" stroke="currentColor" stroke-width="1.8"></path></svg> <a href="/fr/contact">Envoyer un message</a></div></address><a class="fh-footer__map-link" href="https://www.google.com/maps/search/?api=1&query=Rue+du+Bon+Espoir+18+4041+Milmort" rel="noopener noreferrer" target="_blank">Afficher l’itinéraire <span aria-hidden="true">?</span></a></div></div><section aria-labelledby="footer-newsletter-title" class="fh-footer__newsletter"><div class="fh-footer__newsletter-content"><span class="fh-footer__eyebrow">Restez informé</span> <h2 class="fh-footer__newsletter-title" id="footer-newsletter-title">Recevez nos promotions, nouveautés et conseils techniques.</h2><p class="fh-footer__newsletter-text">Inscrivez-vous pour découvrir nos nouvelles références, nos offres et nos actualités.<div aria-label="Suivez Fabhydro sur les réseaux sociaux" class="fh-footer__socials"><span class="fh-footer__socials-label">Suivez-nous</span><div class="fh-footer__socials-list"> <a aria-label="Suivre Fabhydro sur Facebook" class="fh-footer__social-link" href="https://www.facebook.com/fabhydro" rel="noopener noreferrer" target="_blank"><svg aria-hidden="true" viewbox="0 0 24 24"><path d="M14 8h3V4.5c-.5-.1-1.8-.2-3.4-.2-3.3 0-5.6 2-5.6 5.8V13H4v4h4v7h4.9v-7h3.3l.8-4h-4.1v-2.5C12.9 9.3 13.2 8 14 8Z"></path></svg></a> <a aria-label="Suivre Fabhydro sur Instagram" class="fh-footer__social-link fh-footer__social-link--instagram" href="https://www.instagram.com/fabhydro/" rel="noopener noreferrer" target="_blank"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4"></circle><circle class="fh-footer__social-dot" cx="17.5" cy="6.5" r="1"></circle></svg></a> <a aria-label="Suivre Fabhydro sur LinkedIn" class="fh-footer__social-link" href="https://be.linkedin.com/company/fabhydro" rel="noopener noreferrer" target="_blank"><svg aria-hidden="true" viewbox="0 0 24 24"><path d="M6.5 8.5H3.3V21h3.2Z"></path><circle cx="4.9" cy="4.8" r="1.9"></circle><path d="M10 8.5h3.1v1.7h.1c.4-.8 1.5-2.1 3.7-2.1 4 0 4.7 2.6 4.7 6V21h-3.2v-6.1c0-1.5 0-3.4-2.1-3.4s-2.4 1.6-2.4 3.3V21H10Z"></path></svg></a></div></div></div><div class="fh-footer__newsletter-action widget widget_accept"><button aria-haspopup="dialog" class="fh-footer__newsletter-button btn btn-primary" data-target="#subscribe-modal" data-toggle="modal" type="button">S’abonner à la newsletter <span aria-hidden="true">→</span></button></div></section></div></div><div class="fh-footer__bottom"><div class="fh-footer__container fh-footer__bottom-layout"><p>© <span id="fh-current-year">2022 - 2026</span> Fab’Hydro SRL — Tous droits réservés. — BE 0478 250 877<nav aria-label="Informations légales"><ul class="fh-footer__legal-links"><li><a href="/fr/mentions-legales">Mentions légales</a><li><a href="/fr/a-propos/nos-conditions-de-vente">Conditions de vente</a><li><a href="/fr/modes-de-paiement">Modes de paiement</a><li><a href="/fr/livraison">Livraisons</a><li><a href="/fr/politique-de-confidentialite">Confidentialité</a><li><a href="/fr/utilisation-des-cookies">Cookies</a></ul></nav></div></div></footer><style>.fh-footer{--fh-blue-950:#071b2d;--fh-blue-900:#0b2742;--fh-blue-800:#123a63;--fh-blue-700:#185080;--fh-yellow:#f2c500;--fh-yellow-hover:#ffd52a;--fh-white:#fff;--fh-text:#e8eef4;--fh-muted:#afbecb;--fh-border:rgba(255,255,255,.14);--fh-container:1280px;--fh-radius-sm:6px;--fh-radius-md:10px;color:var(--fh-text);background:var(--fh-blue-950);font-family:inherit}.fh-footer *,.fh-footer *::before,.fh-footer *::after{box-sizing:border-box}.fh-footer a{color:inherit;text-decoration:none}.fh-footer ul{margin:0;padding:0;list-style:none}.fh-footer address{font-style:normal}.fh-footer__container{width:min(calc(100% - 40px),var(--fh-container));margin-inline:auto}.fh-footer a:focus-visible,.fh-footer button:focus-visible{outline:3px solid var(--fh-yellow);outline-offset:4px}.fh-footer__cta{position:relative;overflow:hidden;padding:58px 0;color:var(--fh-white);background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.1),transparent 28%),linear-gradient(120deg,var(--fh-blue-800),var(--fh-blue-900));border-top:5px solid var(--fh-yellow)}.fh-footer__cta::after{position:absolute;right:-90px;bottom:-130px;width:340px;height:340px;border:48px solid rgba(242,197,0,.08);border-radius:50%;content:"";pointer-events:none}.fh-footer__cta-layout{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:48px}.fh-footer__cta-content{max-width:720px}.fh-footer__eyebrow{display:block;margin-bottom:10px;color:var(--fh-yellow);font-size:.78rem;font-weight:800;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}.fh-footer__cta-title{max-width:700px;margin:0;color:var(--fh-white);font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08;text-wrap:balance}.fh-footer__cta-text{max-width:650px;margin:18px 0 0;color:rgba(255,255,255,.84);font-size:1rem;line-height:1.7}.fh-footer__cta-actions{display:flex;min-width:250px;flex:0 0 auto;flex-direction:column;gap:12px}.fh-footer__button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border:1px solid transparent;border-radius:var(--fh-radius-sm);font-weight:750;line-height:1.2;transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,transform 180ms ease}.fh-footer__button:hover{transform:translateY(-2px)}.fh-footer__button--primary{color:var(--fh-blue-950);border-color:var(--fh-yellow);background:var(--fh-yellow);box-shadow:0 10px 24px rgba(0,0,0,.16)}.fh-footer__button--primary:hover{color:var(--fh-blue-950);border-color:var(--fh-yellow-hover);background:var(--fh-yellow-hover)}.fh-footer__button--secondary{color:var(--fh-white);border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.04)}.fh-footer__button--secondary:hover{color:var(--fh-white);border-color:var(--fh-white);background:rgba(255,255,255,.11)}.fh-footer__emergency{padding:17px 0;color:var(--fh-white);background:var(--fh-blue-950);border-bottom:1px solid var(--fh-border)}.fh-footer__emergency-layout{display:flex;align-items:center;justify-content:space-between;gap:24px}.fh-footer__emergency-message{display:flex;align-items:center;gap:13px}.fh-footer__emergency-message div{display:flex;align-items:baseline;gap:12px}.fh-footer__emergency-message strong{font-size:.95rem}.fh-footer__emergency-message span:not(.fh-footer__status-dot){color:var(--fh-muted);font-size:.86rem}.fh-footer__status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--fh-yellow);box-shadow:0 0 0 5px rgba(242,197,0,.15)}.fh-footer__emergency-phone{display:inline-flex;align-items:center;gap:9px;font-weight:800;white-space:nowrap}.fh-footer__emergency-phone span{padding:4px 7px;border-radius:4px;color:var(--fh-blue-950);background:var(--fh-yellow);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fh-footer__emergency-phone:hover{color:var(--fh-yellow)}.fh-footer__main{padding:72px 0 0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.045),transparent 30%),var(--fh-blue-900)}.fh-footer__grid{display:grid;grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(170px,1fr));gap:clamp(30px,4vw,70px)}.fh-footer__brand{max-width:330px}.fh-footer__logo{display:inline-flex;margin-bottom:24px}.fh-footer__logo img{display:block;width:min(210px,100%);height:auto;object-fit:contain}.fh-footer__description{margin:0;color:var(--fh-muted);font-size:.94rem;line-height:1.75}.fh-footer__benefits{display:grid;gap:10px;margin-top:24px !important;color:var(--fh-text);font-size:.88rem}.fh-footer__benefits li{position:relative;padding-left:22px}.fh-footer__benefits li::before{position:absolute;top:0;left:0;color:var(--fh-yellow);content:"?";font-weight:900}.fh-footer__heading{position:relative;margin:0 0 24px;padding-bottom:13px;color:var(--fh-white);font-size:1rem;line-height:1.3}.fh-footer__heading::after{position:absolute;bottom:0;left:0;width:32px;height:3px;border-radius:2px;background:var(--fh-yellow);content:""}.fh-footer__links{display:grid;gap:12px}.fh-footer__links a{display:inline-block;color:var(--fh-muted);font-size:.9rem;line-height:1.45;transition:color 160ms ease,transform 160ms ease}.fh-footer__links a:hover{color:var(--fh-yellow);transform:translateX(3px)}.fh-footer__contact{display:grid;gap:17px}.fh-footer__contact-item{display:flex;align-items:flex-start;gap:12px;color:var(--fh-muted);font-size:.9rem;line-height:1.6}.fh-footer__contact-item svg{flex:0 0 auto;margin-top:2px;color:var(--fh-yellow)}.fh-footer__contact-item a:hover{color:var(--fh-yellow)}.fh-footer__map-link{display:inline-flex;align-items:center;gap:7px;margin-top:21px;color:var(--fh-white);font-size:.88rem;font-weight:750}.fh-footer__map-link:hover{color:var(--fh-yellow)}.fh-footer__newsletter{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:58px;padding:38px 0;border-top:1px solid var(--fh-border)}.fh-footer__newsletter-content{max-width:650px}.fh-footer__newsletter-title{margin:0;color:var(--fh-white);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.3;text-wrap:balance}.fh-footer__newsletter-text{max-width:580px;margin:12px 0 0;color:var(--fh-muted);font-size:.9rem;line-height:1.65}.fh-footer__newsletter-action{flex:0 0 auto}.fh-footer__newsletter-action.widget{margin:0;padding:0;border:0;background:transparent}.fh-footer__newsletter-button,.fh-footer__newsletter-button.btn,.fh-footer__newsletter-button.btn-primary{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border:1px solid var(--fh-yellow);border-radius:var(--fh-radius-sm);color:var(--fh-blue-950);background:var(--fh-yellow);box-shadow:none;cursor:pointer;font:inherit;font-weight:800;line-height:1.2;white-space:nowrap;transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease}.fh-footer__newsletter-button:hover,.fh-footer__newsletter-button:focus,.fh-footer__newsletter-button.btn:hover,.fh-footer__newsletter-button.btn-primary:hover{color:var(--fh-blue-950);border-color:var(--fh-yellow-hover);background:var(--fh-yellow-hover);text-decoration:none;transform:translateY(-2px)}.fh-footer__socials{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}.fh-footer__socials-label{flex:0 0 auto;color:var(--fh-text);font-size:.78rem;font-weight:800;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.fh-footer__socials-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.fh-footer__social-link{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background-color:rgba(255,255,255,.07);color:var(--fh-white);text-decoration:none;transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.fh-footer__social-link svg{display:block;width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.fh-footer__social-link--instagram svg{fill:none}.fh-footer__social-link--instagram .fh-footer__social-dot{fill:currentColor;stroke:none}.fh-footer__social-link:active{color:var(--fh-blue-950);border-color:var(--fh-yellow-hover);background-color:var(--fh-yellow-hover);transform:translateY(-1px)}@media(hover:hover){.fh-footer__social-link:hover{color:var(--fh-blue-950);border-color:var(--fh-yellow);background-color:var(--fh-yellow);box-shadow:0 8px 18px rgba(0,0,0,.16);transform:translateY(-3px)}}.fh-footer__bottom{padding:22px 0;color:#91a3b2;background:var(--fh-blue-950);border-top:1px solid var(--fh-border);font-size:.78rem}.fh-footer__bottom-layout{display:flex;align-items:center;justify-content:space-between;gap:25px}.fh-footer__bottom p{margin:0}.fh-footer__legal-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 22px}.fh-footer__legal-links a:hover{color:var(--fh-yellow)}.fh-footer-hours{--fh-footer-yellow:#f4c400;--fh-footer-blue:#12395b;display:flex;align-items:flex-start;gap:13px;width:100%;max-width:340px;margin-top:20px;padding:16px 18px;border-left:4px solid var(--fh-footer-yellow);border-radius:8px;background:rgba(255,255,255,.06)}.fh-footer-hours__icon{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:9px;background:var(--fh-footer-yellow);color:#111}.fh-footer-hours__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.fh-footer-hours__content{min-width:0;flex:1}.fh-footer-hours__title{margin:0 0 9px;color:#fff;font-size:.95rem;font-weight:800;line-height:1.3}.fh-footer-hours__schedule{display:flex;flex-direction:column;gap:5px}.fh-footer-hours__schedule p{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0;color:rgba(255,255,255,.82);font-size:.82rem;line-height:1.4}.fh-footer-hours__schedule strong{color:#fff;font-weight:700}.fh-footer-hours__schedule span{white-space:nowrap;font-variant-numeric:tabular-nums}.fh-footer-hours__note{margin:8px 0 0;color:var(--fh-footer-yellow);font-size:.72rem;font-weight:700;line-height:1.3}@media(max-width:767px){.fh-footer-hours{max-width:none;margin-top:18px;padding:15px 16px}.fh-footer-hours__schedule p{justify-content:flex-start;flex-wrap:wrap;gap:5px 10px}}@media(max-width:420px){.fh-footer-hours{gap:11px;padding:14px}.fh-footer-hours__icon{flex-basis:38px;width:38px;height:38px}.fh-footer-hours__title{font-size:.9rem}.fh-footer-hours__schedule p{display:block}.fh-footer-hours__schedule strong,.fh-footer-hours__schedule span{display:block}.fh-footer__socials{margin-top:18px}.fh-footer__social-link{flex-basis:40px;width:40px;height:40px}.fh-footer__social-link svg{width:18px;height:18px}}@media(max-width:1050px){.fh-footer__cta-layout{align-items:flex-start;flex-direction:column}.fh-footer__cta-actions{width:100%;flex-direction:row}.fh-footer__cta-actions .fh-footer__button{flex:1}.fh-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-footer__brand{max-width:none}.fh-footer__newsletter{align-items:flex-start;flex-direction:column;gap:25px}}@media(max-width:680px){.fh-footer__container{width:min(calc(100% - 30px),var(--fh-container))}.fh-footer__cta{padding:42px 0}.fh-footer__cta-text{font-size:.93rem}.fh-footer__cta-actions{flex-direction:column}.fh-footer__cta-actions .fh-footer__button{width:100%}.fh-footer__emergency{padding:19px 0}.fh-footer__emergency-layout{align-items:flex-start;flex-direction:column;gap:15px}.fh-footer__emergency-message{align-items:flex-start}.fh-footer__emergency-message div{align-items:flex-start;flex-direction:column;gap:4px}.fh-footer__emergency-phone{width:100%;justify-content:center;padding:12px;border:1px solid var(--fh-border);border-radius:var(--fh-radius-sm)}.fh-footer__main{padding-top:48px}.fh-footer__grid{grid-template-columns:1fr;gap:42px}.fh-footer__newsletter{margin-top:48px;padding:35px 0}.fh-footer__newsletter-action{width:100%}.fh-footer__socials{align-items:flex-start;gap:11px;margin-top:20px}.fh-footer__socials-label{width:100%}.fh-footer__socials-list{gap:9px}.fh-footer__newsletter-button,.fh-footer__newsletter-button.btn,.fh-footer__newsletter-button.btn-primary{width:100%;white-space:normal;text-align:center}.fh-footer__bottom-layout{align-items:flex-start;flex-direction:column}.fh-footer__legal-links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.fh-footer *,.fh-footer *::before,.fh-footer *::after{scroll-behavior:auto !important;transition-duration:.01ms !important}}</style>
<a id="go-top"><i class="fa fa-arrow-up"></i></a>
<div class="highlight highlight-dark inverse" id="cookies-info"><div class="container"><div class="row irow-xs cols-border"><div class="col-sm-2 text-right"><div class="icon icon-color icon-size-4"><i class="fa fa-thumbs-o-up"></i></div></div>
<div class="col-sm-10"><div class="panel-group panel-color panel-theme" id="accordion-12"><div class="panel"><div class="panel-heading"><a data-toggle="collapse" data-parent="#accordion-12" href="#collapse-12-1" class="collapsed">Ce site utilise des cookies<i class="fa fa-angle-down pull-right"></i></a></div>
<div id="collapse-12-1" class="panel-collapse collapse in"><div class="panel-body"><p>Ce site utilise des cookies installés sur votre ordinateur. Ces cookies sont indispensables au traitement de la commande et à la consultation de vos informations. Ces cookies ne contiennent ni votre nom ni d'autres données à caractère personnel. Si vous ne souhaitez pas accepter l'utilisation des cookies, il vous est possible de les désactiver dans votre browser. Cependant, nous ne pouvons garantir le bon fonctionnement de ce site si vous choisissez cette option.</p></div>
<div class="panel-body" style="border-bottom:1px solid #d9d9d9"><p>Cookies fonctionnels : nécessaires pour la navigation sur le site ou cookies de préférence.
<a href="/fr/utilisation-des-cookies" style="color:#747474">(En savoir plus)</a>
<label class="switch pull-right"><input type="checkbox" checked disabled>
<span class="switch-slider round disabled"></span></label></p></div>
<div class="panel-body" style="border-bottom:1px solid #d9d9d9"><p>Cookies statistiques
<a href="/fr/utilisation-des-cookies" style="color:#747474">(En savoir plus)</a>
<label class="switch pull-right"><input type="checkbox" name="CheckBoxCookiesStatistics" class="form-check-input" value="True" />
<span class="switch-slider round"></span></label></p></div>
<div class="panel-body"><p class="pull-left" style="margin-bottom:0px"><button class="btn btn-primary" style="margin:2px; vertical-align:bottom; font-size:14px; line-height: 37px;">Soumettre</button></p>
<p class="pull-right"><button class="btn btn-primary" style="margin:2px">Accepter tous</button></p></div></div></div></div></div></div></div></div>
<span id="timestamp" style="display: none;">024090c8-65d1-44f4-8e0c-6ad28aef8687</span>
</div>
<div id="overlay-disable-all" style="display: none;"><img src="/assets/images/preloader2.gif" title style="position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin-left: -32px;"></div><!--Blazor:{"prerenderId":"d6c966fb97e8476e95bf4ada6dcdb832"}-->
<div id="blazor-error-ui">
An error has occurred. This app may no longer respond until reloaded.
<a href class="reload">Reload</a>
<a class="dismiss">🗙</a></div>
<script src="/assets/js/mercator_2_ed66ed22c9b134fcc272fb7b49a150d7197b347425f706de7dd4dd602ec400a8.js"></script>
<script src="_framework/blazor.web.js" autostart="false"></script><script> (()=>{const mrc=3;const rim=5000;const srp=()=>{$('#overlay-disable-all').show();let icld=false;(async ()=>{for (let i=0;i < mrc;i++) {console.log(`Attempting to reconnect: ${i + 1} of ${mrc}`);await new Promise(resolve=>setTimeout(resolve, rim));if (icld) {return;} try {const result=await Blazor.reconnect();if (!result) {location.reload();return;} console.log('Successfully reconnected to the server.');return;} catch {}} location.reload();})();return {cancel: ()=>{icld=true;$('#overlay-disable-all').hide();}, };};let crp=null;Blazor.start({circuit: {reconnectionHandler: {onConnectionDown: ()=>crp ??= srp(), onConnectionUp: ()=>{crp?.cancel();crp=null;}} }});})();</script></body></html><!--Blazor-Server-Component-State:CfDJ8LLauNMaHAlHtlRe0S0cdR8qjQuj2bd9lKwZbzJuti2GvdmV8zJaFdCcUFP5czsyVRM50UDD49LAkdROsetqEd1rfzEIxkcx5tZX6/tYdvZscKtgPqHfSyDIth5SZMik2qTnbVWEVN/Rf9GjcUYUUaLjpAeQpovEDoglFBPphDWIjxTs/rtEBF43HdkIRvV9UchZ99tH+w8Ihe6ZYG6836JzvjBMc2EHuahnHmvTzYoaXu4rYm2yZWtSFR5Vi3OqR3C0YUCaXM+weXHbhghqiNs2e+6/lu6eyaESwdiI1WzvdaU9rS9v+TxPyuXd5YHa4wX43gWLRWCiviEOY43UK+750TBaKL0kSigevrp8Nh3fPllQqYCGNKprHzPzHGrDdZyBTWYurINKA5sZEg4HGBySD2KCEgO6x49dab2hMmHZ+jWEppPmA2u029cmBmuUMRu2yhlRfNkd5Jzvx9Ff6GJdQ7nk+Dad8VlgI+O/1HgM7cRrfezLkAOTKO31Yy4oEXW5f5sThaJ5vOUuSwU4fpCAnt2jeHybYft7NUTgwtlPxtHoq03EpzFeOrwmy1rfvqT2V/FjorQHK5s86ZTqIwLh3WZIL+bC1WdxXjDqmNncRAfWVptMZQ1jGVllJb+yYtW1C5JUJtbjdlqCVJM7MUsxNNm2UcZA+KgP9wEkPvjItmKj0FLO75ur2nfBXrKk7H7lgoYXl3QEV3OULrgmYdN6JUTCIrFaMpKNU/pOtewnj1NS87ZTZEfojz5KLpcG2xJs1V1pIZxJu1IeRnbJ8tshF1tPL2ROitMGVIktBjAApLjjSbIWOLZn34BM+nzJI3vjBNWsluBGh+QjMUXU8OXn7yrpLECvZ6jMppn1K0ogJTIpJ7ahuGZvDX1FNtjvs2NgqLpbjD1/O1VGutdDjOxzkx+bxgpa9KY48lVXcf0W-->
