{"id":19,"date":"2014-10-10T14:24:59","date_gmt":"2014-10-10T13:24:59","guid":{"rendered":"http:\/\/www.harasduboiscourtin.fr\/?page_id=19"},"modified":"2026-09-20T11:35:14","modified_gmt":"2026-09-20T10:35:14","slug":"contacts","status":"publish","type":"page","link":"https:\/\/www.harasduboiscourtin.fr\/?page_id=19","title":{"rendered":"Contact"},"content":{"rendered":"\n<style>\n\/* 1. \u00c9radication totale des titres, marges et zones vides du th\u00e8me *\/\n.entry-header, .page-header, .entry-title, .page-title, .entry-meta, header#masthead .hgroup, #secondary, .sidebar {\n  display: none !important;\n}\n\n\/* 2. Collages parfaits sous le menu *\/\nheader#masthead, .site-header, #main, #page, .site {\n  margin: 0 !important;\n  padding-bottom: 0 !important;\n  padding-top: 0 !important;\n  border: none !important;\n}\n\n\/* 3. Forcer absolument toutes les bo\u00eetes du th\u00e8me en 100% plein \u00e9cran *\/\n#main, #primary, #content, .content-area, .site-main, .entry-content, article, .site-content, .container {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  border: none !important;\n}\n\n\/* --- ANIMATIONS MICRO-INTERACTIONS --- *\/\n\n\/* T\u00e9l\u00e9phone (Sonnerie) *\/\n@keyframes ring {\n  0% { transform: rotate(0); }\n  10% { transform: rotate(15deg); }\n  20% { transform: rotate(-15deg); }\n  30% { transform: rotate(15deg); }\n  40% { transform: rotate(-15deg); }\n  50% { transform: rotate(0); }\n  100% { transform: rotate(0); }\n}\n\n.emoji-phone {\n  display: inline-flex;\n  align-items: center;\n  animation: ring 2s infinite;\n  margin-right: 8px;\n  transform-origin: center;\n}\n\n.phone-link:hover .emoji-phone {\n  animation: ring 0.5s infinite; \n}\n\n\/* Email (Balancier) *\/\n@keyframes mailWiggle {\n  0% { transform: rotate(0deg) scale(1); }\n  25% { transform: rotate(-10deg) scale(1.1); }\n  50% { transform: rotate(10deg) scale(1.1); }\n  75% { transform: rotate(-10deg) scale(1.1); }\n  100% { transform: rotate(0deg) scale(1); }\n}\n\n.emoji-mail {\n  display: inline-flex;\n  align-items: center;\n  margin-right: 8px;\n  transform-origin: center;\n}\n\n.mail-link:hover .emoji-mail {\n  animation: mailWiggle 0.6s ease-in-out infinite;\n}\n\n\/* R\u00e9seaux sociaux (Rebond) *\/\n.social-link {\n  color: #ffffff;\n  text-decoration: none;\n  font-size: 14px;\n  letter-spacing: 1px;\n  border-bottom: 1px solid #9ca3af;\n  padding-bottom: 2px;\n  text-transform: uppercase;\n  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n  display: inline-block;\n}\n\n.social-link.fb:hover {\n  color: #3b5998;\n  border-color: #3b5998;\n  transform: translateY(-4px);\n}\n\n.social-link.ig:hover {\n  color: #e1306c;\n  border-color: #e1306c;\n  transform: translateY(-4px);\n}\n<\/style>\n\n<div style=\"background-color: #111827; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; overflow-x: hidden; min-height: 100vh; padding-top: 60px; padding-bottom: 80px;\">\n\n  <div style=\"max-width: 950px; margin: 0 auto; padding: 0 20px; text-align: center;\">\n\n    <div style=\"margin-bottom: 50px;\">\n      <img decoding=\"async\" src=\"http:\/\/www.harasduboiscourtin.fr\/wp-content\/uploads\/2026\/08\/logo-transparent-silver.png\" alt=\"Logo Haras du Bois Courtin\" width=\"130\" style=\"margin: 0 auto 20px auto; display: block;\">\n      \n      <h1 style=\"margin: 0; font-family: 'Georgia', serif; font-size: 34px; font-weight: normal; color: #ffffff; letter-spacing: 4px; text-transform: uppercase;\">\n        Contact &#038; Acc\u00e8s\n      <\/h1>\n      \n      <div style=\"width: 50px; height: 1px; background-color: #9ca3af; margin: 25px auto;\"><\/div>\n      \n      <p style=\"margin: 0; font-size: 13px; font-weight: 500; letter-spacing: 4px; color: #9ca3af; text-transform: uppercase;\">\n        Centre \u00e9questre \u2022 Poney-Club \u2022 Pensions chevaux\n      <\/p>\n    <\/div>\n\n    <div style=\"background: #1f2937; padding: 50px 30px; border: 1px solid #374151; box-shadow: 0 10px 40px rgba(0,0,0,0.5); text-align: center; margin: 0 auto 40px auto;\">\n      \n      <div style=\"margin-bottom: 25px;\">\n        <img decoding=\"async\" src=\"http:\/\/www.harasduboiscourtin.fr\/wp-content\/uploads\/2026\/08\/Papa-Gwen.png\" alt=\"Gw\u00e9nol\u00e9 Bourout\" style=\"width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 2px solid #9ca3af; box-shadow: 0 8px 25px rgba(0,0,0,0.4); display: block; margin: 0 auto;\">\n      <\/div>\n\n      <h2 style=\"margin: 0 0 5px 0; font-family: 'Georgia', serif; font-size: 22px; font-weight: normal; color: #ffffff; letter-spacing: 1px;\">\n        Gw\u00e9nol\u00e9 Bourout\n      <\/h2>\n      <p style=\"margin: 0 0 30px 0; font-size: 13px; color: #9ca3af; text-transform: uppercase; letter-spacing: 2px;\">\n        Responsable du Haras\n      <\/p>\n\n      <div style=\"width: 40px; height: 1px; background-color: #374151; margin: 0 auto 30px auto;\"><\/div>\n\n      <div style=\"display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; margin-bottom: 30px; text-align: center;\">\n        \n        <div style=\"flex: 1; min-width: 250px;\">\n          <h3 style=\"margin: 0 0 10px 0; font-family: 'Georgia', serif; font-size: 16px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px;\">Adresse<\/h3>\n          <p style=\"margin: 0; color: #d1d5db; font-size: 15px; line-height: 1.6;\">\n            10 Route de Villebon<br>\n            91140 Villejust\n          <\/p>\n        <\/div>\n\n        <div style=\"flex: 1; min-width: 250px;\">\n          <h3 style=\"margin: 0 0 10px 0; font-family: 'Georgia', serif; font-size: 16px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px;\">T\u00e9l\u00e9phone<\/h3>\n          <p style=\"margin: 0; font-size: 15px;\">\n            <a href=\"tel:0658068082\" class=\"phone-link\" style=\"color: #ffffff; text-decoration: none; border-bottom: 1px solid #9ca3af; font-weight: bold; padding-bottom: 2px; display: inline-flex; align-items: center; justify-content: center;\">\n              <span class=\"emoji-phone\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <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.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n                <\/svg>\n              <\/span> \n              06 58 06 80 82\n            <\/a>\n          <\/p>\n        <\/div>\n\n        <div style=\"flex: 1; min-width: 250px;\">\n          <h3 style=\"margin: 0 0 10px 0; font-family: 'Georgia', serif; font-size: 16px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px;\">Email &#038; Web<\/h3>\n          <p style=\"margin: 0; color: #d1d5db; font-size: 15px; line-height: 1.8;\">\n            <!-- Ajout de la classe mail-link et de l'ic\u00f4ne SVG pour l'email -->\n            <a href=\"mailto:harasduboiscourtin@gmail.com\" class=\"mail-link\" style=\"color: #ffffff; text-decoration: none; border-bottom: 1px solid #9ca3af; padding-bottom: 2px; display: inline-flex; align-items: center; justify-content: center;\">\n              <span class=\"emoji-mail\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                  <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n                <\/svg>\n              <\/span>\n              harasduboiscourtin@gmail.com\n            <\/a><br>\n            <span style=\"color: #9ca3af; margin-top: 6px; display: inline-block;\">www.harasduboiscourtin.fr<\/span>\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div style=\"padding-top: 25px; border-top: 1px solid #374151;\">\n        <p style=\"margin: 0 0 15px 0; color: #ffffff; font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\">Suivez notre actualit\u00e9<\/p>\n        <div>\n          <a href=\"https:\/\/www.facebook.com\/people\/Haras-du-bois-courtin-HBC\/100064643174182\/\" target=\"_blank\" class=\"social-link fb\" style=\"margin-right: 25px;\" rel=\"noopener noreferrer\">Facebook<\/a>\n          <a href=\"https:\/\/www.instagram.com\/harasduboiscourtin\/\" target=\"_blank\" class=\"social-link ig\" rel=\"noopener noreferrer\">Instagram<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div style=\"background: #1f2937; padding: 12px; border: 1px solid #374151; box-shadow: 0 10px 40px rgba(0,0,0,0.5); margin: 0 auto;\">\n      <div style=\"width: 100%; height: 380px;\">\n        <iframe loading=\"lazy\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=10+Route+de+Villebon,+91140+Villejust&#038;t=&#038;z=15&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" style=\"display: block;\"><\/iframe>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contact &#038; Acc\u00e8s Centre \u00e9questre \u2022 Poney-Club \u2022 Pensions chevaux Gw\u00e9nol\u00e9 Bourout Responsable du Haras Adresse 10 Route de Villebon 91140 Villejust T\u00e9l\u00e9phone 06 58 06 80 82 Email &#038; Web harasduboiscourtin@gmail.com www.harasduboiscourtin.fr Suivez notre actualit\u00e9 Facebook Instagram<\/p>\n","protected":false},"author":1,"featured_media":385,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/pages\/19"}],"collection":[{"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":29,"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":2166,"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/2166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=\/wp\/v2\/media\/385"}],"wp:attachment":[{"href":"https:\/\/www.harasduboiscourtin.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}