{"id":2562,"date":"2025-08-28T12:58:27","date_gmt":"2025-08-28T09:58:27","guid":{"rendered":"https:\/\/cityevents.mg\/home\/?page_id=2562"},"modified":"2026-10-19T00:28:46","modified_gmt":"2026-10-18T21:28:46","slug":"galerie","status":"publish","type":"page","link":"https:\/\/cityevents.mg\/home\/galerie\/","title":{"rendered":"Galerie"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-5fe6a32d alignfull uagb-is-root-container\"><div class=\"uagb-container__video-wrap\"><video autoplay loop muted playsinline><source src=\"https:\/\/cityevents.mg\/home\/wp-content\/uploads\/2025\/08\/Fond_video_cityevents002.mp4\" type=\"video\/mp4\"\/><\/video><\/div><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-bfef9126\">\n<div class=\"wp-block-uagb-container uagb-block-ff351aed\">\n<p style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\" class=\"uag-hide-desktop wp-block-paragraph\"><\/p>\n\n\n\n<p style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\" class=\"uag-hide-desktop uag-hide-mob wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-14dc78a7 wp-block-columns-is-layout-flex\" style=\"margin-top:-125px;margin-bottom:-10px;padding-bottom:0px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =====================================================\n     CITY EVENTS \u2014 GALERIE\n     Noir \u00e9l\u00e9gant + rose fonc\u00e9 + bleu + vert turquoise\n     Animations discr\u00e8tes et l\u00e9g\u00e8res\n===================================================== -->\n\n<section class=\"ce-gallery-page\" id=\"ce-gallery\">\n\n  <!-- EN-T\u00caTE -->\n  <header class=\"ce-gallery-header\">\n    <span class=\"ce-gallery-kicker\">\n      CITY EVENTS \u00b7 NOS R\u00c9ALISATIONS\n    <\/span>\n\n    <h1>NOTRE <span>GALERIE<\/span><\/h1>\n\n    <div class=\"ce-gallery-line\"><\/div>\n\n    <p class=\"ce-gallery-intro\">\n      D\u00e9couvrez nos prestations, nos \u00e9quipements et nos inspirations\n      pour donner vie \u00e0 vos \u00e9v\u00e9nements.\n    <\/p>\n  <\/header>\n\n  <!-- FILTRES -->\n  <nav class=\"ce-gallery-filters\" aria-label=\"Filtres de la galerie\">\n    <button class=\"ce-filter active\" data-filter=\"all\">Tout voir<\/button>\n    <button class=\"ce-filter\" data-filter=\"son\">Sonorisation<\/button>\n    <button class=\"ce-filter\" data-filter=\"dj\">Animation DJ<\/button>\n    <button class=\"ce-filter\" data-filter=\"lumiere\">\u00c9clairage<\/button>\n    <button class=\"ce-filter\" data-filter=\"evenement\">\u00c9v\u00e9nements<\/button>\n    <button class=\"ce-filter\" data-filter=\"materiel\">Mat\u00e9riel<\/button>\n  <\/nav>\n\n  <!-- PHOTOS -->\n  <div class=\"ce-gallery-grid\">\n\n    <figure class=\"ce-gallery-item\" data-category=\"son\">\n      <div class=\"ce-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501386761578-eac5c94b800a?auto=format&#038;fit=crop&#038;w=1000&#038;q=85\"\n             alt=\"Installation de sonorisation pour un \u00e9v\u00e9nement\" loading=\"lazy\" title=\"Galerie\">\n        <span class=\"ce-gallery-number\">01<\/span>\n        <button class=\"ce-gallery-zoom\" aria-label=\"Agrandir la photo\">\u2197<\/button>\n      <\/div>\n      <figcaption>\n        <span class=\"ce-gallery-category ce-blue\">SONORISATION<\/span>\n        <h3>Le son au c\u0153ur de l&rsquo;\u00e9v\u00e9nement<\/h3>\n        <p>Des solutions audio adapt\u00e9es \u00e0 votre public et \u00e0 votre espace.<\/p>\n      <\/figcaption>\n    <\/figure>\n\n    <figure class=\"ce-gallery-item\" data-category=\"dj\">\n      <div class=\"ce-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1470229722913-7c0e2dbbafd3?auto=format&#038;fit=crop&#038;w=1000&#038;q=85\"\n             alt=\"Ambiance musicale et animation DJ\" loading=\"lazy\" title=\"Galerie\">\n        <span class=\"ce-gallery-number\">02<\/span>\n        <button class=\"ce-gallery-zoom\" aria-label=\"Agrandir la photo\">\u2197<\/button>\n      <\/div>\n      <figcaption>\n        <span class=\"ce-gallery-category ce-green\">ANIMATION DJ<\/span>\n        <h3>Une ambiance inoubliable<\/h3>\n        <p>Musique, animation et \u00e9nergie pour faire vivre chaque moment.<\/p>\n      <\/figcaption>\n    <\/figure>\n\n    <figure class=\"ce-gallery-item\" data-category=\"lumiere\">\n      <div class=\"ce-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506157786151-b8491531f063?auto=format&#038;fit=crop&#038;w=1000&#038;q=85\"\n             alt=\"\u00c9clairage sc\u00e9nique et spectacle\" loading=\"lazy\" title=\"Galerie\">\n        <span class=\"ce-gallery-number\">03<\/span>\n        <button class=\"ce-gallery-zoom\" aria-label=\"Agrandir la photo\">\u2197<\/button>\n      <\/div>\n      <figcaption>\n        <span class=\"ce-gallery-category ce-pink\">\u00c9CLAIRAGE<\/span>\n        <h3>La lumi\u00e8re qui transforme<\/h3>\n        <p>Des effets lumineux pour sublimer votre sc\u00e8ne et votre salle.<\/p>\n      <\/figcaption>\n    <\/figure>\n\n    <figure class=\"ce-gallery-item\" data-category=\"evenement\">\n      <div class=\"ce-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?auto=format&#038;fit=crop&#038;w=1000&#038;q=85\"\n             alt=\"D\u00e9coration et organisation de r\u00e9ception\" loading=\"lazy\" title=\"Galerie\">\n        <span class=\"ce-gallery-number\">04<\/span>\n        <button class=\"ce-gallery-zoom\" aria-label=\"Agrandir la photo\">\u2197<\/button>\n      <\/div>\n      <figcaption>\n        <span class=\"ce-gallery-category ce-green\">R\u00c9CEPTIONS<\/span>\n        <h3>Des instants \u00e0 c\u00e9l\u00e9brer<\/h3>\n        <p>Mariages, anniversaires et r\u00e9ceptions pr\u00e9par\u00e9s avec soin.<\/p>\n      <\/figcaption>\n    <\/figure>\n\n    <figure class=\"ce-gallery-item\" data-category=\"materiel\">\n      <div class=\"ce-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1598488035139-bdbb2231ce04?auto=format&#038;fit=crop&#038;w=1000&#038;q=85\"\n             alt=\"\u00c9quipement audio et mat\u00e9riel technique\" loading=\"lazy\" title=\"Galerie\">\n        <span class=\"ce-gallery-number\">05<\/span>\n        <button class=\"ce-gallery-zoom\" aria-label=\"Agrandir la photo\">\u2197<\/button>\n      <\/div>\n      <figcaption>\n        <span class=\"ce-gallery-category ce-blue\">\u00c9QUIPEMENTS<\/span>\n        <h3>Du mat\u00e9riel adapt\u00e9 \u00e0 vos besoins<\/h3>\n        <p>Des \u00e9quipements pour accompagner vos projets professionnels.<\/p>\n      <\/figcaption>\n    <\/figure>\n\n    <figure class=\"ce-gallery-item\" data-category=\"evenement\">\n      <div class=\"ce-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&#038;fit=crop&#038;w=1000&#038;q=85\"\n             alt=\"Festival et \u00e9v\u00e9nement en plein air\" loading=\"lazy\" title=\"Galerie\">\n        <span class=\"ce-gallery-number\">06<\/span>\n        <button class=\"ce-gallery-zoom\" aria-label=\"Agrandir la photo\">\u2197<\/button>\n      <\/div>\n      <figcaption>\n        <span class=\"ce-gallery-category ce-pink\">\u00c9V\u00c9NEMENTS<\/span>\n        <h3>Des projets qui prennent vie<\/h3>\n        <p>Une ambiance et des prestations pens\u00e9es pour chaque occasion.<\/p>\n      <\/figcaption>\n    <\/figure>\n\n  <\/div>\n\n  <!-- APPEL \u00c0 L'ACTION -->\n  <section class=\"ce-gallery-cta\">\n    <div class=\"ce-cta-content\">\n      <span class=\"ce-cta-kicker\">VOTRE PROCHAIN \u00c9V\u00c9NEMENT<\/span>\n      <h2>UN PROJET EN PR\u00c9PARATION&nbsp;?<\/h2>\n      <p>\n        Parlons de vos id\u00e9es. City Events vous accompagne pour pr\u00e9parer\n        une prestation adapt\u00e9e \u00e0 vos besoins.\n      <\/p>\n      <a class=\"ce-gallery-contact\" href=\"\/contact\/\">\n        PARLONS DE VOTRE PROJET <span>\u2197<\/span>\n      <\/a>\n    <\/div>\n    <div class=\"ce-cta-decoration\" aria-hidden=\"true\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n  <\/section>\n\n  <!-- VISIONNEUSE -->\n  <div class=\"ce-lightbox\" aria-hidden=\"true\">\n    <button class=\"ce-lightbox-close\" aria-label=\"Fermer\">\u00d7<\/button>\n    <button class=\"ce-lightbox-prev\" aria-label=\"Photo pr\u00e9c\u00e9dente\">\u2039<\/button>\n    <img decoding=\"async\" src=\"\" alt=\"\">\n    <button class=\"ce-lightbox-next\" aria-label=\"Photo suivante\">\u203a<\/button>\n    <div class=\"ce-lightbox-caption\"><\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n\/* ===== STYLE G\u00c9N\u00c9RAL ===== *\/\n\n.ce-gallery-page {\n  --pink: #c9367e;\n  --pink-light: #e66aa5;\n  --blue: #20a4f3;\n  --blue-dark: #126ca8;\n  --green: #19c99a;\n  --text: #f4f7fb;\n  --muted: #a9b5c5;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: clamp(24px, 4vw, 48px) clamp(12px, 3vw, 30px);\n  background:\n    radial-gradient(ellipse at 8% 20%, rgba(32,164,243,.08), transparent 34%),\n    radial-gradient(ellipse at 92% 70%, rgba(25,201,154,.06), transparent 32%),\n    #080b12;\n  color: var(--text);\n  font-family: \"Montserrat\", \"Segoe UI\", sans-serif;\n}\n\n.ce-gallery-page *,\n.ce-gallery-page *::before,\n.ce-gallery-page *::after {\n  box-sizing: border-box;\n}\n\n\/* ===== EN-T\u00caTE : ANIMATION DISCR\u00c8TE ===== *\/\n\n.ce-gallery-header {\n  max-width: 900px;\n  margin: 0 auto 30px;\n  text-align: center;\n  animation: ceIntro .65s ease-out both;\n}\n\n\/* Le texte demand\u00e9 est BLEU *\/\n.ce-gallery-kicker {\n  display: inline-block;\n  margin-bottom: 14px;\n  color: #20a4f3;\n  font-size: clamp(14px, 2vw, 19px);\n  font-weight: 800;\n  letter-spacing: clamp(1.5px, .4vw, 3px);\n  text-transform: uppercase;\n}\n\n.ce-gallery-header h1 {\n  margin: 0;\n  color: #fff;\n  font-size: clamp(34px, 5.5vw, 60px);\n  font-weight: 900;\n  line-height: 1.15;\n  letter-spacing: .5px;\n}\n\n.ce-gallery-header h1 span {\n  color: var(--pink);\n}\n\n.ce-gallery-line {\n  width: 95px;\n  height: 3px;\n  margin: 17px auto;\n  background: linear-gradient(90deg, var(--pink), var(--blue), var(--green));\n  animation: ceLine .8s .15s ease-out both;\n}\n\n.ce-gallery-intro {\n  max-width: 650px;\n  margin: 0 auto;\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n\/* ===== FILTRES ===== *\/\n\n.ce-gallery-filters {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 9px;\n  margin: 0 auto 30px;\n}\n\n.ce-filter {\n  padding: 10px 16px;\n  border: 1px solid rgba(32,164,243,.4);\n  border-radius: 2px;\n  background: #101722;\n  color: #d9e7f4;\n  font: inherit;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: background .2s ease, border-color .2s ease, color .2s ease;\n}\n\n.ce-filter:hover {\n  border-color: var(--blue);\n  background: rgba(32,164,243,.12);\n  color: #fff;\n}\n\n.ce-filter.active {\n  border-color: var(--green);\n  background: rgba(25,201,154,.13);\n  color: #60e8c2;\n  box-shadow: inset 0 -2px 0 var(--green);\n}\n\n\/* ===== PHOTOS ===== *\/\n\n.ce-gallery-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n  max-width: 1250px;\n  margin: 0 auto;\n}\n\n.ce-gallery-item {\n  min-width: 0;\n  margin: 0;\n  overflow: hidden;\n  border: 1px solid rgba(32,164,243,.28);\n  border-radius: 2px;\n  background: linear-gradient(145deg, #121a27, #0b1018);\n  transition: transform .25s ease, border-color .25s ease;\n}\n\n.ce-gallery-item:nth-child(3n + 2) {\n  border-color: rgba(25,201,154,.32);\n}\n\n.ce-gallery-item:nth-child(3n) {\n  border-color: rgba(201,54,126,.34);\n}\n\n.ce-gallery-item:hover {\n  transform: translateY(-3px);\n  border-color: var(--blue);\n}\n\n.ce-gallery-item.is-hidden {\n  display: none;\n}\n\n.ce-gallery-image {\n  position: relative;\n  overflow: hidden;\n  aspect-ratio: 16 \/ 10;\n  background: #111a27;\n}\n\n.ce-gallery-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .4s ease;\n}\n\n.ce-gallery-item:hover .ce-gallery-image img {\n  transform: scale(1.035);\n}\n\n.ce-gallery-image::after {\n  content: \"\";\n  position: absolute;\n  inset: 50% 0 0;\n  pointer-events: none;\n  background: linear-gradient(transparent, rgba(3,7,13,.45));\n}\n\n.ce-gallery-number {\n  position: absolute;\n  z-index: 1;\n  top: 12px;\n  left: 12px;\n  padding: 6px 9px;\n  border-left: 2px solid var(--blue);\n  background: rgba(8,11,18,.82);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.ce-gallery-zoom {\n  position: absolute;\n  z-index: 2;\n  right: 12px;\n  bottom: 12px;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--blue);\n  border-radius: 2px;\n  background: rgba(7,15,25,.9);\n  color: #54c2ff;\n  font-size: 22px;\n  cursor: pointer;\n  transition: background .2s ease;\n}\n\n.ce-gallery-zoom:hover {\n  background: var(--blue-dark);\n  color: #fff;\n}\n\n.ce-gallery-item figcaption {\n  padding: 18px 17px 21px;\n}\n\n.ce-gallery-category {\n  display: inline-block;\n  margin-bottom: 8px;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n}\n\n.ce-blue { color: #47baff; }\n.ce-green { color: #4be4ba; }\n.ce-pink { color: #e66aa5; }\n\n.ce-gallery-item h3 {\n  margin: 0 0 9px;\n  color: #f8fafc;\n  font-size: 18px;\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n.ce-gallery-item p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.75;\n}\n\n\/* ===== PROJET : COULEURS \u00c9QUILIBR\u00c9ES ===== *\/\n\n.ce-gallery-cta {\n  position: relative;\n  overflow: hidden;\n  max-width: 1250px;\n  margin: 45px auto 0;\n  padding: clamp(25px, 4vw, 40px);\n  border: 1px solid rgba(32,164,243,.4);\n  border-left: 4px solid var(--blue);\n  background:\n    radial-gradient(ellipse at 95% 15%, rgba(25,201,154,.15), transparent 38%),\n    radial-gradient(ellipse at 0% 100%, rgba(201,54,126,.10), transparent 35%),\n    #101722;\n}\n\n.ce-cta-content {\n  position: relative;\n  z-index: 2;\n  max-width: 760px;\n}\n\n.ce-cta-kicker {\n  display: inline-block;\n  margin-bottom: 11px;\n  color: var(--green);\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 2px;\n}\n\n.ce-gallery-cta h2 {\n  margin: 0 0 13px;\n  color: #fff;\n  font-size: clamp(25px, 4vw, 39px);\n  font-weight: 900;\n  line-height: 1.25;\n}\n\n.ce-gallery-cta p {\n  max-width: 650px;\n  margin: 0 0 22px;\n  color: #b8c5d4;\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.ce-gallery-contact {\n  display: inline-flex;\n  align-items: center;\n  gap: 15px;\n  padding: 13px 19px;\n  border: 1px solid rgba(255,255,255,.15);\n  border-radius: 2px;\n  background: linear-gradient(110deg, #126ca8, #168fbd 58%, #159d83);\n  color: #fff !important;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: .7px;\n  text-decoration: none !important;\n  transition: filter .2s ease, transform .2s ease;\n}\n\n.ce-gallery-contact:hover {\n  filter: brightness(1.12);\n  transform: translateY(-2px);\n  color: #fff !important;\n}\n\n.ce-gallery-contact span {\n  font-size: 18px;\n}\n\n.ce-cta-decoration {\n  position: absolute;\n  top: 50%;\n  right: 5%;\n  width: 135px;\n  height: 135px;\n  transform: translateY(-50%);\n  opacity: .4;\n  pointer-events: none;\n}\n\n.ce-cta-decoration span {\n  position: absolute;\n  inset: 0;\n  border: 1px solid rgba(32,164,243,.6);\n  transform: rotate(45deg);\n}\n\n.ce-cta-decoration span:nth-child(2) {\n  inset: 18px;\n  border-color: rgba(25,201,154,.7);\n  transform: rotate(25deg);\n}\n\n.ce-cta-decoration span:nth-child(3) {\n  inset: 36px;\n  border-color: rgba(201,54,126,.7);\n  transform: rotate(10deg);\n}\n\n\/* ===== VISIONNEUSE ===== *\/\n\n.ce-lightbox {\n  position: fixed;\n  z-index: 999999;\n  inset: 0;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 65px 65px;\n  background: rgba(2,5,10,.94);\n  backdrop-filter: blur(7px);\n}\n\n.ce-lightbox.is-open {\n  display: flex;\n  animation: ceLightboxIn .2s ease-out both;\n}\n\n.ce-lightbox img {\n  display: block;\n  max-width: 100%;\n  max-height: 78vh;\n  object-fit: contain;\n  border: 1px solid rgba(32,164,243,.55);\n}\n\n.ce-lightbox-close,\n.ce-lightbox-prev,\n.ce-lightbox-next {\n  position: absolute;\n  display: grid;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  border: 1px solid rgba(32,164,243,.55);\n  border-radius: 2px;\n  background: #101722;\n  color: #fff;\n  font-size: 30px;\n  cursor: pointer;\n}\n\n.ce-lightbox-close {\n  top: 16px;\n  right: 16px;\n  border-color: var(--pink);\n  color: var(--pink-light);\n  font-size: 34px;\n}\n\n.ce-lightbox-prev {\n  left: 12px;\n  color: #4be4ba;\n}\n\n.ce-lightbox-next {\n  right: 12px;\n  color: #4be4ba;\n}\n\n.ce-lightbox-close:hover { background: var(--pink); color: #fff; }\n.ce-lightbox-prev:hover,\n.ce-lightbox-next:hover { background: var(--blue-dark); color: #fff; }\n\n.ce-lightbox-caption {\n  position: absolute;\n  right: 60px;\n  bottom: 17px;\n  left: 60px;\n  color: #e5edf6;\n  font-size: 13px;\n  text-align: center;\n}\n\n\/* ===== ANIMATIONS L\u00c9G\u00c8RES ===== *\/\n\n@keyframes ceIntro {\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes ceLine {\n  from { transform: scaleX(.3); opacity: .5; }\n  to { transform: scaleX(1); opacity: 1; }\n}\n\n@keyframes ceLightboxIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\/* ===== TABLETTES ===== *\/\n\n@media (max-width: 900px) {\n  .ce-gallery-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 15px;\n  }\n\n  .ce-gallery-cta { margin-top: 32px; }\n  .ce-cta-decoration { right: -25px; opacity: .23; }\n}\n\n\/* ===== SMARTPHONES ===== *\/\n\n@media (max-width: 560px) {\n  .ce-gallery-page { padding: 25px 12px; }\n\n  .ce-gallery-kicker {\n    font-size: 12px;\n    letter-spacing: 1.4px;\n    line-height: 1.7;\n  }\n\n  .ce-gallery-header h1 { font-size: clamp(30px, 8.5vw, 40px); }\n  .ce-gallery-intro { font-size: 13px; }\n\n  .ce-gallery-filters { gap: 7px; margin-bottom: 22px; }\n\n  .ce-filter {\n    padding: 9px 10px;\n    font-size: 10px;\n  }\n\n  .ce-gallery-grid {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 15px;\n  }\n\n  .ce-gallery-image { aspect-ratio: 16 \/ 9; }\n  .ce-gallery-item figcaption { padding: 16px; }\n\n  .ce-gallery-cta { margin-top: 28px; padding: 23px 17px; }\n  .ce-gallery-cta h2 { font-size: 25px; }\n  .ce-cta-kicker { font-size: 10px; letter-spacing: 1.4px; }\n  .ce-gallery-cta p { font-size: 13px; }\n\n  .ce-gallery-contact {\n    width: 100%;\n    justify-content: center;\n    padding: 13px 10px;\n    font-size: 10px;\n    gap: 8px;\n  }\n\n  .ce-cta-decoration { right: -75px; opacity: .12; }\n\n  .ce-lightbox { padding: 60px 10px; }\n  .ce-lightbox-prev { left: 4px; }\n  .ce-lightbox-next { right: 4px; }\n\n  .ce-lightbox-caption {\n    right: 10px;\n    bottom: 10px;\n    left: 10px;\n  }\n}\n\n\/* Respecte les pr\u00e9f\u00e9rences de r\u00e9duction des animations *\/\n@media (prefers-reduced-motion: reduce) {\n  .ce-gallery-page *,\n  .ce-gallery-page *::before,\n  .ce-gallery-page *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  function initCityEventsGallery() {\n    const gallery = document.getElementById('ce-gallery');\n    if (!gallery || gallery.dataset.ceInitialized === 'true') return;\n    gallery.dataset.ceInitialized = 'true';\n\n    const filters = gallery.querySelectorAll('.ce-filter');\n    const items = Array.from(gallery.querySelectorAll('.ce-gallery-item'));\n    const lightbox = gallery.querySelector('.ce-lightbox');\n    const lightboxImg = lightbox.querySelector('img');\n    const caption = lightbox.querySelector('.ce-lightbox-caption');\n    const closeBtn = lightbox.querySelector('.ce-lightbox-close');\n    const prevBtn = lightbox.querySelector('.ce-lightbox-prev');\n    const nextBtn = lightbox.querySelector('.ce-lightbox-next');\n\n    let currentIndex = 0;\n    let visibleItems = [];\n\n    function updateVisibleItems() {\n      visibleItems = items.filter(item => !item.classList.contains('is-hidden'));\n    }\n\n    function applyFilter(filter) {\n      filters.forEach(button => {\n        const active = button.dataset.filter === filter;\n        button.classList.toggle('active', active);\n        button.setAttribute('aria-pressed', String(active));\n      });\n\n      items.forEach(item => {\n        item.classList.toggle(\n          'is-hidden',\n          filter !== 'all' && item.dataset.category !== filter\n        );\n      });\n\n      updateVisibleItems();\n    }\n\n    function openLightbox(index) {\n      updateVisibleItems();\n      if (!visibleItems.length) return;\n\n      currentIndex = (index + visibleItems.length) % visibleItems.length;\n      const item = visibleItems[currentIndex];\n      const img = item.querySelector('img');\n      const title = item.querySelector('h3');\n\n      lightboxImg.src = img.src;\n      lightboxImg.alt = img.alt || '';\n      caption.textContent = title ? title.textContent : img.alt;\n      lightbox.classList.add('is-open');\n      lightbox.setAttribute('aria-hidden', 'false');\n      document.body.style.overflow = 'hidden';\n      closeBtn.focus();\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove('is-open');\n      lightbox.setAttribute('aria-hidden', 'true');\n      lightboxImg.src = '';\n      document.body.style.overflow = '';\n    }\n\n    function movePhoto(step) {\n      openLightbox(currentIndex + step);\n    }\n\n    filters.forEach(button => {\n      button.setAttribute('aria-pressed', String(button.classList.contains('active')));\n      button.addEventListener('click', () => applyFilter(button.dataset.filter));\n    });\n\n    items.forEach(item => {\n      const img = item.querySelector('img');\n      const zoom = item.querySelector('.ce-gallery-zoom');\n\n      function openThisPhoto() {\n        updateVisibleItems();\n        openLightbox(visibleItems.indexOf(item));\n      }\n\n      img.style.cursor = 'zoom-in';\n      img.addEventListener('click', openThisPhoto);\n      zoom.addEventListener('click', openThisPhoto);\n    });\n\n    closeBtn.addEventListener('click', closeLightbox);\n    prevBtn.addEventListener('click', () => movePhoto(-1));\n    nextBtn.addEventListener('click', () => movePhoto(1));\n\n    lightbox.addEventListener('click', event => {\n      if (event.target === lightbox) closeLightbox();\n    });\n\n    document.addEventListener('keydown', event => {\n      if (!lightbox.classList.contains('is-open')) return;\n      if (event.key === 'Escape') closeLightbox();\n      if (event.key === 'ArrowLeft') movePhoto(-1);\n      if (event.key === 'ArrowRight') movePhoto(1);\n    });\n\n    applyFilter('all');\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCityEventsGallery);\n  } else {\n    initCityEventsGallery();\n  }\n})();\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-546353d3\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"ce-bandeau\">\n  <div class=\"ce-bandeau-piste\">\n\n    <!-- GROUPE PRINCIPAL -->\n    <div class=\"ce-groupe\">\n\n      <span class=\"ce-item ce-blanc\">\n        <span class=\"ce-icone\">\u2726<\/span>\n        CITY EVENTS \u2014 NOTRE SAVOIR-FAIRE\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-turquoise\">\n        <span class=\"ce-icone\">\ud83d\udd0a<\/span>\n        LOCATION MAT\u00c9RIEL AUDIO\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-bleu\">\n        <span class=\"ce-icone\">\ud83c\udfa7<\/span>\n        ANIMATION DJ\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-or\">\n        <span class=\"ce-icone\">\ud83e\ude91<\/span>\n        MOBILIER \u00c9V\u00c9NEMENTIEL\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-turquoise\">\n        <span class=\"ce-icone\">\ud83c\udfac<\/span>\n        PRODUCTION VID\u00c9O\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-contact\">\n        <span class=\"ce-icone ce-icone-contact\">\u2709<\/span>\n        <a href=\"mailto:contact@cityevents.mg\">\n          contact@cityevents.mg\n        <\/a>\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-contact\">\n        <span class=\"ce-icone ce-icone-contact\">\u260e<\/span>\n        <a href=\"https:\/\/wa.me\/261331407942\"\n           target=\"_blank\"\n           rel=\"noopener noreferrer\">\n          +261 33 14 079 42\n        <\/a>\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-blanc\">\n        CITY EVENTS \u2014 DONNONS VIE \u00c0 VOS ID\u00c9ES\n        <span class=\"ce-icone\">\u2605<\/span>\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n    <\/div>\n\n    <!-- GROUPE DUPLIQU\u00c9 POUR LE D\u00c9FILEMENT CONTINU -->\n    <div class=\"ce-groupe\" aria-hidden=\"true\">\n\n      <span class=\"ce-item ce-blanc\">\n        <span class=\"ce-icone\">\u2726<\/span>\n        CITY EVENTS \u2014 NOTRE SAVOIR-FAIRE\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-turquoise\">\n        <span class=\"ce-icone\">\ud83d\udd0a<\/span>\n        LOCATION MAT\u00c9RIEL AUDIO\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-bleu\">\n        <span class=\"ce-icone\">\ud83c\udfa7<\/span>\n        ANIMATION DJ\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-or\">\n        <span class=\"ce-icone\">\ud83e\ude91<\/span>\n        MOBILIER \u00c9V\u00c9NEMENTIEL\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-turquoise\">\n        <span class=\"ce-icone\">\ud83c\udfac<\/span>\n        PRODUCTION VID\u00c9O\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-contact\">\n        <span class=\"ce-icone ce-icone-contact\">\u2709<\/span>\n        <a href=\"mailto:contact@cityevents.mg\" tabindex=\"-1\">\n          contact@cityevents.mg\n        <\/a>\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-contact\">\n        <span class=\"ce-icone ce-icone-contact\">\u260e<\/span>\n        <a href=\"https:\/\/wa.me\/261331407942\" tabindex=\"-1\">\n          +261 33 14 079 42\n        <\/a>\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n      <span class=\"ce-item ce-blanc\">\n        CITY EVENTS \u2014 DONNONS VIE \u00c0 VOS ID\u00c9ES\n        <span class=\"ce-icone\">\u2605<\/span>\n      <\/span>\n\n      <span class=\"ce-separateur\">\u25c6<\/span>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* =========================================\n   CITY EVENTS \u2014 BANDEAU PAGE \u00c0 PROPOS\n   Noir \u00e9l\u00e9gant \u2022 Turquoise \u2022 Bleu nuit \u2022 Or\n   ========================================= *\/\n\n#ce-bandeau {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  position: relative;\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  margin: 0;\n  padding: 12px 0;\n  box-sizing: border-box;\n}\n\n#ce-bandeau,\n#ce-bandeau * {\n  box-sizing: border-box;\n}\n\n\/* D\u00c9FILEMENT *\/\n\n#ce-bandeau .ce-bandeau-piste {\n  display: flex;\n  align-items: center;\n  width: max-content;\n  animation: ce-defilement 65s linear infinite;\n  will-change: transform;\n}\n\n\/* GROUPES *\/\n\n#ce-bandeau .ce-groupe {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 26px;\n  padding-right: 26px;\n  white-space: nowrap;\n}\n\n\/* TEXTES *\/\n\n#ce-bandeau .ce-item {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 9px;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.7px;\n  white-space: nowrap;\n}\n\n\/* IC\u00d4NES *\/\n\n#ce-bandeau .ce-icone {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 19px;\n  line-height: 1;\n  flex-shrink: 0;\n}\n\n\/* CONTACT *\/\n\n#ce-bandeau .ce-icone-contact {\n  color: #FFFFFF !important;\n  font-size: 27px;\n  min-width: 31px;\n  text-align: center;\n}\n\n\/* S\u00c9PARATEURS *\/\n\n#ce-bandeau .ce-separateur {\n  flex-shrink: 0;\n  color: #40C4C8;\n  font-size: 12px;\n}\n\n\/* COULEURS DU TH\u00c8ME *\/\n\n#ce-bandeau .ce-blanc {\n  color: #FFFFFF;\n}\n\n#ce-bandeau .ce-turquoise {\n  color: #64E6D5;\n}\n\n#ce-bandeau .ce-bleu {\n  color: #82B9FF;\n}\n\n#ce-bandeau .ce-or {\n  color: #F5D58A;\n}\n\n\/* LIENS DE CONTACT *\/\n\n#ce-bandeau .ce-contact {\n  color: #64E6D5;\n}\n\n#ce-bandeau .ce-contact a,\n#ce-bandeau .ce-contact a:visited {\n  color: #64E6D5 !important;\n  text-decoration: none !important;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: 700;\n  line-height: inherit;\n}\n\n#ce-bandeau .ce-contact a[href^=\"mailto:\"] {\n  text-transform: lowercase !important;\n}\n\n#ce-bandeau .ce-contact a:hover {\n  color: #FFFFFF !important;\n}\n\n\/* ANIMATION CONTINUE *\/\n\n@keyframes ce-defilement {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n\/* ORDINATEUR *\/\n\n@media (min-width: 769px) {\n  #ce-bandeau .ce-bandeau-piste {\n    animation-duration: 65s;\n  }\n}\n\n\/* TABLETTE ET SMARTPHONE *\/\n\n@media (max-width: 768px) {\n  #ce-bandeau {\n    padding: 13px 0;\n  }\n\n  #ce-bandeau .ce-bandeau-piste {\n    animation-duration: 75s;\n  }\n\n  #ce-bandeau .ce-groupe {\n    gap: 20px;\n    padding-right: 20px;\n  }\n\n  #ce-bandeau .ce-item {\n    font-size: 14px;\n    letter-spacing: 0.3px;\n    gap: 7px;\n  }\n\n  #ce-bandeau .ce-icone {\n    font-size: 18px;\n  }\n\n  #ce-bandeau .ce-icone-contact {\n    font-size: 25px;\n    min-width: 29px;\n  }\n\n  #ce-bandeau .ce-separateur {\n    font-size: 11px;\n  }\n}\n\n\/* PETITS SMARTPHONES *\/\n\n@media (max-width: 380px) {\n  #ce-bandeau .ce-item {\n    font-size: 13px;\n  }\n\n  #ce-bandeau .ce-groupe {\n    gap: 16px;\n    padding-right: 16px;\n  }\n\n  #ce-bandeau .ce-icone-contact {\n    font-size: 24px;\n    min-width: 28px;\n  }\n}\n\n\/* PAUSE AU SURVOL *\/\n\n@media (hover: hover) {\n  #ce-bandeau:hover .ce-bandeau-piste {\n    animation-play-state: paused;\n  }\n}\n\n\/* ACCESSIBILIT\u00c9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #ce-bandeau .ce-bandeau-piste {\n    animation-duration: 120s;\n  }\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background:linear-gradient(180deg,rgba(74,3,64,0.04) 2%,rgb(0,4,11) 100%);padding-bottom:var(--wp--preset--spacing--30)\">\n<div id=\"ce-footer-contact-col\">\n\n  <h3>CONTACTEZ-NOUS<\/h3>\n\n  <div class=\"ce-fc-line\"><\/div>\n\n  <div class=\"ce-fc-address\">\n    <span class=\"ce-fc-icon\">\u2316<\/span>\n    <span>Villa Fanomezantsoa, Parcelle 23\/11,<br>\n    Cit\u00e9 Canada, Toamasina &#8211; 501<\/span>\n  <\/div>\n\n  <a class=\"ce-fc-item\" href=\"mailto:contact@cityevents.mg\">\n    <span class=\"ce-fc-icon\">\u2709<\/span>\n    <span>contact@cityevents.mg<\/span>\n  <\/a>\n\n  <a class=\"ce-fc-item\" href=\"tel:+261331407942\">\n    <span class=\"ce-fc-icon\">\u260e<\/span>\n    <span>+261 33 14 079 42<\/span>\n  <\/a>\n\n  <a class=\"ce-fc-item\" href=\"https:\/\/www.cityevents.mg\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <span class=\"ce-fc-icon\">\u25ce<\/span>\n    <span>www.cityevents.mg<\/span>\n  <\/a>\n\n<\/div>\n\n<style>\n\/* CITY EVENTS \u2014 CONTACT POUR COLONNE DE PIED DE PAGE *\/\n\n#ce-footer-contact-col {\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 8px 4px;\n  margin: 0;\n  color: #e8edf5;\n  background: transparent;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 1.6;\n  overflow-wrap: anywhere;\n}\n\n#ce-footer-contact-col * {\n  box-sizing: border-box;\n}\n\n#ce-footer-contact-col h3 {\n  margin: 0 0 8px;\n  color: #ffffff;\n  font-size: 17px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  line-height: 1.4;\n}\n\n#ce-footer-contact-col .ce-fc-line {\n  width: 45px;\n  height: 3px;\n  margin-bottom: 13px;\n  background: #a8175e;\n  border-radius: 3px;\n}\n\n#ce-footer-contact-col .ce-fc-address,\n#ce-footer-contact-col .ce-fc-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0 0 11px;\n}\n\n#ce-footer-contact-col .ce-fc-address {\n  color: #e0e6ef;\n}\n\n#ce-footer-contact-col .ce-fc-item {\n  align-items: center;\n  color: #e8edf5;\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n#ce-footer-contact-col .ce-fc-item:hover {\n  color: #63b8ff;\n}\n\n#ce-footer-contact-col .ce-fc-icon {\n  display: inline-flex;\n  flex: 0 0 25px;\n  width: 25px;\n  height: 25px;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  background: rgba(33, 150, 243, 0.15);\n  border: 1px solid rgba(33, 150, 243, 0.3);\n  border-radius: 6px;\n  font-size: 15px;\n  line-height: 1;\n}\n\n#ce-footer-contact-col .ce-fc-item span:last-child {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n\/* PETITES COLONNES ET SMARTPHONES *\/\n@media (max-width: 600px) {\n  #ce-footer-contact-col {\n    padding: 6px 2px;\n    font-size: 12px;\n  }\n\n  #ce-footer-contact-col h3 {\n    font-size: 16px;\n  }\n\n  #ce-footer-contact-col .ce-fc-address,\n  #ce-footer-contact-col .ce-fc-item {\n    gap: 7px;\n    margin-bottom: 10px;\n  }\n\n  #ce-footer-contact-col .ce-fc-icon {\n    flex-basis: 23px;\n    width: 23px;\n    height: 23px;\n    font-size: 14px;\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background:linear-gradient(180deg,rgba(74,3,64,0.04) 3%,rgb(0,4,11) 100%);padding-bottom:var(--wp--preset--spacing--30)\">\n<div id=\"ce-footer-hours\">\n\n  <h3>HEURES D&rsquo;OUVERTURE<\/h3>\n\n  <div class=\"ce-hours-line\"><\/div>\n\n  <div class=\"ce-hours-item\">\n    <span class=\"ce-hours-icon\">\u25f7<\/span>\n    <div class=\"ce-hours-text\">\n      <span class=\"ce-hours-day\">Lundi au vendredi<\/span>\n      <span class=\"ce-hours-time\">09h00 \u2013 17h00<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"ce-hours-item\">\n    <span class=\"ce-hours-icon\">\u25f7<\/span>\n    <div class=\"ce-hours-text\">\n      <span class=\"ce-hours-day\">Samedi<\/span>\n      <span class=\"ce-hours-time\">09h00 \u2013 12h00<\/span>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* CITY EVENTS \u2014 HORAIRES DU PIED DE PAGE *\/\n\n#ce-footer-hours {\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 8px 4px;\n  margin: 0;\n  color: #e8edf5;\n  background: transparent;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n#ce-footer-hours * {\n  box-sizing: border-box;\n}\n\n#ce-footer-hours h3 {\n  margin: 0 0 8px;\n  color: #ffffff;\n  font-size: 17px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  line-height: 1.4;\n}\n\n#ce-footer-hours .ce-hours-line {\n  width: 45px;\n  height: 3px;\n  margin-bottom: 15px;\n  background: #a8175e;\n  border-radius: 3px;\n}\n\n#ce-footer-hours .ce-hours-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0 0 15px;\n}\n\n#ce-footer-hours .ce-hours-icon {\n  display: inline-flex;\n  flex: 0 0 27px;\n  width: 27px;\n  height: 27px;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  background: rgba(33, 150, 243, 0.15);\n  border: 1px solid rgba(33, 150, 243, 0.3);\n  border-radius: 7px;\n  font-size: 19px;\n  line-height: 1;\n}\n\n#ce-footer-hours .ce-hours-text {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: 2px;\n}\n\n#ce-footer-hours .ce-hours-day {\n  color: #e8edf5;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n#ce-footer-hours .ce-hours-time {\n  color: #63b8ff;\n  font-size: 14px;\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n}\n\n\/* PETITES COLONNES ET SMARTPHONES *\/\n@media (max-width: 600px) {\n  #ce-footer-hours {\n    padding: 6px 2px;\n    font-size: 12px;\n  }\n\n  #ce-footer-hours h3 {\n    font-size: 16px;\n  }\n\n  #ce-footer-hours .ce-hours-item {\n    gap: 7px;\n    margin-bottom: 12px;\n  }\n\n  #ce-footer-hours .ce-hours-icon {\n    flex-basis: 23px;\n    width: 23px;\n    height: 23px;\n    font-size: 16px;\n  }\n\n  #ce-footer-hours .ce-hours-day {\n    font-size: 12px;\n  }\n\n  #ce-footer-hours .ce-hours-time {\n    font-size: 13px;\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-container-core-column-is-layout-a7dce961 wp-block-column-is-layout-flow\" style=\"background:linear-gradient(180deg,rgba(74,3,64,0.04) 1%,rgb(0,4,11) 99%)\">\n<div id=\"ce-footer-map-title\">\n\n  <h3>TROUVEZ-NOUS<\/h3>\n\n  <div class=\"ce-map-title-line\"><\/div>\n\n<\/div>\n\n<style>\n\/* CITY EVENTS \u2014 TITRE DE LA CARTE *\/\n\n#ce-footer-map-title {\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 8px 4px;\n  margin: 0;\n  background: transparent;\n  font-family: inherit;\n}\n\n#ce-footer-map-title h3 {\n  margin: 0 0 8px;\n  color: #ffffff;\n  font-size: 17px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  line-height: 1.4;\n}\n\n#ce-footer-map-title .ce-map-title-line {\n  width: 45px;\n  height: 3px;\n  margin-bottom: 15px;\n  background: #a8175e;\n  border-radius: 3px;\n}\n\n\/* PETITES COLONNES ET SMARTPHONES *\/\n@media (max-width: 600px) {\n  #ce-footer-map-title {\n    padding: 6px 2px;\n  }\n\n  #ce-footer-map-title h3 {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n\n\t\t\t<div \n\t\t\tclass=\"wp-block-uagb-google-map uagb-google-map__wrap uagb-block-f3bcd05b     \"\n\t\t\tstyle=\"\" >\n\t\t\t\t<embed\n\t\t\t\t\tclass=\"uagb-google-map__iframe\"\n\t\t\t\t\ttitle=\"Carte Google pour \"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Villa%20Fanomezantsoa%20parcelle%2023%2F11%20cite%20canada%20toamasina&#038;z=4&#038;hl=fr&#038;t=k&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\twidth=\"640\"\n\t\t\t\t\theight=\"200\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t><\/embed>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CITY EVENTS \u00b7 NOS R\u00c9ALISATIONS NOTRE GALERIE D\u00e9couvrez nos prestations, nos \u00e9quipements et nos inspirations pour donner vie \u00e0 vos \u00e9v\u00e9nements. Tout voir Sonorisation Animation DJ \u00c9clairage \u00c9v\u00e9nements Mat\u00e9riel 01 \u2197 SONORISATION Le son au c\u0153ur de l&rsquo;\u00e9v\u00e9nement Des solutions audio adapt\u00e9es \u00e0 votre public et \u00e0 votre espace. 02 \u2197 ANIMATION DJ Une ambiance [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2562","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/cityevents.mg\/home\/author\/admin_as4n6i9l\/"},"uagb_comment_info":0,"uagb_excerpt":"CITY EVENTS \u00b7 NOS R\u00c9ALISATIONS NOTRE GALERIE D\u00e9couvrez nos prestations, nos \u00e9quipements et nos inspirations pour donner vie \u00e0 vos \u00e9v\u00e9nements. Tout voir Sonorisation Animation DJ \u00c9clairage \u00c9v\u00e9nements Mat\u00e9riel 01 \u2197 SONORISATION Le son au c\u0153ur de l&rsquo;\u00e9v\u00e9nement Des solutions audio adapt\u00e9es \u00e0 votre public et \u00e0 votre espace. 02 \u2197 ANIMATION DJ Une ambiance\u2026","_links":{"self":[{"href":"https:\/\/cityevents.mg\/home\/wp-json\/wp\/v2\/pages\/2562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cityevents.mg\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cityevents.mg\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cityevents.mg\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cityevents.mg\/home\/wp-json\/wp\/v2\/comments?post=2562"}],"version-history":[{"count":74,"href":"https:\/\/cityevents.mg\/home\/wp-json\/wp\/v2\/pages\/2562\/revisions"}],"predecessor-version":[{"id":6197,"href":"https:\/\/cityevents.mg\/home\/wp-json\/wp\/v2\/pages\/2562\/revisions\/6197"}],"wp:attachment":[{"href":"https:\/\/cityevents.mg\/home\/wp-json\/wp\/v2\/media?parent=2562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}