GROUPE BOLPAIRE<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=GFS+Didot&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\n <style>\n \n \/* ============================================================\n PERSONNALISATION\n --label-color : couleur du texte sur les images\n --label-size : taille du texte\n --label-font : police du texte\n --overlay-color : voile sombre sur les images\n --overlay-hover : voile au survol\n --gap : espace entre tuiles (mettre 0 pour aucun)\n ============================================================ *\/\n :root {\n --label-color : #F2F1ED;\n --label-size : 14px;\n --label-font : 'inter', Georgia, serif;\n --label-spacing : 0.22em;\n --overlay-color : rgba(28,46,74,0.30);\n --overlay-hover : rgba(17, 17, 17,0.8);\n --gap : 0px;\n }\n \n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html, body { width: 100%; background: #111; }\n \n \/*\n ================================================================\n SCH\u00c9MA EXACT (en mm) :\n \n Largeur totale : 320 + 320 + 640 + 320 + 320 = 1920\n Colonnes CSS : 1fr 1fr 2fr 1fr 1fr\n \n Hauteur row1 : 660\n Hauteur row2 : 317\n Ratio row : 660\/317 \u2248 2.082\n \n DISPOSITION :\n \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n \u2502 \u2502 \u2502 \u2502 D 640\u00d7317 \u2502\n \u2502A 320\u00d7 \u2502B 320\u00d7 \u2502 C 640\u00d7660 \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n \u2502 660 \u2502 660 \u2502 (2 lignes) \u2502E 320\u00d7660\u2502F1 320\u00d7 \u2502\n \u2502 \u2502 \u2502 \u2502 \u2502 ~343 \u2502\n \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524 \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n \u2502 G 640\u00d7317 \u2502 \u2502(dans E) \u2502F2 320\u00d7 \u2502\n \u2502 \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524 \u2502 ~317 \u2502\n \u2502 \u2502 H 640\u00d7317 \u2502 \u2502 \u2502\n \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n \n NOTE : Col4 (E) span row1+row2 = 660 total\n Col5 (F1+F2) = 2 tuiles empil\u00e9es dans row1+row2\n Row1 top-right (D) = col4+col5 fusionn\u00e9es = 640\u00d7317\n Ensuite E = col4 row1-bottom+row2, F1+F2 = col5 subdivis\u00e9\n ================================================================\n \n On utilise une grille \u00e0 5 colonnes et 4 sous-lignes pour\n reproduire exactement le sch\u00e9ma :\n \n grid-template-rows: 317fr 343fr 317fr\n (row1-top=317, row1-bottom=343, row2=317) \u2192 total row1=660, row2=317\n *\/\n \n .mosaic {\n display: grid;\n grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n grid-template-rows: 317fr 343fr 317fr;\n gap: var(--gap);\n width: 100%;\n \/* hauteur totale = row1(660) + row2(317) = 977 unit\u00e9s\n on mappe \u00e7a sur 95vh *\/\n height: 95vh;\n }\n \n \/* \u2500\u2500 A : col1, row1+row2+row3 (320\u00d7660 + d\u00e9borde sur row3=317) \n En fait A = col1 pleine hauteur = rows 1..3 *\/\n .tile-A { grid-column: 1; grid-row: 1 \/ span 2; }\n \n \/* \u2500\u2500 B : col2, row1+row2 (320\u00d7660) *\/\n .tile-B { grid-column: 2; grid-row: 1 \/ span 2; }\n \n \/* \u2500\u2500 C : col3, row1+row2+row3 = pleine hauteur (640\u00d7660+317) \n C couvre toute la hauteur *\/\n .tile-C { grid-column: 3; grid-row: 1 \/ span 3; }\n \n \/* \u2500\u2500 D : col4+col5, row1 seulement (640\u00d7317) *\/\n .tile-D { grid-column: 4 \/ span 2; grid-row: 1; }\n \n \/* \u2500\u2500 E : col4, row2+row3 (320\u00d7343+317=660) *\/\n .tile-E { grid-column: 4; grid-row: 2 \/ span 2; }\n \n \/* \u2500\u2500 F1 : col5, row2 (320\u00d7343) *\/\n .tile-F1 { grid-column: 5; grid-row: 2; }\n \n \/* \u2500\u2500 F2 : col5, row3 (320\u00d7317) *\/\n .tile-F2 { grid-column: 5; grid-row: 3; }\n \n \/* \u2500\u2500 G : col1+col2, row3 (640\u00d7317) *\/\n .tile-G { grid-column: 1 \/ span 2; grid-row: 3; }\n \n \/* \u2500\u2500 H : col3 row3 \u2192 d\u00e9j\u00e0 occup\u00e9 par C\n On place H dans col3 row3... mais C est l\u00e0.\n D'apr\u00e8s le sch\u00e9ma H est sous C \u2192 en fait C ne descend pas\n jusqu'en bas : C = 640\u00d7660 (row1+row2 seulement)\n Et H = col3 row3 (640\u00d7317)\n Donc C = row1+row2, H = row3 col3 *\/\n \n \/* Correction : C ne couvre que row1+row2 *\/\n .tile-C { grid-column: 3; grid-row: 1 \/ span 2; }\n .tile-H { grid-column: 3; grid-row: 3; }\n \n \/* \u2500\u2500 Tuile g\u00e9n\u00e9rique \u2500\u2500 *\/\n .tile-A, .tile-B, .tile-C, .tile-D,\n .tile-E, .tile-F1, .tile-F2, .tile-G, .tile-H {\n position: relative;\n overflow: hidden;\n display: block;\n text-decoration: none;\n cursor: pointer;\n }\n \n \/* \u2500\u2500 Image \u2500\u2500 *\/\n .tile-A img, .tile-B img, .tile-C img, .tile-D img,\n .tile-E img, .tile-F1 img, .tile-F2 img,\n .tile-G img, .tile-H img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.55s ease;\n }\n .tile-A:hover img, .tile-B:hover img, .tile-C:hover img,\n .tile-D:hover img, .tile-E:hover img, .tile-F1:hover img,\n .tile-F2:hover img, .tile-G:hover img, .tile-H:hover img {\n transform: scale(1.05);\n }\n \n \/* \u2500\u2500 Voile \u2500\u2500 *\/\n .tile-A::before, .tile-B::before, .tile-C::before, .tile-D::before,\n .tile-E::before, .tile-F1::before, .tile-F2::before,\n .tile-G::before, .tile-H::before {\n content: '';\n position: absolute; inset: 0;\n background: var(--overlay-color);\n transition: background 0.35s ease;\n z-index: 1;\n }\n .tile-A:hover::before, .tile-B:hover::before, .tile-C:hover::before,\n .tile-D:hover::before, .tile-E:hover::before, .tile-F1:hover::before,\n .tile-F2:hover::before, .tile-G:hover::before, .tile-H:hover::before {\n background: var(--overlay-hover);\n }\n \n \/* \u2500\u2500 Label \u2500\u2500 *\/\n .tile-label {\n position: absolute;\n z-index: 2;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n font-family: var(--label-font);\n font-size: var(--label-size);\n letter-spacing: var(--label-spacing);\n text-transform: uppercase;\n color: var(--label-color);\n white-space: nowrap;\n text-shadow: 0 2px 14px rgba(0,0,0,0.6);\n }\n \n \/* ============================================================\n RESPONSIVE\n ============================================================ *\/\n @media (max-width: 1024px) {\n .mosaic {\n grid-template-columns: 1fr 2fr 1fr;\n grid-template-rows: 2fr 1fr 1fr;\n height: auto;\n }\n .tile-A { grid-column: 1; grid-row: 1; min-height: 40vw; }\n .tile-B { display: none; }\n .tile-C { grid-column: 2; grid-row: 1 \/ span 2; min-height: 60vw; }\n .tile-D { grid-column: 3; grid-row: 1; min-height: 40vw; }\n .tile-E { grid-column: 1; grid-row: 2; min-height: 30vw; }\n .tile-F1 { grid-column: 3; grid-row: 2; min-height: 30vw; }\n .tile-F2 { display: none; }\n .tile-G { grid-column: 1 \/ span 2; grid-row: 3; min-height: 28vw; }\n .tile-H { grid-column: 3; grid-row: 3; min-height: 28vw; }\n }\n \n @media (max-width: 640px) {\n .mosaic {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n height: auto;\n }\n .tile-C { grid-column: 1 \/ span 2; grid-row: 1; min-height: 56vw; }\n .tile-A { grid-column: 1; grid-row: 2; min-height: 50vw; }\n .tile-B { display: block; grid-column: 2; grid-row: 2; min-height: 50vw; }\n .tile-D { grid-column: 1 \/ span 2; grid-row: 3; min-height: 40vw; }\n .tile-E { grid-column: 1; grid-row: 4; min-height: 40vw; }\n .tile-F1 { grid-column: 2; grid-row: 4; min-height: 40vw; }\n .tile-F2 { display: block; grid-column: 1 \/ span 2; grid-row: 5; min-height: 35vw; }\n .tile-G { grid-column: 1; grid-row: 6; min-height: 35vw; }\n .tile-H { grid-column: 2; grid-row: 6; min-height: 35vw; }\n }\n \n <\/style>\n<\/head>\n<body>\n \n\n \n<div class=\"mosaic\">\n \n \n <a class=\"tile-A\" href=\"\/properties\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/hotel-1.jpg\" alt=\"Properties\"\/>\n HOTEL<\/span>\n <\/a>\n \n \n <a class=\"tile-B\" href=\"\/signature\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/life-style-1.jpg\" alt=\"Signature\"\/>\n LIFESTYLE<\/span>\n <\/a>\n \n \n <a class=\"tile-C\" href=\"\/\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/Estate-1.jpg\" alt=\"Groupe Bolpaire\"\/>\n PROPERTIS<\/span>\n <\/a>\n \n \n <a class=\"tile-D\" href=\"\/capital-market\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/photo-1542273917363-3b1817f69a2d-1-scaled.png\"Capital Market\"\/>\n NATURAL ASSETS<\/span>\n <\/a>\n \n \n <a class=\"tile-E\" href=\"\/venture\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/Asset-image.png\" alt=\"Venture\"\/>\n THE WORD OF BOLPAIRE<\/span>\n <\/a>\n \n \n <a class=\"tile-F1\" href=\"\/lifestyle\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/capitale-1.jpg\"\/>\n CAPITALE<\/span>\n <\/a>\n \n \n <a class=\"tile-F2\" href=\"\/shop\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/shop.png\" alt=\"Shop\"\/>\n Shop<\/span>\n <\/a>\n \n \n <a class=\"tile-G\" href=\"\/naturals-assets\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/signature-1-scaled.jpeg\" alt=\"Naturals Assets\"\/>\n SIGNATURE<\/span>\n <\/a>\n \n \n <a class=\"tile-H\" href=\"\/world-of-bolpaire\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/institution-1.png\" alt=\"The World of Bolpaire\"\/>\n INSTITUTION<\/span>\n <\/a>\n \n<\/div>\n \n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"GROUPE BOLPAIRE HOTEL LIFESTYLE PROPERTIS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bolpaire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":36,"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/bolpaire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":194,"date":"2026-04-29T15:57:05","date_gmt":"2026-04-29T13:57:05","guid":{"rendered":"https:\/\/bolpaire.com\/?page_id=194"},"modified":"2026-04-29T23:06:49","modified_gmt":"2026-04-29T21:06:49","slug":"accueil","status":"publish","type":"page","link":"https:\/\/bolpaire.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n\n\n\n \n \n GROUPE BOLPAIRE<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=GFS+Didot&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\n <style>\n \n \/* ============================================================\n PERSONNALISATION\n --label-color : couleur du texte sur les images\n --label-size : taille du texte\n --label-font : police du texte\n --overlay-color : voile sombre sur les images\n --overlay-hover : voile au survol\n --gap : espace entre tuiles (mettre 0 pour aucun)\n ============================================================ *\/\n :root {\n --label-color : #F2F1ED;\n --label-size : 14px;\n --label-font : 'inter', Georgia, serif;\n --label-spacing : 0.22em;\n --overlay-color : rgba(28,46,74,0.30);\n --overlay-hover : rgba(17, 17, 17,0.8);\n --gap : 0px;\n }\n \n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html, body { width: 100%; background: #111; }\n \n \/*\n ================================================================\n SCH\u00c9MA EXACT (en mm) :\n \n Largeur totale : 320 + 320 + 640 + 320 + 320 = 1920\n Colonnes CSS : 1fr 1fr 2fr 1fr 1fr\n \n Hauteur row1 : 660\n Hauteur row2 : 317\n Ratio row : 660\/317 \u2248 2.082\n \n DISPOSITION :\n \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n \u2502 \u2502 \u2502 \u2502 D 640\u00d7317 \u2502\n \u2502A 320\u00d7 \u2502B 320\u00d7 \u2502 C 640\u00d7660 \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n \u2502 660 \u2502 660 \u2502 (2 lignes) \u2502E 320\u00d7660\u2502F1 320\u00d7 \u2502\n \u2502 \u2502 \u2502 \u2502 \u2502 ~343 \u2502\n \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524 \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n \u2502 G 640\u00d7317 \u2502 \u2502(dans E) \u2502F2 320\u00d7 \u2502\n \u2502 \u251c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524 \u2502 ~317 \u2502\n \u2502 \u2502 H 640\u00d7317 \u2502 \u2502 \u2502\n \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n \n NOTE : Col4 (E) span row1+row2 = 660 total\n Col5 (F1+F2) = 2 tuiles empil\u00e9es dans row1+row2\n Row1 top-right (D) = col4+col5 fusionn\u00e9es = 640\u00d7317\n Ensuite E = col4 row1-bottom+row2, F1+F2 = col5 subdivis\u00e9\n ================================================================\n \n On utilise une grille \u00e0 5 colonnes et 4 sous-lignes pour\n reproduire exactement le sch\u00e9ma :\n \n grid-template-rows: 317fr 343fr 317fr\n (row1-top=317, row1-bottom=343, row2=317) \u2192 total row1=660, row2=317\n *\/\n \n .mosaic {\n display: grid;\n grid-template-columns: 1fr 1fr 2fr 1fr 1fr;\n grid-template-rows: 317fr 343fr 317fr;\n gap: var(--gap);\n width: 100%;\n \/* hauteur totale = row1(660) + row2(317) = 977 unit\u00e9s\n on mappe \u00e7a sur 95vh *\/\n height: 95vh;\n }\n \n \/* \u2500\u2500 A : col1, row1+row2+row3 (320\u00d7660 + d\u00e9borde sur row3=317) \n En fait A = col1 pleine hauteur = rows 1..3 *\/\n .tile-A { grid-column: 1; grid-row: 1 \/ span 2; }\n \n \/* \u2500\u2500 B : col2, row1+row2 (320\u00d7660) *\/\n .tile-B { grid-column: 2; grid-row: 1 \/ span 2; }\n \n \/* \u2500\u2500 C : col3, row1+row2+row3 = pleine hauteur (640\u00d7660+317) \n C couvre toute la hauteur *\/\n .tile-C { grid-column: 3; grid-row: 1 \/ span 3; }\n \n \/* \u2500\u2500 D : col4+col5, row1 seulement (640\u00d7317) *\/\n .tile-D { grid-column: 4 \/ span 2; grid-row: 1; }\n \n \/* \u2500\u2500 E : col4, row2+row3 (320\u00d7343+317=660) *\/\n .tile-E { grid-column: 4; grid-row: 2 \/ span 2; }\n \n \/* \u2500\u2500 F1 : col5, row2 (320\u00d7343) *\/\n .tile-F1 { grid-column: 5; grid-row: 2; }\n \n \/* \u2500\u2500 F2 : col5, row3 (320\u00d7317) *\/\n .tile-F2 { grid-column: 5; grid-row: 3; }\n \n \/* \u2500\u2500 G : col1+col2, row3 (640\u00d7317) *\/\n .tile-G { grid-column: 1 \/ span 2; grid-row: 3; }\n \n \/* \u2500\u2500 H : col3 row3 \u2192 d\u00e9j\u00e0 occup\u00e9 par C\n On place H dans col3 row3... mais C est l\u00e0.\n D'apr\u00e8s le sch\u00e9ma H est sous C \u2192 en fait C ne descend pas\n jusqu'en bas : C = 640\u00d7660 (row1+row2 seulement)\n Et H = col3 row3 (640\u00d7317)\n Donc C = row1+row2, H = row3 col3 *\/\n \n \/* Correction : C ne couvre que row1+row2 *\/\n .tile-C { grid-column: 3; grid-row: 1 \/ span 2; }\n .tile-H { grid-column: 3; grid-row: 3; }\n \n \/* \u2500\u2500 Tuile g\u00e9n\u00e9rique \u2500\u2500 *\/\n .tile-A, .tile-B, .tile-C, .tile-D,\n .tile-E, .tile-F1, .tile-F2, .tile-G, .tile-H {\n position: relative;\n overflow: hidden;\n display: block;\n text-decoration: none;\n cursor: pointer;\n }\n \n \/* \u2500\u2500 Image \u2500\u2500 *\/\n .tile-A img, .tile-B img, .tile-C img, .tile-D img,\n .tile-E img, .tile-F1 img, .tile-F2 img,\n .tile-G img, .tile-H img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.55s ease;\n }\n .tile-A:hover img, .tile-B:hover img, .tile-C:hover img,\n .tile-D:hover img, .tile-E:hover img, .tile-F1:hover img,\n .tile-F2:hover img, .tile-G:hover img, .tile-H:hover img {\n transform: scale(1.05);\n }\n \n \/* \u2500\u2500 Voile \u2500\u2500 *\/\n .tile-A::before, .tile-B::before, .tile-C::before, .tile-D::before,\n .tile-E::before, .tile-F1::before, .tile-F2::before,\n .tile-G::before, .tile-H::before {\n content: '';\n position: absolute; inset: 0;\n background: var(--overlay-color);\n transition: background 0.35s ease;\n z-index: 1;\n }\n .tile-A:hover::before, .tile-B:hover::before, .tile-C:hover::before,\n .tile-D:hover::before, .tile-E:hover::before, .tile-F1:hover::before,\n .tile-F2:hover::before, .tile-G:hover::before, .tile-H:hover::before {\n background: var(--overlay-hover);\n }\n \n \/* \u2500\u2500 Label \u2500\u2500 *\/\n .tile-label {\n position: absolute;\n z-index: 2;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n font-family: var(--label-font);\n font-size: var(--label-size);\n letter-spacing: var(--label-spacing);\n text-transform: uppercase;\n color: var(--label-color);\n white-space: nowrap;\n text-shadow: 0 2px 14px rgba(0,0,0,0.6);\n }\n \n \/* ============================================================\n RESPONSIVE\n ============================================================ *\/\n @media (max-width: 1024px) {\n .mosaic {\n grid-template-columns: 1fr 2fr 1fr;\n grid-template-rows: 2fr 1fr 1fr;\n height: auto;\n }\n .tile-A { grid-column: 1; grid-row: 1; min-height: 40vw; }\n .tile-B { display: none; }\n .tile-C { grid-column: 2; grid-row: 1 \/ span 2; min-height: 60vw; }\n .tile-D { grid-column: 3; grid-row: 1; min-height: 40vw; }\n .tile-E { grid-column: 1; grid-row: 2; min-height: 30vw; }\n .tile-F1 { grid-column: 3; grid-row: 2; min-height: 30vw; }\n .tile-F2 { display: none; }\n .tile-G { grid-column: 1 \/ span 2; grid-row: 3; min-height: 28vw; }\n .tile-H { grid-column: 3; grid-row: 3; min-height: 28vw; }\n }\n \n @media (max-width: 640px) {\n .mosaic {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n height: auto;\n }\n .tile-C { grid-column: 1 \/ span 2; grid-row: 1; min-height: 56vw; }\n .tile-A { grid-column: 1; grid-row: 2; min-height: 50vw; }\n .tile-B { display: block; grid-column: 2; grid-row: 2; min-height: 50vw; }\n .tile-D { grid-column: 1 \/ span 2; grid-row: 3; min-height: 40vw; }\n .tile-E { grid-column: 1; grid-row: 4; min-height: 40vw; }\n .tile-F1 { grid-column: 2; grid-row: 4; min-height: 40vw; }\n .tile-F2 { display: block; grid-column: 1 \/ span 2; grid-row: 5; min-height: 35vw; }\n .tile-G { grid-column: 1; grid-row: 6; min-height: 35vw; }\n .tile-H { grid-column: 2; grid-row: 6; min-height: 35vw; }\n }\n \n <\/style>\n<\/head>\n<body>\n \n\n \n<div class=\"mosaic\">\n \n \n <a class=\"tile-A\" href=\"\/properties\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/hotel-1.jpg\" alt=\"Properties\"\/>\n HOTEL<\/span>\n <\/a>\n \n \n <a class=\"tile-B\" href=\"\/signature\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/life-style-1.jpg\" alt=\"Signature\"\/>\n LIFESTYLE<\/span>\n <\/a>\n \n \n <a class=\"tile-C\" href=\"\/\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/Estate-1.jpg\" alt=\"Groupe Bolpaire\"\/>\n PROPERTIS<\/span>\n <\/a>\n \n \n <a class=\"tile-D\" href=\"\/capital-market\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/photo-1542273917363-3b1817f69a2d-1-scaled.png\"Capital Market\"\/>\n NATURAL ASSETS<\/span>\n <\/a>\n \n \n <a class=\"tile-E\" href=\"\/venture\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/Asset-image.png\" alt=\"Venture\"\/>\n THE WORD OF BOLPAIRE<\/span>\n <\/a>\n \n \n <a class=\"tile-F1\" href=\"\/lifestyle\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/capitale-1.jpg\"\/>\n CAPITALE<\/span>\n <\/a>\n \n \n <a class=\"tile-F2\" href=\"\/shop\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/shop.png\" alt=\"Shop\"\/>\n Shop<\/span>\n <\/a>\n \n \n <a class=\"tile-G\" href=\"\/naturals-assets\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/signature-1-scaled.jpeg\" alt=\"Naturals Assets\"\/>\n SIGNATURE<\/span>\n <\/a>\n \n \n <a class=\"tile-H\" href=\"\/world-of-bolpaire\">\n <img decoding=\"async\" src=\"http:\/\/bolpaire.com\/wp-content\/uploads\/2026\/04\/institution-1.png\" alt=\"The World of Bolpaire\"\/>\n INSTITUTION<\/span>\n <\/a>\n \n<\/div>\n \n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"GROUPE BOLPAIRE HOTEL LIFESTYLE PROPERTIS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bolpaire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":36,"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/bolpaire.com\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/bolpaire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}