{"id":448,"date":"2026-07-14T14:11:26","date_gmt":"2026-07-14T19:11:26","guid":{"rendered":"https:\/\/hideacanada.com\/?page_id=448"},"modified":"2026-07-25T19:41:41","modified_gmt":"2026-07-26T00:41:41","slug":"accessoires","status":"publish","type":"page","link":"https:\/\/hideacanada.com\/en\/accessoires\/","title":{"rendered":"Pi\u00e8ces et accessoires"},"content":{"rendered":"<!-- Style CSS \u00e9pur\u00e9 et s\u00e9curis\u00e9 pour vos images Canva\/IA avec bordure chrom\u00e9e int\u00e9gr\u00e9e -->\n<style>\n\/* --- 1. STYLE DE VOTRE GRANDE BANNI\u00c8RE COMPL\u00c8TE (Avec votre image et hauteur de 700px) --- *\/\n.banniere-categorie-pieces {\n    width: 100%;\n    height: 700px !important; \/* Hauteur sur ordinateur *\/\n    \/* \"cover\" permet d'afficher l'image sur toute la largeur, et la couleur #f4f8fb s'accorde avec le fond de votre graphique *\/\n    background: #f4f8fb url('https:\/\/hideacanada.com\/wp-content\/uploads\/2026\/07\/accessoires-hidea.jpeg') no-repeat center center \/ cover !important;\n    border-radius: 12px;\n    margin-bottom: 45px !important; \/* Force un espace de s\u00e9curit\u00e9 de 45px sous l'image *\/\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important; \/* Relief 3D *\/\n}\n\n\/* Ajustement sp\u00e9cial pour les t\u00e9l\u00e9phones portables (Pas de coupure des pi\u00e8ces) *\/\n@media (max-width: 768px) {\n    .banniere-categorie-pieces {\n        height: auto !important;           \/* Annule la hauteur fixe *\/\n        aspect-ratio: 4 \/ 3 !important;    \/* Force les proportions d'origine de l'image *\/\n        background-size: contain !important; \/* Affiche 100% de la photo sans rien couper *\/\n        background-position: center top !important;\n        background-color: #f4f8fb !important; \/* Fond bleu clair raccord *\/\n        margin-bottom: 25px !important;    \/* Espace adapt\u00e9 sur mobile *\/\n    }\n}\n\n\/* --- 2. STYLE DES 3 RONDS DE NAVIGATIONS CLIQUABLES --- *\/\n.carte-indispensable {\n    flex: 1;\n    min-width: 250px;\n    max-width: 300px;\n    text-decoration: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    transition: transform 0.2s ease-in-out !important;\n}\n\n.carte-indispensable:hover {\n    transform: translateY(-5px) !important;\n}\n\n.cercle-icone {\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    overflow: hidden;\n    border: none !important; \/* SUPPRIME la bordure bleue du site pour laisser briller votre contour chrom\u00e9 *\/\n    background-color: transparent !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n    box-shadow: 0 8px 15px rgba(0,0,0,0.15);\n    transition: all 0.3s ease;\n    padding: 0 !important; \/* SUPPRIME le padding pour que vos cadres chrom\u00e9s touchent exactement les bords ! *\/\n    box-sizing: border-box !important;\n}\n\n.img-cercle {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important; \/* Remplissage parfait des ronds *\/\n    transition: transform 0.3s ease;\n}\n\n\/* Effets de survol sur les cercles d'ic\u00f4nes *\/\n.carte-indispensable:hover .cercle-icone {\n    \/* Cr\u00e9e un effet de lueur turquoise douce autour de votre bordure chrom\u00e9e *\/\n    box-shadow: 0 12px 24px rgba(13, 130, 118, 0.4) !important;\n}\n\n.carte-indispensable:hover .img-cercle {\n    transform: scale(1.05) !important; \/* Zoom-in fluide de votre image *\/\n}\n\n.titre-indispensable {\n    color: #0369a1;\n    font-size: 18px;\n    font-weight: bold;\n    margin-bottom: 5px;\n    transition: color 0.2s;\n}\n\n.carte-indispensable:hover .titre-indispensable {\n    color: #0d8276; \/* Le titre devient turquoise au survol *\/\n}\n<\/style>\n\n<!-- 1. GRANDE BANNI\u00c8RE DE CAT\u00c9GORIE PI\u00c8CES EN RELIEF (PROPRE SANS TEXTE) -->\n<div class=\"banniere-categorie-pieces\"><\/div>\n\n<!-- 2. SECTION : LES INDISPENSABLES DU NAUTISME (Les 3 cercles cliquables) -->\n<!-- Ajout d'un margin-top: 45px !important; pour assurer l'espace confortable avec l'image du haut -->\n<div style=\"width: 100%; background-color: #e1ebf4; border-radius: 12px; padding: 45px 20px; text-align: center; font-family: Arial, sans-serif; box-shadow: 0 10px 20px rgba(0,0,0,0.05); margin-top: 45px !important; margin-bottom: 40px;\">\n    \n    <h3 style=\"color: #0369a1; font-size: 26px; font-weight: bold; margin-bottom: 35px; letter-spacing: 2px; text-transform: uppercase;\">\n        Nautical Essentials\n    <\/h3>\n\n    <!-- Grille des 3 cartes (Toutes reli\u00e9es aux bonnes adresses r\u00e9elles !) -->\n    <div style=\"display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;\">\n      \n      <!-- CARTE 1 : KITS D'ENTRETIEN (Reli\u00e9e \u00e0 votre adresse de cat\u00e9gorie exacte) -->\n      <a href=\"https:\/\/hideacanada.com\/en\/product-category\/pieces-et-accessoires-hidea\/kit-entretien\/\" class=\"carte-indispensable\">\n        <div class=\"cercle-icone\">\n            <img decoding=\"async\" src=\"https:\/\/hideacanada.com\/wp-content\/uploads\/2026\/07\/kit-de-maintenance.png\" alt=\"Kits de Maintenance Hidea\" class=\"img-cercle\" \/>\n        <\/div>\n        <span class=\"titre-indispensable\">Maintenance kits<\/span>\n        <span style=\"color: #666666; font-size: 13px; line-height: 1.4;\">Comprehensive periodic maintenance kits by operating hours (100H, 300H...)<\/span>\n      <\/a>\n\n      <!-- CARTE 2 : PI\u00c8CES D\u00c9TACH\u00c9ES -->\n      <a href=\"https:\/\/hideacanada.com\/en\/product-category\/pieces-hidea\/\" class=\"carte-indispensable\">\n        <div class=\"cercle-icone\">\n            <img decoding=\"async\" src=\"https:\/\/hideacanada.com\/wp-content\/uploads\/2026\/07\/pieces-de-rechanges-.png\" alt=\"Pi\u00e8ces D\u00e9tach\u00e9es d'Origine Hidea\" class=\"img-cercle\" \/>\n        <\/div>\n        <span class=\"titre-indispensable\">Spare parts<\/span>\n        <span style=\"color: #666666; font-size: 13px; line-height: 1.4;\">Certified Original Factory Parts (spark plugs, propellers, anodes, impellers...)<\/span>\n      <\/a>\n\n      <!-- CARTE 3 : ACCESSOIRES -->\n      <a href=\"https:\/\/hideacanada.com\/en\/product-category\/accessoires\/\" class=\"carte-indispensable\">\n        <div class=\"cercle-icone\">\n            <img decoding=\"async\" src=\"https:\/\/hideacanada.com\/wp-content\/uploads\/2026\/07\/accessoires-.png\" alt=\"Accessoires de Navigation Hidea\" class=\"img-cercle\" \/>\n        <\/div>\n        <span class=\"titre-indispensable\">Accessories<\/span>\n        <span style=\"color: #666666; font-size: 13px; line-height: 1.4;\">Navigation equipment and accessories to optimize your comfort on board<\/span>\n      <\/a>\n\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Les Indispensables du Nautisme Kits d&rsquo;entretien Kits d&rsquo;entretien p\u00e9riodiques complets par heures de navigation (100H, 300H&#8230;) Pi\u00e8ces d\u00e9tach\u00e9es Pi\u00e8ces d&rsquo;origine d&rsquo;usine certifi\u00e9es (bougies, h\u00e9lices, anodes, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-448","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hideacanada.com\/en\/wp-json\/wp\/v2\/pages\/448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hideacanada.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hideacanada.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hideacanada.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hideacanada.com\/en\/wp-json\/wp\/v2\/comments?post=448"}],"version-history":[{"count":7,"href":"https:\/\/hideacanada.com\/en\/wp-json\/wp\/v2\/pages\/448\/revisions"}],"predecessor-version":[{"id":871,"href":"https:\/\/hideacanada.com\/en\/wp-json\/wp\/v2\/pages\/448\/revisions\/871"}],"wp:attachment":[{"href":"https:\/\/hideacanada.com\/en\/wp-json\/wp\/v2\/media?parent=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}