{"id":2116,"date":"2026-09-20T09:50:32","date_gmt":"2026-09-20T08:50:32","guid":{"rendered":"http:\/\/www.harasduboiscourtin.fr\/?page_id=2116"},"modified":"2026-09-20T11:03:07","modified_gmt":"2026-09-20T10:03:07","slug":"actualites","status":"publish","type":"page","link":"http:\/\/www.harasduboiscourtin.fr\/?page_id=2116","title":{"rendered":"Actualit\u00e9s"},"content":{"rendered":"\n<style>\n\/* --- 1 \u00e0 4 : R\u00c9PARATION DU MENU ET DU TH\u00c8ME (NE PAS TOUCHER) --- *\/\n.siteorigin-page-builder-empty, #siteorigin-page-builder-empty, p.siteorigin-page-builder-empty, .so-panel-empty,\n.entry-header, .page-header, .entry-title, .page-title, .entry-meta, .post-meta, .posted-on, .byline, #secondary, .widget-area, .sidebar, header#masthead .hgroup, .support-text {\n  display: none !important; visibility: hidden !important; height: 0 !important; padding: 0 !important; margin: 0 !important;\n}\nheader#masthead .main-navigation ul.menu { display: flex !important; justify-content: center !important; flex-wrap: nowrap !important; }\nheader#masthead .main-navigation ul.menu > li { white-space: nowrap !important; position: relative !important; }\nheader#masthead .main-navigation ul.menu > li > a { padding-left: 12px !important; padding-right: 12px !important; }\nheader#masthead .main-navigation ul ul { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; min-width: 220px !important; z-index: 99999 !important; }\nheader#masthead .main-navigation li:hover > ul { display: block !important; }\nheader#masthead .main-navigation ul ul li { display: block !important; width: 100% !important; }\nheader#masthead .main-navigation ul ul li a { white-space: normal !important; }\narticle, .entry-main, .entry-content, #main, #primary, #content, .site-content { margin: 0 auto !important; padding: 0 !important; border: none !important; box-shadow: none !important; background: transparent !important; width: 100% !important; max-width: 100% !important; float: none !important; }\n\n\/* --- 5. NOUVEAU : SYST\u00c8ME DE GALERIE (GRANDE IMAGE + VIGNETTES) --- *\/\n.gallery-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 30px;\n  align-items: flex-start;\n  width: 100%;\n}\n\n\/* Zone de la grande image (Prend environ 70% de l'espace) *\/\n.gallery-main {\n  flex: 1 1 65%;\n  background: #1f2937;\n  padding: 15px;\n  border: 1px solid #374151;\n  border-radius: 4px;\n  box-shadow: 0 10px 40px rgba(0,0,0,0.5);\n}\n.gallery-main img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 2px;\n}\n\n\/* Zone de la barre lat\u00e9rale des mois (Prend 30% de l'espace) *\/\n.gallery-sidebar {\n  flex: 1 1 25%;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n\/* Style des blocs \"Mois\" *\/\n.month-section {\n  background: rgba(31, 41, 55, 0.5);\n  border: 1px solid #374151;\n  padding: 15px;\n  border-radius: 4px;\n}\n.month-title {\n  color: #9ca3af;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  font-size: 13px;\n  margin-top: 0;\n  margin-bottom: 12px;\n  border-bottom: 1px solid #374151;\n  padding-bottom: 8px;\n}\n\n\/* Style des vignettes cliquables *\/\n.thumb-btn {\n  width: 100%;\n  cursor: pointer;\n  display: block;\n  border: 2px solid transparent;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n}\n.thumb-btn:hover {\n  border-color: #9ca3af; \/* Bordure claire au survol *\/\n  transform: scale(1.03); \/* Petit effet de zoom *\/\n}\n.thumb-btn img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 2px;\n}\n\n\/* Adaptation pour les t\u00e9l\u00e9phones portables (La barre lat\u00e9rale passe en dessous) *\/\n@media (max-width: 768px) {\n  .gallery-wrapper { flex-direction: column; }\n  .gallery-main, .gallery-sidebar { flex: 1 1 100%; width: 100%; }\n}\n<\/style>\n\n<!-- D\u00c9BORDEMENT FORC\u00c9 (100VW) -->\n<div style=\"background-color: #111827; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; overflow-x: hidden; min-height: 100vh;\">\n\n  <!-- CONTENEUR DU CONTENU -->\n  <div style=\"padding: 60px 20px; width: 100%; box-sizing: border-box;\">\n    <div style=\"max-width: 1050px; margin: 0 auto;\"> <!-- J'ai un peu \u00e9largi \u00e0 1050px pour faire de la place aux deux colonnes -->\n\n      <!-- EN-T\u00caTE DE LA PAGE -->\n      <div style=\"text-align: center; margin-bottom: 50px;\">\n        <h1 style=\"margin: 0; font-family: 'Georgia', serif; font-size: 34px; font-weight: normal; color: #ffffff; letter-spacing: 4px; text-transform: uppercase;\">\n          Actualit\u00e9s\n        <\/h1>\n        <div style=\"width: 50px; height: 1px; background-color: #9ca3af; margin: 25px auto;\"><\/div>\n        <p style=\"margin: 0; font-size: 13px; font-weight: 500; letter-spacing: 4px; color: #9ca3af; text-transform: uppercase;\">\n          Toute la vie du Haras du Bois Courtin\n        <\/p>\n      <\/div>\n\n      <!-- LA GALERIE DYNAMIQUE -->\n      <div class=\"gallery-wrapper\">\n        \n        <!-- COLONNE GAUCHE : L'IMAGE EN GRAND (Par d\u00e9faut: Toussaint) -->\n        <div class=\"gallery-main\">\n          <!-- Note : on lui donne l'ID \"main-pic\" pour pouvoir la cibler -->\n          <img decoding=\"async\" id=\"main-pic\" src=\"http:\/\/www.harasduboiscourtin.fr\/wp-content\/uploads\/2026\/09\/IMG-20260920-WA0001.jpg\" alt=\"\u00c9v\u00e9nement en cours\">\n        <\/div>\n\n        <!-- COLONNE DROITE : LES MOIS ET LES VIGNETTES -->\n        <div class=\"gallery-sidebar\">\n          \n          <!-- BLOC OCTOBRE -->\n          <div class=\"month-section\">\n            <h3 class=\"month-title\">Octobre<\/h3>\n            <!-- Au clic, on remplace l'image \"main-pic\" par l'image de Toussaint -->\n            <a onclick=\"document.getElementById('main-pic').src='http:\/\/www.harasduboiscourtin.fr\/wp-content\/uploads\/2026\/09\/IMG-20260920-WA0001.jpg';\" class=\"thumb-btn\">\n              <img decoding=\"async\" src=\"http:\/\/www.harasduboiscourtin.fr\/wp-content\/uploads\/2026\/09\/IMG-20260920-WA0001.jpg\" alt=\"Stage Toussaint\">\n            <\/a>\n          <\/div>\n\n          <!-- BLOC SEPTEMBRE -->\n          <div class=\"month-section\">\n            <h3 class=\"month-title\">Septembre<\/h3>\n            <!-- Au clic, on remplace l'image \"main-pic\" par l'image des Inscriptions -->\n            <a onclick=\"document.getElementById('main-pic').src='http:\/\/www.harasduboiscourtin.fr\/wp-content\/uploads\/2026\/08\/image0.png';\" class=\"thumb-btn\">\n              <img decoding=\"async\" src=\"http:\/\/www.harasduboiscourtin.fr\/wp-content\/uploads\/2026\/08\/image0.png\" alt=\"Inscriptions\">\n            <\/a>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Actualit\u00e9s Toute la vie du Haras du Bois Courtin Octobre Septembre<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/pages\/2116"}],"collection":[{"href":"http:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2116"}],"version-history":[{"count":27,"href":"http:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/pages\/2116\/revisions"}],"predecessor-version":[{"id":2160,"href":"http:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/pages\/2116\/revisions\/2160"}],"wp:attachment":[{"href":"http:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}