1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 3<head> 4<meta content="text/html; charset=UTF-8" http-equiv="content-type"/> 5<title>Golf National | Heritage</title> 6<meta name="description" content="Discover the Albatros Golf course, the host of the Paris 2024 Olympic Games. Book your hotel and enjoy our shop. " /> 7<meta name="viewport" content="width=device-width, initial-scale=1"/> 8<meta name="apple-mobile-web-app-capable" content="yes"/> 9<meta name="apple-mobile-web-app-status-bar-style" content="white"/> 10<meta name="theme-color" content="#ffffff"/> 11<meta name="msapplication-TileColor" content="#ffffff"/> 12<meta name="msapplication-TileImage" content="https://golf-national.com/ms-icon-144x144.png?v=1"/> 13<link type="text/css" href="https://golf-national.com/vtfmk/base/css/flags.css" rel="stylesheet" /> 14<link type="text/css" href="https://golf-national.com/apple-icon-57x57.png?v=1" rel="apple-touch-icon" sizes="57x57" /> 15<link type="text/css" href="https://golf-national.com/apple-icon-60x60.png?v=1" rel="apple-touch-icon" sizes="60x60" /> 16<link type="text/css" href="https://golf-national.com/apple-icon-72x72.png?v=1" rel="apple-touch-icon" sizes="72x72" /> 17<link type="text/css" href="https://golf-national.com/apple-icon-76x76.png?v=1" rel="apple-touch-icon" sizes="76x76" /> 18<link type="text/css" href="https://golf-national.com/apple-icon-114x114.png?v=1" rel="apple-touch-icon" sizes="114x114" /> 19<link type="text/css" href="https://golf-national.com/apple-icon-120x120.png?v=1" rel="apple-touch-icon" sizes="120x120" /> 20<link type="text/css" href="https://golf-national.com/apple-icon-144x144.png?v=1" rel="apple-touch-icon" sizes="144x144" /> 21<link type="text/css" href="https://golf-national.com/apple-icon-152x152.png?v=1" rel="apple-touch-icon" sizes="152x152" /> 22<link type="text/css" href="https://golf-national.com/apple-icon-180x180.png?v=1" rel="apple-touch-icon" sizes="180x180" /> 23<link type="text/css" href="https://golf-national.com/android-icon-192x192.png?v=1" rel="icon" type="image/png" sizes="192x192" /> 24<link type="text/css" href="https://golf-national.com/favicon-32x32.png?v=1" rel="icon" type="image/png" sizes="32x32" /> 25<link type="text/css" href="https://golf-national.com/favicon-96x96.png?v=1" rel="icon" type="image/png" sizes="96x96" /> 26<link type="text/css" href="https://golf-national.com/favicon-16x16.png?v=1" rel="icon" type="image/png" sizes="16x16" /> 27<link type="text/css" href="https://golf-national.com/manifest.json?v=1" rel="manifest" /> 28<link type="text/css" href="https://golf-national.com/assets/vt-plugins/css/vtplugins.css?v=6ab70c71f0ac9" rel="stylesheet" /> 29<link type="text/css" href="https://golf-national.com/assets/css/main.css?v=6ab70c71f0ac9" rel="stylesheet" /> 30<link type="text/css" href="https://golf-national.com/assets/css/demande_eric_15_07_2026.css?v=6ab70c71f0ac9" rel="stylesheet" /> 31<link type="text/css" href="https://golf-national.com/slotmodbase/SlotContainer.compiledStyles/" rel="stylesheet" /> 32<link type="text/css" href="https://golf-national.com/vtcms/libs/splide/css/splide.min.css" rel="stylesheet" />
33<script type="text/javascript" src="https://golf-national.com/vtfmk/libs/tarteaucitron/tarteaucitron.js" ></script>
vendor: 1 bytes, line 33
33
34<script type="text/javascript" src="https://golf-national.com/vtfmk/libs/tarteaucitron/lang/tarteaucitron.en.js" ></script>
vendor: 1 bytes, line 34
34
35<script type="text/javascript" src="https://golf-national.com/vtcms/libs/splide/js/splide.min.js" ></script>
35 36<meta http-equiv="X-UA-Compatible" content="IE=edge"> 37<link rel="preconnect" href="https://player.vimeo.com"> 38<link rel="preconnect" href="https://i.vimeocdn.com"> 39<link rel="dns-prefetch" href="//player.vimeo.com"> 40<link rel="dns-prefetch" href="//i.vimeocdn.com"> 41</head> 42<body>
43<script type="text/javascript"> 44 // <![CDATA[ 45 tarteaucitron.init({"privacyUrl":"","cookieName":"tartaucitron","hashtag":"#tarteaucitron","showAlertSmall":false,"highPrivacy":false,"orientation":"bottom","adblocker":false,"AcceptAllCta":true,"handleBrowserDNTRequest":true,"cookieslist":false,"removeCredit":true,"moreInfoLink":false,"showIcon":false}); 46 47 console.error("Google Maps Key must be defined !"); 48 49 50 tarteaucitron.user.gtagUa = 'G-WQL318L5XT'; 51 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 52 53 (tarteaucitron.job = tarteaucitron.job || []).push('iframe'); 54 55 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 56 57 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 58 59 (tarteaucitron.job = tarteaucitron.job || []).push('recaptcha'); 60 61tarteaucitron.lang = {"adblock":"Bonjour! Ce site joue la transparence et vous donne le choix des services tiers \u00e0 activer.","adblock_call":"Merci de d\u00e9sactiver votre adblocker pour commencer la personnalisation.","reload":"Recharger la page","alertBigScroll":"En continuant de d\u00e9filer,","alertBigClick":"En poursuivant votre navigation,","alertBig":"vous acceptez l'utilisation de services tiers pouvant installer des cookies","alertBigPrivacy":"Ce site utilise des cookies et vous donne le contr\u00f4le sur ce que vous souhaitez activer","alertSmall":"Gestion des services","acceptAll":"OK, tout accepter","personalize":"Personnaliser","close":"Fermer","all":"Pr\u00e9f\u00e9rence pour tous les services","description":"Les cookies nous permettent de personnaliser le contenu et d'offrir des fonctionnalit\u00e9s relatives aux m\u00e9dias sociaux et d'analyser notre trafic. Nous partageons \u00e9galement des informations sur l'utilisation de notre site avec nos partenaires qui peuvent combiner celles-ci avec d'autres informations que vous leur avez fournies ou qu'ils ont collect\u00e9es lors de l\u2019utilisation de notre site.<br \/><br \/>Pour en savoir plus et, notamment, pour s'opposer \u00e0 leur installation, nous vous invitons \u00e0 consulter","slug_link_policy":"politique-de-confidentialite","text_link_policy":"notre politique de confidentialit\u00e9 pour la protection des donn\u00e9es personnelles","info":"Protection de votre vie priv\u00e9e","disclaimer":"En autorisant ces services tiers, vous acceptez le d\u00e9p\u00f4t et la lecture de cookies et l'utilisation de technologies de suivi n\u00e9cessaires \u00e0 leur bon fonctionnement.","allow":"Autoriser","deny":"Interdire","noCookie":"Ce service ne d\u00e9pose aucun cookie.","useCookie":"Ce service peut d\u00e9poser","useCookieCurrent":"Ce service a d\u00e9pos\u00e9","useNoCookie":"Ce service n'a d\u00e9pos\u00e9 aucun cookie.","more":"En savoir plus","source":"Voir le site officiel","credit":"Gestion des cookies par tarteaucitron.js","fallback":"est d\u00e9sactiv\u00e9.","ads":{"title":"R\u00e9gies publicitaires","details":"Les r\u00e9gies publicitaires permettent de g\u00e9n\u00e9rer des revenus en commercialisant les espaces publicitaires du site."},"analytic":{"title":"Mesure d'audience","details":"Les services de mesure d'audience permettent de g\u00e9n\u00e9rer des statistiques de fr\u00e9quentation utiles \u00e0 l'am\u00e9lioration du site."},"social":{"title":"R\u00e9seaux sociaux","details":"Les r\u00e9seaux sociaux permettent d'am\u00e9liorer la convivialit\u00e9 du site et aident \u00e0 sa promotion via les partages."},"video":{"title":"Vid\u00e9os","details":"Les services de partage de vid\u00e9o permettent d'enrichir le site de contenu multim\u00e9dia et augmentent sa visibilit\u00e9."},"comment":{"title":"Commentaires","details":"Les gestionnaires de commentaires facilitent le d\u00e9p\u00f4t de vos commentaires et luttent contre le spam."},"support":{"title":"Support","details":"Les services de support vous permettent d'entrer en contact avec l'\u00e9quipe du site et d'aider \u00e0 son am\u00e9lioration."},"api":{"title":"APIs","details":"Les APIs permettent de charger des scripts : g\u00e9olocalisation, moteurs de recherche, traductions, ..."},"other":{"title":"Autre","details":"Services visant \u00e0 afficher du contenu web."}}; 62 63 // ]]> 64 </script>
64<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 65<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 66<head> 67<meta content="text/html; charset=UTF-8" http-equiv="content-type"/> 68<title>Heritage</title> 69<meta name="description" content="Discover the Albatros Golf course, the host of the Paris 2024 Olympic Games. Book your hotel and enjoy our shop. " /> 70<meta name="viewport" content="width=device-width, initial-scale=1"/> 71<meta name="apple-mobile-web-app-capable" content="yes"/> 72<meta name="apple-mobile-web-app-status-bar-style" content="white"/> 73<meta name="theme-color" content="#ffffff"/> 74<meta name="msapplication-TileColor" content="#ffffff"/> 75<meta name="msapplication-TileImage" content="https://golf-national.com/ms-icon-144x144.png?v=1"/> 76<link type="text/css" href="https://golf-national.com/vtfmk/base/css/flags.css" rel="stylesheet" /> 77<link type="text/css" href="https://golf-national.com/apple-icon-57x57.png?v=1" rel="apple-touch-icon" sizes="57x57" /> 78<link type="text/css" href="https://golf-national.com/apple-icon-60x60.png?v=1" rel="apple-touch-icon" sizes="60x60" /> 79<link type="text/css" href="https://golf-national.com/apple-icon-72x72.png?v=1" rel="apple-touch-icon" sizes="72x72" /> 80<link type="text/css" href="https://golf-national.com/apple-icon-76x76.png?v=1" rel="apple-touch-icon" sizes="76x76" /> 81<link type="text/css" href="https://golf-national.com/apple-icon-114x114.png?v=1" rel="apple-touch-icon" sizes="114x114" /> 82<link type="text/css" href="https://golf-national.com/apple-icon-120x120.png?v=1" rel="apple-touch-icon" sizes="120x120" /> 83<link type="text/css" href="https://golf-national.com/apple-icon-144x144.png?v=1" rel="apple-touch-icon" sizes="144x144" /> 84<link type="text/css" href="https://golf-national.com/apple-icon-152x152.png?v=1" rel="apple-touch-icon" sizes="152x152" /> 85<link type="text/css" href="https://golf-national.com/apple-icon-180x180.png?v=1" rel="apple-touch-icon" sizes="180x180" /> 86<link type="text/css" href="https://golf-national.com/android-icon-192x192.png?v=1" rel="icon" type="image/png" sizes="192x192" /> 87<link type="text/css" href="https://golf-national.com/favicon-32x32.png?v=1" rel="icon" type="image/png" sizes="32x32" /> 88<link type="text/css" href="https://golf-national.com/favicon-96x96.png?v=1" rel="icon" type="image/png" sizes="96x96" /> 89<link type="text/css" href="https://golf-national.com/favicon-16x16.png?v=1" rel="icon" type="image/png" sizes="16x16" /> 90<link type="text/css" href="https://golf-national.com/manifest.json?v=1" rel="manifest" /> 91<link type="text/css" href="https://golf-national.com/assets/vt-plugins/css/vtplugins.css?v=6ab70c71f0ac9" rel="stylesheet" /> 92<link type="text/css" href="https://golf-national.com/assets/css/main.css?v=6ab70c71f0ac9" rel="stylesheet" /> 93<link type="text/css" href="https://golf-national.com/assets/css/demande_eric_15_07_2026.css?v=6ab70c71f0ac9" rel="stylesheet" /> 94<link type="text/css" href="https://golf-national.com/slotmodbase/SlotContainer.compiledStyles/" rel="stylesheet" /> 95<link type="text/css" href="https://golf-national.com/vtcms/libs/splide/css/splide.min.css" rel="stylesheet" />
96<script type="text/javascript" src="https://golf-national.com/vtfmk/libs/tarteaucitron/tarteaucitron.js" ></script>
vendor: 1 bytes, line 96
96
97<script type="text/javascript" src="https://golf-national.com/vtfmk/libs/tarteaucitron/lang/tarteaucitron.en.js" ></script>
vendor: 1 bytes, line 97
97
98<script type="text/javascript" src="https://golf-national.com/vtcms/libs/splide/js/splide.min.js" ></script>
98 99<meta http-equiv="X-UA-Compatible" content="IE=edge"> 100<link rel="preconnect" href="https://player.vimeo.com"> 101<link rel="preconnect" href="https://i.vimeocdn.com"> 102<link rel="dns-prefetch" href="//player.vimeo.com"> 103<link rel="dns-prefetch" href="//i.vimeocdn.com"> 104</head> 105<body>
106<script type="text/javascript"> 107 // <![CDATA[ 108 tarteaucitron.init({"privacyUrl":"","cookieName":"tartaucitron","hashtag":"#tarteaucitron","showAlertSmall":false,"highPrivacy":false,"orientation":"bottom","adblocker":false,"AcceptAllCta":true,"handleBrowserDNTRequest":true,"cookieslist":false,"removeCredit":true,"moreInfoLink":false,"showIcon":false}); 109 110 console.error("Google Maps Key must be defined !"); 111 112 113 tarteaucitron.user.gtagUa = 'G-WQL318L5XT'; 114 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 115 116 (tarteaucitron.job = tarteaucitron.job || []).push('iframe'); 117 118 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 119 120 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 121 122 (tarteaucitron.job = tarteaucitron.job || []).push('recaptcha'); 123 124tarteaucitron.lang = {"adblock":"Bonjour! Ce site joue la transparence et vous donne le choix des services tiers \u00e0 activer.","adblock_call":"Merci de d\u00e9sactiver votre adblocker pour commencer la personnalisation.","reload":"Recharger la page","alertBigScroll":"En continuant de d\u00e9filer,","alertBigClick":"En poursuivant votre navigation,","alertBig":"vous acceptez l'utilisation de services tiers pouvant installer des cookies","alertBigPrivacy":"Ce site utilise des cookies et vous donne le contr\u00f4le sur ce que vous souhaitez activer","alertSmall":"Gestion des services","acceptAll":"OK, tout accepter","personalize":"Personnaliser","close":"Fermer","all":"Pr\u00e9f\u00e9rence pour tous les services","description":"Les cookies nous permettent de personnaliser le contenu et d'offrir des fonctionnalit\u00e9s relatives aux m\u00e9dias sociaux et d'analyser notre trafic. Nous partageons \u00e9galement des informations sur l'utilisation de notre site avec nos partenaires qui peuvent combiner celles-ci avec d'autres informations que vous leur avez fournies ou qu'ils ont collect\u00e9es lors de l\u2019utilisation de notre site.<br \/><br \/>Pour en savoir plus et, notamment, pour s'opposer \u00e0 leur installation, nous vous invitons \u00e0 consulter","slug_link_policy":"politique-de-confidentialite","text_link_policy":"notre politique de confidentialit\u00e9 pour la protection des donn\u00e9es personnelles","info":"Protection de votre vie priv\u00e9e","disclaimer":"En autorisant ces services tiers, vous acceptez le d\u00e9p\u00f4t et la lecture de cookies et l'utilisation de technologies de suivi n\u00e9cessaires \u00e0 leur bon fonctionnement.","allow":"Autoriser","deny":"Interdire","noCookie":"Ce service ne d\u00e9pose aucun cookie.","useCookie":"Ce service peut d\u00e9poser","useCookieCurrent":"Ce service a d\u00e9pos\u00e9","useNoCookie":"Ce service n'a d\u00e9pos\u00e9 aucun cookie.","more":"En savoir plus","source":"Voir le site officiel","credit":"Gestion des cookies par tarteaucitron.js","fallback":"est d\u00e9sactiv\u00e9.","ads":{"title":"R\u00e9gies publicitaires","details":"Les r\u00e9gies publicitaires permettent de g\u00e9n\u00e9rer des revenus en commercialisant les espaces publicitaires du site."},"analytic":{"title":"Mesure d'audience","details":"Les services de mesure d'audience permettent de g\u00e9n\u00e9rer des statistiques de fr\u00e9quentation utiles \u00e0 l'am\u00e9lioration du site."},"social":{"title":"R\u00e9seaux sociaux","details":"Les r\u00e9seaux sociaux permettent d'am\u00e9liorer la convivialit\u00e9 du site et aident \u00e0 sa promotion via les partages."},"video":{"title":"Vid\u00e9os","details":"Les services de partage de vid\u00e9o permettent d'enrichir le site de contenu multim\u00e9dia et augmentent sa visibilit\u00e9."},"comment":{"title":"Commentaires","details":"Les gestionnaires de commentaires facilitent le d\u00e9p\u00f4t de vos commentaires et luttent contre le spam."},"support":{"title":"Support","details":"Les services de support vous permettent d'entrer en contact avec l'\u00e9quipe du site et d'aider \u00e0 son am\u00e9lioration."},"api":{"title":"APIs","details":"Les APIs permettent de charger des scripts : g\u00e9olocalisation, moteurs de recherche, traductions, ..."},"other":{"title":"Autre","details":"Services visant \u00e0 afficher du contenu web."}}; 125 126 // ]]> 127 </script>
127<link type="text/css" href="https://fonts.googleapis.com/css?family=Oswald:400,300" rel="stylesheet"> 128<style> 129 /* 130 |-------------------------------------------------------------------------- 131 | VARIABLES COMMUNES 132 |-------------------------------------------------------------------------- 133 */ 134 135 .ffgolf-prices, 136 .locations-table { 137 --price-primary: var(--bs-primary); 138 139 --price-header: var(--bs-primary); 140 --price-subheader: #f1f1f1; 141 --price-row-light: #f9f9f9; 142 --price-row-medium: #f1f1f1; 143 --price-row-dark: #d9d9d9; 144 145 --price-white-border: #fff; 146 147 color: var(--price-primary); 148 } 149 150 .dates-row, .subdates-row { 151 text-align: center; 152 } 153 154 /* 155 |-------------------------------------------------------------------------- 156 | BASE TABLEAUX 157 |-------------------------------------------------------------------------- 158 */ 159 160 .ffgolf-table, 161 .locations-table { 162 width: 100%; 163 table-layout: fixed; 164 border-collapse: collapse; 165 font-size: inherit; 166 font-weight: 700; 167 color: var(--price-primary); 168 169 --bs-table-bg: transparent; 170 --bs-table-color: var(--price-primary); 171 --bs-table-border-color: var(--price-white-border); 172 --bs-table-accent-bg: transparent; 173 } 174 175 .ffgolf-table .table-main-title, 176 .locations-table .table-main-title, 177 .ffgolf-banner, 178 .ffgolf-table .ffgolf-table-title { 179 background: var(--price-header) !important; 180 color: #fff; 181 text-align: center; 182 font-size: 1.125rem; 183 font-weight: 700; 184 padding: 0.9rem 1.25rem; 185 } 186 187 .ffgolf-banner span, 188 .ffgolf-table .highlight, 189 .locations-table .highlight { 190 color: var(--price-primary); 191 } 192 193 .ffgolf-banner span, 194 .ffgolf-table .highlight-gray, 195 .locations-table .highlight-gray { 196 color: var(--price-primary); 197 } 198 199 /* 200 |-------------------------------------------------------------------------- 201 | TABLEAUX TARIFS FFGOLF 202 |-------------------------------------------------------------------------- 203 */ 204 205 .ffgolf-table > :not(caption) > * > *, 206 .locations-table > :not(caption) > * > * { 207 color: var(--price-primary); 208 background-color: transparent; 209 box-shadow: none; 210 border: 2px solid var(--price-white-border); 211 padding: 0.75rem 1.125rem; 212 vertical-align: middle; 213 } 214 215 .ffgolf-table thead th:first-child { 216 width: 60%; 217 background-color: #fff; 218 border-left-color: transparent; 219 } 220 221 .ffgolf-table thead th:nth-child(2), 222 .ffgolf-table thead th:nth-child(3) { 223 width: 20%; 224 } 225 226 .ffgolf-table.is-wide-label thead th:first-child { 227 width: 69%; 228 } 229 230 .ffgolf-table.is-wide-label thead th:nth-child(2), 231 .ffgolf-table.is-wide-label thead th:nth-child(3) { 232 width: 15.5%; 233 } 234 235 .ffgolf-table tbody tr:nth-child(odd) > * { 236 background-color: var(--price-row-medium); 237 } 238 239 .ffgolf-table tbody tr:nth-child(even) > * { 240 background-color: var(--price-row-light); 241 } 242 243 .ffgolf-table tbody td:first-child, 244 .ffgolf-table tbody th:first-child { 245 text-align: left; 246 } 247 248 .ffgolf-table tbody td:not(:first-child), 249 .ffgolf-table tbody th:not(:first-child) { 250 text-align: center; 251 white-space: normal; 252 } 253 254 .ffgolf-table .row-empty > * { 255 height: 3rem; 256 padding-top: 0; 257 padding-bottom: 0; 258 } 259 260 .discount { 261 white-space: nowrap; 262 } 263 264 .ffgolf-notes { 265 margin-top: 0.75rem; 266 color: var(--price-primary); 267 } 268 269 .ffgolf-notes p { 270 margin-bottom: 0.35rem; 271 } 272 273 .ffgolf-notes p:first-child { 274 font-weight: 700; 275 } 276 277 /* 278 |-------------------------------------------------------------------------- 279 | TABLEAU LOCATIONS 280 |-------------------------------------------------------------------------- 281 */ 282 283 .locations-table-wrapper { 284 width: 100%; 285 } 286 287 .locations-table thead th { 288 background-color: var(--price-subheader); 289 text-align: center; 290 font-size: inherit; 291 font-weight: 700; 292 } 293 294 .locations-table .table-main-title { 295 text-transform: uppercase; 296 } 297 298 .locations-table tbody th:first-child, 299 .locations-table tbody td:first-child { 300 width: 40%; 301 text-align: left; 302 } 303 304 .locations-table tbody th:not(:first-child), 305 .locations-table tbody td:not(:first-child) { 306 width: 20%; 307 text-align: center; 308 white-space: normal; 309 } 310 311 .locations-table tbody th:nth-child(1), 312 .locations-table tbody td:nth-child(1), 313 .locations-table tbody th:nth-child(2), 314 .locations-table tbody td:nth-child(2) { 315 background-color: var(--price-row-medium); 316 } 317 318 .locations-table tbody th:nth-child(3), 319 .locations-table tbody td:nth-child(3), 320 .locations-table tbody th:nth-child(4), 321 .locations-table tbody td:nth-child(4) { 322 background-color: var(--price-row-light); 323 } 324 325 .locations-table tbody td.primary { 326 background-color: var(--price-row-medium); 327 } 328 329 .locations-table tbody td.secondary { 330 background-color: var(--price-row-light); 331 } 332 333 .locations-table tbody th.thirty, 334 .locations-table tbody td.thirty { 335 background-color: var(--price-row-dark); 336 } 337 338 /* 339 |-------------------------------------------------------------------------- 340 | RESPONSIVE 341 |-------------------------------------------------------------------------- 342 */ 343 344 @media (max-width: 768px) { 345 .ffgolf-table .table-main-title, 346 .locations-table .table-main-title, 347 .ffgolf-banner, 348 .ffgolf-table .ffgolf-table-title { 349 font-size: 1rem; 350 padding: 0.75rem 1rem; 351 } 352 353 .ffgolf-table, 354 .locations-table { 355 font-size: 0.9rem; 356 } 357 358 .ffgolf-table th, .ffgolf-table td, 359 .locations-table th, .locations-table td { 360 padding: 4px !important; 361 } 362 } 363 364 .ffgolf-table tbody td:not(:first-child), 365 .ffgolf-table tbody th:not(:first-child), 366 .locations-table tbody td:not(:first-child), 367 .locations-table tbody th:not(:first-child) { 368 font-weight: 500; 369 } 370 371 @media(max-width: 400px) { 372 .ffgolf-table, .locations-table { 373 table-layout: auto; 374 font-size: 0.8rem; 375 } 376 377 .ffgolf-table tbody td, 378 .locations-table tbody td { 379 min-width: 60px !important; 380 } 381 382 .ffgolf-table.is-wide-label thead th:nth-child(2), .ffgolf-table.is-wide-label thead th:nth-child(3), 383 .ffgolf-table thead th:nth-child(2), .ffgolf-table thead th:nth-child(3){ 384 width: auto; 385 } 386 387 .ffgolf-table.is-wide-label thead th:first-child { 388 width: 100px; 389 } 390 } 391 392 .xs-mobile { 393 //*font-size: 0.65rem !important; 394 } 395 } 396 397</style><style> 398 @media(max-width: 991px) { 399 header.header-home .slideshow-buttons a.btn-slideshow { 400 padding: 1.25vh 1.25vw !important; 401 background: rgba(0,0,0,0.25) !important; 402 border-radius: 0.25rem !important; 403 } 404 } 405 406 .slideshow-buttons { 407 gap: 3vw !important; 408 } 409 410 #main-logo { 411 position: absolute; 412 z-index: 11; 413 top: 15px; 414 left: 50%; 415 transform: translateX(-50%); 416 } 417 418 .vt-comp-container { 419 padding-left: 15px; 420 padding-right: 15px; 421 } 422 423 @media(max-width: 991px) { 424 #main-logo { 425 top: 10px; 426 } 427 } 428 429 header .header-bar { 430 border-radius: 0 !important; 431 top: 0 !important; 432 padding: 1rem 3rem !important; 433 transition: all 0.25s ease-in-out !important; 434 border-bottom: 1px solid rgba(255,255,255,0.85); 435 } 436 437 header .header-bar.sticky { 438 background: white !important; 439 padding: 0.85rem 3rem !important; 440 } 441 442 @media(max-width: 991px) { 443 header .header-bar { 444 padding: 0.85rem 1.5rem !important; 445 } 446 447 header .header-bar.sticky { 448 padding: 0.85rem 1.5rem !important; 449 } 450 } 451 452 @media(max-width: 767px) { 453 header .header-bar { 454 padding: 0.85rem 1rem !important; 455 } 456 457 header .header-bar.sticky { 458 padding: 0.85rem 1rem !important; 459 } 460 } 461 462 header.header-home .slideshow-buttons a.btn-slideshow { 463 background: rgba(255,255,255,0.25) !important; 464 465 /*zzzzzzzzz demande d'eric du 15/07/2026*/ 466 /*border: 1px solid var(--bs-primary) !important;*/ 467 } 468 469 header.header-home .slideshow-buttons a.btn-slideshow:hover { 470 background: var(--bs-primary) !important; 471 } 472 473 .page-section { 474 max-width: 1920px; 475 margin: 0 auto; 476 } 477 478 .logo-img-container { 479 position: relative; 480 width: 250px; 481 height: 40px; 482 } 483 484 .logo-img { 485 transition: all 0.25s ease-in-out; 486 position: absolute; 487 object-fit: contain; 488 width: 100%; 489 height: 100%; 490 } 491 492 .logo-img { 493 opacity: 0; 494 } 495 496 @media(max-width: 991px) { 497 .logo-img { 498 width: 150px; 499 } 500 } 501 502 @media(max-width: 767px) { 503 .logo-img { 504 width: 120px; 505 } 506 } 507 508 .header-bar:not(.header-bar-hover) .logo-img.on-bar-hover { 509 opacity: 0; 510 } 511 512 .header-bar:not(.header-bar-hover) .logo-img { 513 opacity: 1; 514 } 515 516 .header-bar.header-bar-hover .logo-img { 517 opacity: 0; 518 } 519 520 .header-bar.header-bar-hover .logo-img.on-bar-hover { 521 opacity: 1; 522 } 523 524 .container-full { 525 max-width: 100% !important; 526 padding: 0 3rem !important; 527 } 528 .cms-text a:not(.btn) { 529 text-decoration: underline !important; 530 } 531 .cms-text a:not(.btn):hover { 532 text-decoration: none !important; 533 } 534 535 .menu-bar { 536 border-width: 2px !important; 537 } 538 539 header .btn-menu { 540 width: 25px; 541 height: 25px; 542 } 543 544 .header-bar.sticky .btn-menu { 545 width: 25px; 546 height: 25px; 547 } 548 549 @media(max-width: 991px) { 550 .container-full { 551 padding: 0 1.5rem !important; 552 } 553 } 554 555 @media(max-width: 991px) { 556 .container-full { 557 padding: 0 1rem !important; 558 } 559 560 .page-header { 561 padding-top: 25px !important; 562 } 563 } 564 565 header #offcanvasWithBothOptions { 566 background: var(--bs-primary) !important; 567 } 568 569 .offcanvas-header { 570 position: absolute; 571 right: 0; 572 background: rgba(255, 255, 255, 0.1) !important; 573 padding-right: 20px !important; 574 } 575 576 .offcanvas-header button { 577 padding-right: 0 !important; 578 } 579 580 @media(max-width: 991px) { 581 #main-logo { 582 width: 160px !important; 583 } 584 } 585 586 @media(max-width: 767px) { 587 #main-logo { 588 width: 130px !important; 589 } 590 } 591 592 @media(max-width: 991px) { 593 #golf-infos-modal .modal-content .golf-info-label { 594 font-size: 0.9rem !important; 595 } 596 } 597</style> 598 599<!-- Styles (fonts + header/sticky) moved to web/assets/scss/main.scss (SCSS) --> 600<header class="position-relative "> 601 <div class="header-overlay"></div> 602 <div class="header-bar align-items-center justify-content-between d-flex gap-3 gap-sm-5 w-100"> 603 <style> 604 .header-bar .nav-header-inline .nav-item { 605 font-size: 1.2rem; 606 } 607 608 .header-bar .nav-header-inline > ul > .nav-item { 609 display: flex; 610 align-items: center; 611 gap: 10px; 612 } 613 614 .header-bar .nav-header-inline .nav-item .nav-link, ul.cms-langs-selector a, ul.cms-langs-selector span, ul.cms-langs-selector li { 615 color: var(--bs-white); 616 font-weight: 200; 617 } 618 619 ul.cms-langs-selector a, ul.cms-langs-selector span, ul.cms-langs-selector li { 620 color: var(--bs-white) !important; 621 opacity: 1 !important; 622 } 623 624 .header-bar.header-bar-hover ul.cms-langs-selector a, .header-bar.header-bar-hover ul.cms-langs-selector span, .header-bar.header-bar-hover ul.cms-langs-selector li { 625 color: var(--bs-primary) !important; 626 } 627 628 .header-subnav-column-content > .nav-item > .nav-link { 629 font-weight: 600; 630 font-size: 1.1rem; 631 } 632 633 .header-bar-hover { 634 background: white !important; 635 } 636 637 .header-bar-hover .nav-link, .header-bar-hover a { 638 color: var(--bs-primary) !important; 639 } 640 641 /*
642 * Responsive / offcanvas : 643 * rendu vertical propre, pas de sous-menu latéral. 644 */ 645 #offcanvasWithBothOptions .nav-item { 646 width: 100%; 647 } 648 649 #offcanvasWithBothOptions .nav-link { 650 display: flex; 651 align-items: center; 652 justify-content: space-between; 653 gap: 1rem; 654 655 width: 100%; 656 padding: 0.85rem 1rem; 657 658 color: var(--bs-primary); 659 font-size: 1rem; 660 font-weight: 500; 661 text-decoration: none; 662 663 border-radius: 0.75rem; 664 } 665 666 #offcanvasWithBothOptions .nav-link:hover, 667 #offcanvasWithBothOptions .nav-link.show, 668 #offcanvasWithBothOptions .nav-link[aria-expanded="true"] { 669 background: rgba(var(--bs-primary-rgb), 0.08); 670 } 671 672 #offcanvasWithBothOptions .dropdown-menu { 673 position: static !important; 674 inset: auto !important; 675 transform: none !important; 676 677 display: none; 678 width: 100%; 679 min-width: 0; 680 margin: 0.25rem 0 0.5rem 0 !important; 681 padding: 0.35rem 0 0.35rem 0.75rem; 682 683 opacity: 1; 684 visibility: visible; 685 pointer-events: auto; 686 687 background: transparent !important; 688 border: 0; 689 box-shadow: none; 690 border-radius: 0 !important; 691 692 border-left: 2px solid rgba(var(--bs-primary-rgb), 0.18); 693 } 694 695 #offcanvasWithBothOptions .dropdown-menu.show { 696 display: block; 697 } 698 699 #offcanvasWithBothOptions .dropdown-menu .nav-link { 700 padding: 0.65rem 0.85rem; 701 font-size: 0.95rem; 702 font-weight: 400; 703 color: var(--bs-primary); 704 } 705 706 #offcanvasWithBothOptions .dropdown-menu .dropdown-menu { 707 margin-left: 0.75rem !important; 708 padding-left: 0.75rem; 709 } 710 711 #offcanvasWithBothOptions .dropdown > .nav-link .caret { 712 display: none; 713 } 714 715 #offcanvasWithBothOptions .dropdown > .nav-link::after { 716 content: '+'; 717 display: inline-flex; 718 align-items: center; 719 justify-content: center; 720 721 width: 1.4rem; 722 height: 1.4rem; 723 724 margin-left: auto; 725 border: 0 !important; 726 727 font-size: 1.1rem; 728 line-height: 1; 729 font-weight: 400; 730 731 transition: transform 180ms ease; 732 } 733 734 #offcanvasWithBothOptions .dropdown > .nav-link[aria-expanded="true"]::after, 735 #offcanvasWithBothOptions .dropdown > .nav-link.show::after { 736 content: 'â'; 737 } 738 739 #offcanvasWithBothOptions .dropdown-menu.bg-primary, 740 #offcanvasWithBothOptions .dropdown-menu.text-white { 741 background: transparent !important; 742 color: inherit !important; 743 } 744 745 /** 746 .nav-link hover effect with ::after underline animating left to right 747 */ 748 749 .header-bar:not(.header-bar-hover) .nav-link.selected { 750 font-weight: 300 !important; 751 } 752 753 .header-bar:not(.header-bar-hover) .nav-link.selected { 754 color: white !important; 755 } 756 757 .header-bar .nav-link { 758 position: relative; 759 display: inline-block; 760 } 761 762 .header-bar .nav-link::after { 763 content: ''; 764 position: absolute; 765 left: 0; 766 bottom: 0; 767 768 width: 100%; 769 height: 1px; 770 background-color: var(--bs-primary); 771 772 transform: scaleX(0); 773 transform-origin: right; 774 transition: transform 0.3s ease; 775 } 776 777 .header-bar:not(.header-bar-hover) .nav-link::after { 778 background-color: white; 779 } 780 781 .header-bar .nav-link:hover::after, .header-bar:not(.header-bar-hover) .nav-link.selected::after { 782 transform: scaleX(1); 783 transform-origin: left; 784 } 785 786 .header-subnav-zone { 787 position: absolute; 788 top: 100%; 789 left: 0; 790 z-index: 1000; 791 792 width: 100%; 793 794 display: grid; 795 grid-template-rows: 0fr; 796 797 visibility: hidden; 798 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); 799 800 background: var(--bs-light); 801 border-top: 1px solid transparent; 802 803 transition: 804 grid-template-rows 320ms cubic-bezier(0.22, 1, 0.36, 1) 100ms, 805 border-color 100ms ease 100ms, 806 visibility 0s linear 420ms; 807 } 808 809 .header-subnav-zone.show { 810 grid-template-rows: 1fr; 811 visibility: visible; 812 border-top-color: #ddd; 813 814 transition: 815 grid-template-rows 320ms cubic-bezier(0.22, 1, 0.36, 1), 816 border-color 100ms ease, 817 visibility 0s linear; 818 } 819 820 .header-subnav-content { 821 display: grid; 822 823 min-height: 0; 824 overflow: hidden; 825 } 826 827 /* 828 * Tous les panneaux principaux sont placés 829 * dans la même cellule. 830 * 831 * La hauteur finale correspond donc automatiquement 832 * au panneau le plus haut. 833 */ 834 .header-subnav-panel.dropdown-menu { 835 grid-area: 1 / 1; 836 837 position: static !important; 838 inset: auto !important; 839 840 display: block !important; 841 842 width: 100%; 843 min-width: 0; 844 845 margin: 0; 846 padding: 0; 847 848 border: 0; 849 border-radius: 0; 850 box-shadow: none; 851 852 background: transparent; 853 854 visibility: hidden; 855 opacity: 0; 856 pointer-events: none; 857 858 transform: translateY(-8px) !important; 859 860 transition: 861 opacity 100ms ease, 862 transform 100ms ease, 863 visibility 0s linear 100ms; 864 } 865 866 .header-subnav-panel.dropdown-menu.show { 867 visibility: visible; 868 opacity: 1; 869 pointer-events: auto; 870 871 transform: translateY(0) !important; 872 873 transition: 874 opacity 160ms ease, 875 transform 160ms ease, 876 visibility 0s linear; 877 } 878 879 .header-subnav-zone.opening 880 .header-subnav-panel.dropdown-menu.show { 881 transition-delay: 120ms; 882 } 883 884 /* 885 * Grille principale des colonnes. 886 */ 887 .header-subnav-columns { 888 display: grid; 889 890 grid-template-columns: 891 repeat( 892 var(--subnav-column-count, 1), 893 max-content 894 ); 895 896 justify-content: start; 897 align-items: start; 898 899 gap: 1.5rem 3rem; 900 901 width: 100%; 902 margin: 0; 903 padding: 1.5rem 3rem; 904 905 list-style: none; 906 } 907 908 .header-subnav-column { 909 min-width: 0; 910 } 911 912 .header-subnav-column-content { 913 display: flex; 914 flex-direction: column; 915 gap: 0.35rem; 916 917 margin: 0; 918 padding: 0; 919 920 list-style: none; 921 } 922 923 /* 924 * Facultatif : permet de cibler les grosses branches 925 * placées seules dans leur colonne. 926 */ 927 .header-subnav-column--standalone { 928 align-self: start; 929 } 930 931 /* 932 * Items de premier niveau à l'intérieur d'un panneau. 933 */ 934 .header-subnav-panel > .header-subnav-columns 935 .nav-item { 936 width: 100%; 937 } 938 939 /* 940 * Sous-sous-navigation : 941 * affichage vertical directement sous son parent. 942 */ 943 .header-subnav-panel .header-subnav-nested.dropdown-menu { 944 position: static !important; 945 inset: auto !important; 946 947 display: block !important; 948 949 width: 100%; 950 min-width: 0; 951 952 margin: 0.15rem 0 0.40rem 0 !important; 953 padding: 0 0 0 1rem; 954 955 visibility: visible !important; 956 opacity: 1 !important; 957 pointer-events: auto !important; 958 959 transform: none !important; 960 961 background: transparent !important; 962 border: 0; 963 border-left: 1px solid rgba(var(--bs-primary-rgb), 0.2); 964 border-radius: 0; 965 box-shadow: none; 966 } 967 968 /* 969 * Niveaux encore plus profonds. 970 */ 971 .header-subnav-panel 972 .header-subnav-nested 973 .header-subnav-nested { 974 margin-left: 0.75rem !important; 975 } 976 977 /* 978 * Liens enfants légèrement plus discrets. 979 */ 980 .header-subnav-panel 981 .header-subnav-nested 982 .nav-link, 983 .header-subnav-panel 984 .header-subnav-nested 985 .dropdown-item { 986 padding: 0; 987 988 font-size: 0.95rem; 989 font-weight: 400; 990 991 white-space: normal; 992 } 993</style> 994 995<div class="d-flex align-items-center gap-2 gap-sm-5 align-self-center"> 996 <button data-aos="fade-right" 997 class="d-flex flex-column d-xxl-none btn-menu gap-1" 998 type="button" 999 data-bs-toggle="offcanvas" 1000 data-bs-target="#offcanvasWithBothOptions" 1001 aria-controls="offcanvasWithBothOptions"> 1002 1003 <div class="menu-label d-none">Menu</div>
1004 <span class="menu-bar text-white"></span> 1005 <span class="menu-bar text-white"></span> 1006 <span class="menu-bar text-white"></span> 1007 </button> 1008 1009 <nav class="nav-header-inline d-none d-xxl-block"> 1010 <ul class="d-flex align-items-center gap-4 m-0"> 1011 1012 1013 <li class="nav-item dropdown li_5"> 1014 <a href="#" class="nav-link dropdown-custom selected" aria-haspopup="true" aria-expanded="false" role="button" vt-data-slug="golf" title="Golf"><span>Golf</span></a> 1015 1016 <ul class="dropdown-menu"> 1017 1018 1019 1020 <li class="nav-item li_12"> 1021 <a href="https://golf-national.com/en/heritage" class="nav-link selected" vt-data-slug="heritage" title="Heritage"><span>Heritage</span></a> 1022 </li> 1023 1024 1025 <li class="nav-item dropdown li_40"> 1026 <a href="#" class="nav-link dropdown-custom" aria-haspopup="true" aria-expanded="false" role="button" vt-data-slug="course" title="Course"><span>Course</span></a> 1027 1028 <ul class="dropdown-menu"> 1029 1030 1031 1032 <li class="nav-item li_20"> 1033 <a href="https://golf-national.com/en/the-albatros-course" class="nav-link" vt-data-slug="the-albatros-course" title="The Albatros Course"><span>The Albatros Course</span></a> 1034 </li> 1035 1036 1037 <li class="nav-item li_21"> 1038 <a href="https://golf-national.com/en/the-aigle-course" class="nav-link" vt-data-slug="the-aigle-course" title="The Aigle Course"><span>The Aigle Course</span></a> 1039 </li> 1040 1041 </ul> 1042 </li> 1043 1044 1045 <li class="nav-item li_22"> 1046 <a href="https://golf-national.com/en/sustainability" class="nav-link" vt-data-slug="sustainability" title="Sustainability"><span>Sustainability</span></a> 1047 </li> 1048 1049 </ul> 1050 </li> 1051 1052 1053 <li class="nav-item dropdown li_26"> 1054 <a href="#" class="nav-link dropdown-custom" aria-haspopup="true" aria-expanded="false" role="button" vt-data-slug="information-and-services" title="Information and services"><span>Information and services</span></a> 1055 1056 <ul class="dropdown-menu"> 1057 1058 1059 1060 <li class="nav-item li_23"> 1061 <a href="https://golf-national.com/en/booking" class="nav-link" vt-data-slug="booking" title="Booking"><span>Booking</span></a> 1062 </li> 1063 1064 1065 <li class="nav-item li_24"> 1066 <a href="https://golf-national.com/en/rates" class="nav-link" vt-data-slug="rates" title="Rates"><span>Rates</span></a> 1067 </li> 1068 1069 1070 <li class="nav-item li_25"> 1071 <a href="https://golf-national.com/en/compet
1071itions/list/" class="nav-link" vt-data-slug="tournaments" title="Tournaments"><span>Tournaments</span></a> 1072 </li> 1073 1074 1075 <li class="nav-item li_32"> 1076 <a href="https://golf-national.com/en/membership" class="nav-link" vt-data-slug="membership" title="Membership"><span>Membership</span></a> 1077 </li> 1078 1079 1080 <li class="nav-item dropdown li_33"> 1081 <a href="#" class="nav-link dropdown-custom" aria-haspopup="true" aria-expanded="false" role="button" vt-data-slug="academy" title="Academy"><span>Academy</span></a> 1082 1083 <ul class="dropdown-menu"> 1084 1085 1086 1087 <li class="nav-item li_34"> 1088 <a href="https://golf-national.com/en/patrice-amadieu" class="nav-link" vt-data-slug="patrice-amadieu" title="Patrice Amadieu"><span>Patrice Amadieu</span></a> 1089 </li> 1090 1091 </ul> 1092 </li> 1093 1094 1095 <li class="nav-item li_56"> 1096 <a href="https://golf-national.com/en/private-caddie" class="nav-link" vt-data-slug="private-caddie" title="Private CADDIE"><span>Private CADDIE</span></a> 1097 </li> 1098 1099 </ul> 1100 </li> 1101 1102 1103 <li class="nav-item dropdown li_7"> 1104 <a href="#" class="nav-link dropdown-custom" aria-haspopup="true" aria-expanded="false" role="button" vt-data-slug="stays" title="Stays"><span>Stays</span></a> 1105 1106 <ul class="dropdown-menu"> 1107 1108 1109 1110 <li class="nav-item li_27"> 1111 <a href="https://golf-national.com/en/accomodations" class="nav-link" vt-data-slug="accomodations" title="Accomodations"><span>Accomodations</span></a> 1112 </li> 1113 1114 1115 <li class="nav-item li_28"> 1116 <a href="https://golf-national.com/en/offres-packages/list?kind=package" class="nav-link" vt-data-slug="packages" title="Packages"><span>Packages</span></a> 1117 </li> 1118 1119 1120 <li class="nav-item li_29"> 1121 <a href="https://golf-national.com/en/destination" class="nav-link" vt-data-slug="destination" title="Destination"><span>Destination</span></a> 1122 </li> 1123 1124 </ul> 1125 </li> 1126 1127 1128 <li class="nav-item dropdown li_8"> 1129 <a href="#" class="nav-link dropdown-custom" aria-haspopup="true" aria-expanded="false" role="button" vt-data-slug="experiences" title="Experiences"><span>Experiences</span></a> 1130 1131 <ul class="dropdown-menu"> 1132 1133 1134 1135 <li class="nav-item li_30"> 1136 <a href="https://golf-national.com/en/seminars" class="nav-link" vt-data-slug="seminars" title="Seminars"><span>Seminars</span></a> 1137 </li> 1138 1139 1140 <li class="nav-item li_31"> 1141 <a href="https://golf-national.com/en/corporate-golf-events" class="nav-link" vt-data-slug="corporate-golf-events" title="Corporate golf events"><span>Corporate golf events</span></a> 1142 </li> 1143 1144 </ul> 1145 </li> 1146 1147 1148 <li class="nav-item dropdown li_61"> 1149 <a href="#" class="nav-link dropdown-custom" aria-haspopup="true" aria-expanded="false" role="button" vt-data-slug="proshop-fitting" title="Proshop/Fitting"><span>Proshop/Fitting</span></a> 1150 1151 <ul class="dropdown-menu"> 1152 1153 1154 1155 <li class="nav-item li_11"> 1156 <a href="https://www.boutique-legolfnational.com/shop/fr" class="nav-link" vt-data-slug="webshop" title="Webshop" target="_blank"><span>Webshop</span></a> 1157 </li> 1158 1159 </ul> 1160 </li> 1161 </ul> 1162 </nav> 1163</div> 1164
1165<script> 1166 document.addEventListener('DOMContentLoaded', () => { 1167 const offcanvas = document.getElementById('offcanvasWithBothOptions'); 1168 if (!offcanvas) return; 1169 1170 // On cible tous les toggles de dropdown dans l'offcanvas 1171 const toggles = offcanvas.querySelectorAll('.dropdown-toggle'); 1172 1173 toggles.forEach(toggle => { 1174 toggle.addEventListener('click', function(e) { 1175 // Si le lien a un href qui n'est pas juste '#' ou '#!', on laisse peut-être passer ? 1176 // Mais généralement un dropdown toggle sur mobile ne doit pas naviguer. 1177 e.preventDefault(); 1178 e.stopPropagation(); 1179 1180 const parent = this.closest('.dropdown'); 1181 const menu = parent?.querySelector(':scope > .dropdown-menu'); 1182 const isExpanded = this.getAttribute('aria-expanded') === 'true'; 1183 1184 if (isExpanded) { 1185 this.setAttribute('aria-expanded', 'false'); 1186 this.classList.remove('show'); 1187 menu?.classList.remove('show'); 1188 } else { 1189 // Fermer les autres dropdowns du même niveau pour plus de clarté (optionnel) 1190 const siblings = parent.parentElement.querySelectorAll(':scope > .dropdown'); 1191 siblings.forEach(sibling => { 1192 if (sibling !== parent) { 1193 const siblingToggle = sibling.querySelector(':scope > .dropdown-toggle'); 1194 const siblingMenu = sibling.querySelector(':scope > .dropdown-menu'); 1195 siblingToggle?.setAttribute('aria-expanded', 'false'); 1196 siblingToggle?.classList.remove('show'); 1197 siblingMenu?.classList.remove('show'); 1198 } 1199 }); 1200 1201 this.setAttribute('aria-expanded', 'true'); 1202 this.classList.add('show'); 1203 menu?.classList.add('show'); 1204 } 1205 }); 1206 }); 1207 1208 // Empêcher la fermeture automatique de l'offcanvas lors du clic sur un dropdown 1209 offcanvas.querySelectorAll('.dropdown-menu').forEach(menu => { 1210 menu.addEventListener('click', (e) => { 1211 // Si on clique sur un lien final (pas un toggle), on laisse l'offcanvas se fermer (comportement par défaut) 1212 if (!e.target.classList.contains('dropdown-toggle')) { 1213 // e.stopPropagation(); // On ne stoppe pas forcément ici pour laisser le lien fonctionner 1214 } else { 1215 e.stopPropagation(); 1216 } 1217 }); 1218 }); 1219 }); 1220</script>
1220 1221
1222<script> 1223 document.addEventListener('DOMContentLoaded', () => { 1224 const headerBar = document.querySelector('.header-bar'); 1225 const subnavZone = headerBar?.querySelector('.header-subnav-zone'); 1226 const subnavContent = subnavZone?.querySelector( 1227 '.header-subnav-content' 1228 ); 1229 1230 if (!headerBar || !subnavZone || !subnavContent) { 1231 console.error('Missing required elements for subnav', { 1232 headerBar, 1233 subnavZone, 1234 subnavContent 1235 }); 1236 1237 return; 1238 } 1239 1240 /* 1241 * Nombre maximal d'éléments par colonne. 1242 * 1243 * Un parent et tous ses descendants constituent 1244 * un seul bloc indivisible. 1245 */ 1246 const MAX_ITEMS_PER_COLUMN = 5; 1247 1248 /* 1249 * Empêche d'avoir trop de colonnes trop étroites. 1250 * Les colonnes supplémentaires passeront à la ligne. 1251 */ 1252 const MAX_COLUMNS_PER_ROW = 4; 1253 1254 const navItems = [ 1255 ...headerBar.querySelectorAll( 1256 '.nav-header-inline > ul > .nav-item' 1257 ) 1258 ]; 1259 1260 const dropdowns = new Map(); 1261 1262 let openingTimer = null; 1263 1264 /** 1265 * Compte un item parent et tous ses sous-items. 1266 */ 1267 const countBlockItems = block => { 1268 const links = block.querySelectorAll( 1269 'a.nav-link, a.dropdown-item, button.nav-link, button.dropdown-item' 1270 ); 1271 1272 return Math.max(1, links.length); 1273 }; 1274 1275 /** 1276 * Affiche toutes les sous-sous-navigations directement 1277 * sous leur item parent. 1278 */ 1279 const expandNestedDropdowns = dropdownMenu => { 1280 const nestedDropdowns = dropdownMenu.querySelectorAll( 1281 '.dropdown-menu' 1282 ); 1283 1284 nestedDropdowns.forEach(nestedDropdown => { 1285 nestedDropdown.classList.add( 1286 'show', 1287 'header-subnav-nested' 1288 ); 1289 1290 nestedDropdown.removeAttribute('hidden'); 1291 nestedDropdown.setAttribute('aria-hidden', 'false'); 1292 nestedDropdown.removeAttribute('data-bs-popper'); 1293 }); 1294 1295 const nestedToggles = dropdownMenu.querySelectorAll( 1296 '.dropdown > .nav-link, .dropdown > .dropdown-item' 1297 ); 1298 1299 nestedToggles.forEach(toggle => { 1300 toggle.setAttribute('aria-expanded', 'true'); 1301 1302 /* 1303 * Empêche Bootstrap de refermer le sous-menu 1304 * lorsqu'on clique sur son parent. 1305 */ 1306 toggle.removeAttribute('data-bs-toggle'); 1307 }); 1308 }; 1309 1310 /** 1311 * Récupère le conteneur qui contient réellement 1312 * les items directs du dropdown. 1313 * 1314 * Selon le HTML généré, cela peut être : 1315 * - directement le .dropdown-menu ; 1316 * - un <ul> interne. 1317 */ 1318 const getItemsContainer = dropdownMenu => { 1319 const directList = [...dropdownMenu.children].find(element => { 1320 return element.matches('ul, ol'); 1321 }); 1322 1323 return directList || dropdownMenu; 1324 }; 1325 1326 /** 1327 * Crée les colonnes tout en conservant chaque branche 1328 * parent + descendants dans la même colonne. 1329 */ 1330 const buildDropdownColumns = dropdownMenu => { 1331 if (dropdownMenu.dataset.columnsReady === 'true') { 1332 return; 1333 } 1334 1335 dropdownMenu.dataset.columnsReady = 'true'; 1336 1337 expandNestedDropdowns(dropdownMenu); 1338 1339 const sourceContainer = getItemsContainer(dropdownMenu); 1340 1341 const blocks = [...sourceContainer.children].filter(element => { 1342 return !element.classList.contains( 1343 'header-subnav-columns' 1344 ); 1345 }); 1346 1347 if (!blocks.length) { 1348 return; 1349 } 1350 1351 const columns = []; 1352 let currentColumn = null; 1353 1354 const createColumn = () => { 1355 currentColumn = { 1356 totalItems: 0, 1357 blocks: [], 1358 standalone: false 1359 }; 1360 1361 columns.push(currentColumn); 1362 1363 return currentColumn; 1364 }; 1365 1366 blocks.forEach(block => { 1367 const blockItemsCount = countBlockItems(block); 1368 1369 /* 1370 * Le bloc dépasse tout seul la limite : 1371 * il obtient une colonne dédiée. 1372 */ 1373 if (blockItemsCount >
1373 MAX_ITEMS_PER_COLUMN) { 1374 currentColumn = null; 1375 1376 columns.push({ 1377 totalItems: blockItemsCount, 1378 blocks: [block], 1379 standalone: true 1380 }); 1381 1382 return; 1383 } 1384 1385 /* 1386 * La colonne actuelle n'existe pas ou l'ajout 1387 * du bloc dépasserait la limite. 1388 */ 1389 if ( 1390 !currentColumn || 1391 currentColumn.standalone || 1392 currentColumn.totalItems + blockItemsCount > 1393 MAX_ITEMS_PER_COLUMN 1394 ) { 1395 createColumn(); 1396 } 1397 1398 currentColumn.blocks.push(block); 1399 currentColumn.totalItems += blockItemsCount; 1400 }); 1401 1402 /* 1403 * Si le dropdown lui-même est un <ul>, on utilise 1404 * un <li> comme conteneur direct pour conserver 1405 * une structure HTML valide. 1406 */ 1407 const dropdownIsList = dropdownMenu.matches('ul, ol'); 1408 1409 const columnsContainer = document.createElement( 1410 dropdownIsList ? 'li' : 'div' 1411 ); 1412 1413 columnsContainer.className = 'header-subnav-columns'; 1414 1415 const visibleColumnCount = Math.min( 1416 columns.length, 1417 MAX_COLUMNS_PER_ROW 1418 ); 1419 1420 columnsContainer.style.setProperty( 1421 '--subnav-column-count', 1422 String(visibleColumnCount) 1423 ); 1424 1425 const blocksAreListItems = blocks.every(block => { 1426 return block.matches('li'); 1427 }); 1428 1429 columns.forEach(columnData => { 1430 const column = document.createElement('div'); 1431 1432 column.className = 'header-subnav-column'; 1433 column.dataset.itemsCount = String( 1434 columnData.totalItems 1435 ); 1436 1437 if (columnData.standalone) { 1438 column.classList.add( 1439 'header-subnav-column--standalone' 1440 ); 1441 } 1442 1443 const columnContent = document.createElement( 1444 blocksAreListItems ? 'ul' : 'div' 1445 ); 1446 1447 columnContent.className = 1448 'header-subnav-column-content'; 1449 1450 columnData.blocks.forEach(block => { 1451 columnContent.appendChild(block); 1452 }); 1453 1454 column.appendChild(columnContent); 1455 columnsContainer.appendChild(column); 1456 }); 1457 1458 /* 1459 * Supprime l'ancien <ul> devenu vide lorsqu'il 1460 * était imbriqué dans le dropdown. 1461 */ 1462 if (sourceContainer !== dropdownMenu) { 1463 sourceContainer.remove(); 1464 } 1465 1466 dropdownMenu.appendChild(columnsContainer); 1467 }; 1468 1469 /** 1470 * Cache tous les panneaux principaux. 1471 * 1472 * Ils restent dans le layout afin que la hauteur de la zone 1473 * corresponde au plus grand panneau existant. 1474 */ 1475 const hideDropdowns = () => { 1476 dropdowns.forEach((dropdownMenu, navLink) => { 1477 dropdownMenu.classList.remove('show'); 1478 dropdownMenu.setAttribute('aria-hidden', 'true'); 1479 1480 navLink.classList.remove('active-subnav'); 1481 navLink.setAttribute('aria-expanded', 'false'); 1482 }); 1483 }; 1484 1485 /** 1486 * Ferme complètement la sous-navigation. 1487 */ 1488 const closeSubnav = () => { 1489 1490 1491 clearTimeout(openingTimer); 1492 1493 hideDropdowns(); 1494 1495 if(!headerBar.classList.contains('sticky')) { 1496 headerBar.classList.remove('header-bar-hover'); 1497 } 1498 1499 subnavZone.classList.remove('opening'); 1500 subnavZone.classList.remove('show'); 1501 }; 1502 1503 navItems.forEach(navItem => { 1504 const navLink = navItem.querySelector( 1505 ':scope > .nav-link' 1506 ); 1507 1508 const dropdownMenu = navItem.querySelector( 1509 ':scope > .dropdown-menu' 1510 ); 1511 1512 if (!navLink) { 1513 return; 1514 } 1515 1516 if (dropdownMenu) { 1517 dropdownMenu.classList.add( 1518 'header-subnav-panel' 1519 ); 1520 1521 dropdownMenu.classList.remove('show'); 1522 dropdownMenu.removeAttribute('hidden'); 1523 dropdownMenu.removeAttribute('data-bs-popper'); 1524 dropdownMenu.setAttribute('aria-hidden', 'true'); 1525 1526 /*
1527 * Prépare les sous-menus et les colonnes avant 1528 * de déplacer le panneau. 1529 */ 1530 buildDropdownColumns(dropdownMenu); 1531 1532 subnavContent.appendChild(dropdownMenu); 1533 dropdowns.set(navLink, dropdownMenu); 1534 } 1535 1536 navLink.addEventListener('mouseenter', () => { 1537 const currentDropdown = dropdowns.get(navLink); 1538 1539 const wasOpen = 1540 subnavZone.classList.contains('show'); 1541 1542 hideDropdowns(); 1543 1544 /* 1545 * Tous les liens activent le fond blanc du header. 1546 */ 1547 headerBar.classList.add('header-bar-hover'); 1548 1549 /* 1550 * Lien sans sous-navigation : 1551 * le header reste actif, mais la zone se ferme. 1552 */ 1553 if (!currentDropdown) { 1554 clearTimeout(openingTimer); 1555 1556 subnavZone.classList.remove('opening'); 1557 subnavZone.classList.remove('show'); 1558 1559 return; 1560 } 1561 1562 /* 1563 * Le délai d'apparition du contenu ne s'applique 1564 * qu'à l'ouverture initiale. 1565 */ 1566 if (!wasOpen) { 1567 clearTimeout(openingTimer); 1568 1569 subnavZone.classList.add('opening'); 1570 1571 openingTimer = setTimeout(() => { 1572 subnavZone.classList.remove('opening'); 1573 }, 450); 1574 } else { 1575 subnavZone.classList.remove('opening'); 1576 } 1577 1578 subnavZone.classList.add('show'); 1579 1580 currentDropdown.classList.add('show'); 1581 currentDropdown.setAttribute( 1582 'aria-hidden', 1583 'false' 1584 ); 1585 1586 navLink.classList.add('active-subnav'); 1587 navLink.setAttribute('aria-expanded', 'true'); 1588 }); 1589 }); 1590 1591 headerBar.addEventListener('mouseleave', closeSubnav); 1592 }); 1593</script>
1593 1594 <a data-aos="fade-down" href="https://golf-national.com" class="logo-img-container" id="main-logo"> 1595 <img class="logo-img" src="https://golf-national.com/assets/images/logos/logo-white.png?v=2" /> 1596 <img class="logo-img on-bar-hover" src="https://golf-national.com/assets/images/logos/logo.png?v=2" /> 1597 </a> 1598 1599 <div class="d-flex gap-1 gap-sm-3 align-items-center"> 1600 <a class="btn btn-primary" href="https://golf-national.com/en/booking">Book</a> 1601 <div class="d-none d-xxl-flex gap-3 align-items-center"> 1602 <div class="d-flex align-items-center gap-2 header-lang-switcher header-lang-switcher-inline"> 1603 1604<ul class="cms-langs-selector"> 1605 <li> 1606 <a class="" href="https://golf-national.com/fr/l-heritage" title="French">fr</a> 1607 </li> 1608 <li> 1609 <a class="selected font-weight-bold" href="https://golf-national.com/en/heritage" title="English">en</a> 1610 </li> 1611 </ul> 1612 </div> 1613 </div> 1614 </div> 1615 1616 <div class="header-subnav-zone"> 1617 <div class="header-subnav-content"></div> 1618 </div> 1619 </div> 1620 1621 <div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel"> 1622 <div class="offcanvas-header d-flex justify-content-center"> 1623 <div class="d-flex justify-content-center"> 1624 <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> 1625 </div> 1626 </div> 1627 <div class="offcanvas-body d-flex flex-column align-items-center justify-content-start py-4 py-md-5 px-0"> 1628 <div class="text-center mb-3 mb-lg-5"> 1629 <a href="https://golf-national.com"><img style="width: 14vw; min-width: 150px; max-width: 150px;" src="https://golf-national.com/assets/images/logos/logo-white.png?v=2" /></a> 1630 </div> 1631 <div> 1632<ul class="cms-langs-selector"> 1633 <li> 1634 <a class="" href="https://golf-national.com/fr/l-heritage" title="French">fr</a> 1635 </li> 1636 <li> 1637 <a class="selected font-weight-bold" href="https://golf-national.com/en/heritage" title="English">en</a> 1638 </li> 1639 </ul> 1640</div> 1641 <hr style="width: 85px;" class="mx-auto"> 1642 <nav> 1643 <ul class="m-0"> 1644 1645 1646 <li class="nav-item dropdown li_5"> 1647 <a href="#" class="nav-link dropdown-toggle selected" aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" role="button" vt-data-slug="golf" title="Golf"><span>Golf</span><span class="caret"></span></a> 1648 1649 <ul class="dropdown-menu"> 1650 1651 1652 1653 <li class="nav-item li_12"> 1654 <a href="https://golf-national.com/en/heritage" class="nav-link selected" vt-data-slug="heritage" title="Heritage"><span>Heritage</span></a> 1655 </li> 1656 1657 1658 <li class="nav-item dropdown li_40"> 1659 <a href="#" class="nav-link dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" role="button" vt-data-slug="course" title="Course"><span>Course</span><span class="caret"></span></a> 1660 1661 <ul class="dropdown-menu"> 1662 1663 1664 1665 <li class="nav-item li_20"> 1666 <a href="https://golf-national.com/en/the-albatros-course" class="nav-link" vt-data-slug="the-albatros-course" title="The Albatros Course"><span>The Albatros Course</span></a> 1667 </li> 1668 1669 1670 <li class="nav-item li_21"> 1671 <a href="https://golf-national.com/en/the-aigle-course" class="nav-link" vt-data-slug="the-aigle-course" title="The Aigle Course"><span>The Aigle Course</span></a> 1672 </li> 1673 1674 </ul> 1675 </li> 1676 1677 1678 <li class="nav-item li_22"> 1679 <a href="https://golf-national.com/en/sustainability" class="nav-link" vt-data-slug="sustainability" title="Sustainability"><span>Sustainability</span></a> 1680 </li> 1681 1682 </ul> 1683 </li> 1684 1685 1686 <li class="nav-item dropdown li_26"> 1687 <a href="#" class="nav-link dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" role="button" vt-data-slug="information-and-services" title="Information and services"><span>Information and services</span><span class="caret"></span></a> 1688 1689 <ul class="dropdown-menu"> 1690 1691 1692 1693 <li class="nav-item li_23"> 1694 <a href="https://golf-national.com/en/booking" class="nav-link" vt-data-slug="booking" title="Booking"><span>Booking</span></a> 1695 </li> 1696 1697 1698 <li class="nav-item li_24"> 1699 <a href="https://golf-national.com/en/rates" class="nav-link" vt-data-slug="rates" title="Rates"><span>Rates</span></a> 1700 </li> 1701 1702 1703 <li class="nav-item li_25"> 1704 <a href="https://golf-national.com/en/compet
1704itions/list/" class="nav-link" vt-data-slug="tournaments" title="Tournaments"><span>Tournaments</span></a> 1705 </li> 1706 1707 1708 <li class="nav-item li_32"> 1709 <a href="https://golf-national.com/en/membership" class="nav-link" vt-data-slug="membership" title="Membership"><span>Membership</span></a> 1710 </li> 1711 1712 1713 <li class="nav-item dropdown li_33"> 1714 <a href="#" class="nav-link dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" role="button" vt-data-slug="academy" title="Academy"><span>Academy</span><span class="caret"></span></a> 1715 1716 <ul class="dropdown-menu"> 1717 1718 1719 1720 <li class="nav-item li_34"> 1721 <a href="https://golf-national.com/en/patrice-amadieu" class="nav-link" vt-data-slug="patrice-amadieu" title="Patrice Amadieu"><span>Patrice Amadieu</span></a> 1722 </li> 1723 1724 </ul> 1725 </li> 1726 1727 1728 <li class="nav-item li_56"> 1729 <a href="https://golf-national.com/en/private-caddie" class="nav-link" vt-data-slug="private-caddie" title="Private CADDIE"><span>Private CADDIE</span></a> 1730 </li> 1731 1732 </ul> 1733 </li> 1734 1735 1736 <li class="nav-item dropdown li_7"> 1737 <a href="#" class="nav-link dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" role="button" vt-data-slug="stays" title="Stays"><span>Stays</span><span class="caret"></span></a> 1738 1739 <ul class="dropdown-menu"> 1740 1741 1742 1743 <li class="nav-item li_27"> 1744 <a href="https://golf-national.com/en/accomodations" class="nav-link" vt-data-slug="accomodations" title="Accomodations"><span>Accomodations</span></a> 1745 </li> 1746 1747 1748 <li class="nav-item li_28"> 1749 <a href="https://golf-national.com/en/offres-packages/list?kind=package" class="nav-link" vt-data-slug="packages" title="Packages"><span>Packages</span></a> 1750 </li> 1751 1752 1753 <li class="nav-item li_29"> 1754 <a href="https://golf-national.com/en/destination" class="nav-link" vt-data-slug="destination" title="Destination"><span>Destination</span></a> 1755 </li> 1756 1757 </ul> 1758 </li> 1759 1760 1761 <li class="nav-item dropdown li_8"> 1762 <a href="#" class="nav-link dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" role="button" vt-data-slug="experiences" title="Experiences"><span>Experiences</span><span class="caret"></span></a> 1763 1764 <ul class="dropdown-menu"> 1765 1766 1767 1768 <li class="nav-item li_30"> 1769 <a href="https://golf-national.com/en/seminars" class="nav-link" vt-data-slug="seminars" title="Seminars"><span>Seminars</span></a> 1770 </li> 1771 1772 1773 <li class="nav-item li_31"> 1774 <a href="https://golf-national.com/en/corporate-golf-events" class="nav-link" vt-data-slug="corporate-golf-events" title="Corporate golf events"><span>Corporate golf events</span></a> 1775 </li> 1776 1777 </ul> 1778 </li> 1779 1780 1781 <li class="nav-item dropdown li_61"> 1782 <a href="#" class="nav-link dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" role="button" vt-data-slug="proshop-fitting" title="Proshop/Fitting"><span>Proshop/Fitting</span><span class="caret"></span></a> 1783 1784 <ul class="dropdown-menu"> 1785 1786 1787 1788 <li class="nav-item li_11"> 1789 <a href="https://www.boutique-legolfnational.com/shop/fr" class="nav-link" vt-data-slug="webshop" title="Webshop" target="_blank"><span>Webshop</span></a> 1790 </li> 1791 1792 </ul> 1793 </li> 1794 </ul> 1795 </nav> 1796 </div> 1797 </div> 1798 1799 <style> 1800 /*#cms_slideshow_6ab70c723ab2e .splide__slide { 1801 border-radius: 0 0 100px 100px; 1802 } 1803 1804 @media(max-width: 767px) { 1805 #cms_slideshow_6ab70c723ab2e .splide__slide { 1806 border-radius: 0 0 40px 40px; 1807 } 1808 }*/ 1809</style> 1810 1811<div id="cms_slideshow_6ab70c723ab2e" class="splide"> 1812 <div class="splide__track"> 1813 <ul class="splide__list"> 1814 </ul> 1815 </div> 1816 <span class="splide-slide-stocklist"> 1817
1818 <span data-src="https://golf-national.com/models/cmsslideshowslide/assets/5/.thumbs/1920xauto_57e6b6745c6a6_heritage.jpg" data-orientation="landscape"> 1819 </span> 1820 </span> 1821 </div> 1822
1823<script type="text/javascript"> 1824 var cms_slideshow_6ab70c723ab2e = { 1825 slideshow: null, 1826 splide: null, 1827 save_orientation: 'landscape', 1828 init: function () { 1829 this.slideshow = document.querySelector('#cms_slideshow_6ab70c723ab2e'); 1830 this.splide = new Splide('.splide', { 1831 type: 'fade', 1832 rewind: true, 1833 width: '100vw', 1834 height: '50vh', 1835 cover: true, 1836 autoplay: true, 1837 pauseOnHover: false, 1838 pauseOnFocus: false, 1839 interval: 3500, 1840 lazyLoad: 'sequential', 1841 pagination: true, 1842 speed: 1000, 1843 arrows: true }); 1844 this.splide.mount(); 1845 this.splide.on('move', function(newIndex, prevIndex, destIndex){ 1846 console.log("move " + newIndex + " " + prevIndex + " " +destIndex); 1847 if(newIndex == 0) { 1848 if(document.querySelector('.custom-splide-logo')) { 1849 document.querySelector('.custom-splide-logo').style.opacity = 1; 1850 } 1851 } else { 1852 if(document.querySelector('.custom-splide-logo')) { 1853 document.querySelector('.custom-splide-logo').style.opacity = 0; 1854 } 1855 1856 } 1857 }); 1858 1859 window.addEventListener('resize', () => { 1860 this.testOrientation(); 1861 }); 1862 1863 this.replaceSpliderSlides('landscape'); 1864 this.slideshow.style.visibility = 'visible'; 1865 this.testOrientation(); 1866 }, 1867 testOrientation: function(){ 1868 if(!this.slideshow || this.slideshow.offsetWidth <= 0 || this.slideshow.offsetHeight <= 0) { 1869 setTimeout(this.testOrientation, 500); 1870 } else { 1871 if(this.slideshow.offsetWidth <= this.slideshow.offsetHeight){ 1872 if(this.save_orientation == 'landscape') { 1873 this.replaceSpliderSlides('portrait'); 1874 } 1875 } else { 1876 if(this.save_orientation == 'portrait') { 1877 this.replaceSpliderSlides('landscape'); 1878 } 1879 } 1880 } 1881 }, 1882 replaceSpliderSlides: function(orientation){ 1883 var track = this.slideshow.querySelector('.splide-slide-stocklist'); 1884 var track_elements = track.querySelectorAll('span[data-orientation="' + orientation + '"]'); 1885 if(track_elements.length > 0) { 1886 this.splide.remove('.splide__slide'); 1887 for(var i = 0; i < track_elements.length; i++) { 1888 var src = track_elements[i].getAttribute('data-src'); 1889 var html_text = '<div class="splide-caption">'; 1890 if(track_elements[i].querySelector('.splide-caption-title')) { 1891 html_text += '<div class="splide-caption-title">' + track_elements[i].querySelector('.splide-caption-title').innerHTML + '</div>'; 1892 } 1893 if(track_elements[i].querySelector('.splide-caption-text')) { 1894 html_text += '<div class="splide-caption-text">' + track_elements[i].querySelector('.splide-caption-text').innerHTML + '</div>'; 1895 } 1896 var img = document.createElement('img'); 1897 img.setAttribute('data-splide-lazy', src); 1898 this.splide.add('<li class="splide__slide">'+img.outerHTML+html_text+'</li>'); 1899 } 1900 1901 this.splide.Components.Autoplay.play(); 1902 1903 var arrows = this.slideshow.querySelector('.splide__arrows'); 1904 var pagination = this.slideshow.querySelector('ul.splide__pagination'); 1905 1906 if(track_elements.length <= 1) { 1907 this.splide.Components.Drag.disable(true); 1908 if(arrows) arrows.style.display = 'none'; 1909 if(pagination) pagination.style.display = 'none'; 1910 } else { 1911 this.splide.Components.Drag.disable(false); 1912 if(arrows) arrows.style.display = 'block'; 1913 if(pagination) pagination.style.display = 'flex'; 1914 } 1915 1916 this.save_orientation = orientation; 1917 } 1918 } 1919 }; 1920 cms_slideshow_6ab70c723ab2e.init(); 1921</script>
1921 1922 </header> 1923 1924 1925<div class="container-full mt-3 d-flex gap-1 justify-content-start align-items-center flex-wrap" style="font-size: 0.9em;"> 1926 <a href="https://golf-national.com" style="font-weight: 500;">Home</a> 1927 <div><i class="iconify" data-icon="material-symbols-light:chevron-right"></i></div> 1928 <div class="text-dark">Golf</div> 1929 <div><i class="iconify" data-icon="material-symbols-light:chevron-right"></i></div> 1930 <div style="font-size: 0.9em;" class="text-dark opacity-75">Heritage</div> 1931</div> 1932<div class="page-header bg-white text-primary pt-2 pb-5 pt-md-2 pb-md-5"> 1933 <div class="container d-flex justify-content-center align-items-center flex-wrap"> 1934 <div class="text-center vt-slot-type-slottitlecomponent" data-aos="fade-up" data-aos-duration="1000"><h1>Heritage</h1></div> 1935 </div> 1936</div> 1937<section class="page-section pb-3 pb-lg-5 bg-white" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100"> 1938 <div class="vt-slot vt-slot-type-slottitlecomponent "> 1939<div class="text-center"> 1940 <h3 class="none ">Ryder Cup 2018</h3> 1941</div> 1942 1943</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 1944</div> <div class="vt-slot vt-slot-type-slotparallaxcomponent "> 1945 1946 1947<style> 1948 .vtslots-parallax { 1949 overflow: hidden; 1950 display: none; 1951 } 1952 1953 .vtslots-parallax img { 1954 width: 100%; 1955 } 1956</style> 1957 <div id="slotparallaxcomponent-1004" class="vtslots-parallax" style="width: 100%; max-width: 100%; min-height: 40vh; background-image: url(https://golf-national.com/models/gallerymedia/assets/f//f8432a2a706a6_parrallax2-heritage-rydercup.jpg)"></div> 1958 1959
1959<script type="text/javascript"> 1960 function initSlotParallaxComponent_1004() { 1961 console.log("INIT PARALLAX SlotParallaxComponent_1004") 1962 let is_iOS = function() { 1963 return [ 1964 'iPad Simulator', 1965 'iPhone Simulator', 1966 'iPod Simulator', 1967 'iPad', 1968 'iPhone', 1969 'iPod' 1970 ].includes(navigator.platform) 1971 // iPad on iOS 13 detection 1972 || (navigator.userAgent.includes("Mac") && "ontouchend" in document) 1973 } 1974 1975 let el = document.querySelector('#slotparallaxcomponent-1004'); 1976 // patch nul pour iOS... 1977 if(is_iOS()) { 1978 console.log("iOS device detected !") 1979 //el.style = 'position: relative; width: 100%; max-width: 100%; height: 40vh;' 1980 el.style = 'position: relative; width: 100%; max-width: 100%; height: auto;'; 1981 1982 let pos_y_top = 0; 1983 let el_img = document.createElement('img'); 1984 //el_img.style = 'width: 100%; object-fit: cover; position: absolute;'; 1985 el_img.src = 'https://golf-national.com/models/gallerymedia/assets/f//f8432a2a706a6_parrallax2-heritage-rydercup.jpg'; 1986 1987 el_img.addEventListener('load', function() { 1988 el.style.display = 'block'; 1989 /*window.addEventListener('scroll', function() { 1990 funct_scroll() 1991 }) 1992 1993 let funct_scroll = function() { 1994 let top = el.getBoundingClientRect().top; 1995 console.log("window.scrollY => " + window.scrollY); 1996 console.log("top => " + top); 1997 pos_y_top = top + window.scrollY; 1998 console.log("pos_y_top => " + pos_y_top); 1999 console.log("new pos top => " + parseFloat(window.scrollY-pos_y_top)) 2000 } 2001 2002 funct_scroll() 2003 2004 setInterval(function() { 2005 el_img.style.top = parseFloat(window.scrollY-pos_y_top) +'px'; 2006 }, 10)*/ 2007 }) 2008 2009 el.appendChild(el_img); 2010 } else { 2011 el.style.display = 'block'; 2012 } 2013 } 2014 2015 initSlotParallaxComponent_1004(); 2016 </script>
2016 2017</div> <div class="vt-slot vt-slot-type-slotcontainercomponent "> 2018<div style="max-width: 100%;" class="vt-comp-container "> 2019 <div class="vt-slot vt-slot-type-slotgridcomponent "> 2020<div id="grid-slots-1007" class="row "> 2021 2022 <div class="grid-slot-column p-3 p-md-4 p-lg-5 col-md-4" data-slot-desktop-order="1" data-slot-mobile-order="" style=""> 2023 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2024 2025 2026 2027 <div style="text-align: center"> 2028 <img class="d-inline none" style="width: 40%; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/2/.thumbs/1150xauto_21e8ed92b73a6_rydercup2018logo-svg.png" /> 2029 </div> 2030 2031 2032 2033<div style="clear: both;"></div> 2034</div> 2035 2036 </div> 2037 <div class="grid-slot-column p-3 p-md-4 p-lg-5 col-md-8" data-slot-desktop-order="2" data-slot-mobile-order="" style=""> 2038 <div class="vt-slot vt-slot-type-slottextcomponent "> 2039<div class="cms-text px-0 text-size-normal py-0 text-start"> 2040 <p>For almost a century, the <strong>Ryder Cup </strong>has captivated the world of golf. Established in 1927 by Samuel Ryder, this contest between the United States and Europe has become one of the most prestigious events in international sport.</p> 2041 2042<p>Initially dominated by the Americans against the British team, the competition entered a new era in 1979 with the inclusion of players from continental Europe, a transformation inspired by the legendary Severiano Ballesteros. Since then, the <strong>Ryder Cup</strong> has become synonymous with passion, emotion and unforgettable sporting drama.</p> 2043 2044<div class="responsive-accordion" data-button-style="link" data-collapse-desktop="1" data-collapse-label="Reduce" data-collapse-mobile="1" data-collapse-tablet="1" data-expand-label="Read more"> 2045<div class="responsive-accordion__content"> 2046<p>In 2018, France made history by hosting the <strong>Ryder Cup</strong> for the very first time at Le Golf National on the Albatros course. For one week, the venue became the epicentre of the golfing world, welcoming more than 270,000 spectators to witness the finest players on the planet. </p> 2047 2048<p>The event marked a major milestone for French golf, both through its international visibility and the enthusiasm it generated throughout the country.</p> 2049 2050<p>Driven by an electric atmosphere and a crowd entirely behind them, Team Europe delivered an outstanding performance against a particularly formidable American side. </p> 2051 2052<p>The United States team notably featured a resurgent Tiger Woods, fresh from his victory at the Tour Championship only days earlier, alongside nine of its twelve players ranked inside the world's Top 15.</p> 2053 2054<p>Notably led by Francesco Molinari, Tommy Fleetwood, Rory McIlroy and captain Thomas Bjørn, Europe secured a convincing 17.5â10.5 victory. </p> 2055 2056<p>The grandstands of Le Golf National, animated daily by nearly 55,000 spectators, the chants of supporters and several memorable moments, including the dominance of the iconic "Moliwood" partnership, the performances of Ian Poulter, nicknamed "The Postman" for his ability to deliver under pressure, and Jon Rahm's Sunday singles victory over Tiger Woods, all combined to make this edition one of the most memorable in modern <strong>Ryder Cup</strong> history.</p> 2057 2058<p>Since that historic edition, the <strong>Ryder Cup</strong> has continued to deliver spectacular contests, with European victories in Rome in 2023 and at Bethpage Black in 2025, further reinforcing the prestige and unique intensity of the competition.</p> 2059</div> 2060</div> 2061</div>
2062<script defer="defer">(function (window, document) { 2063 'use strict'; 2064 2065 var instances = []; 2066 var instanceCounter = 0; 2067 var resizeFrame = null; 2068 2069 var breakpoints = { 2070 mobile: window.matchMedia('(max-width: 767px)'), 2071 tablet: window.matchMedia( 2072 '(min-width: 768px) and (max-width: 1199px)' 2073 ), 2074 desktop: window.matchMedia('(min-width: 1200px)') 2075 }; 2076 2077 /** 2078 * Détermine si lâaccordéon doit être actif 2079 * pour la largeur dâécran actuelle. 2080 */ 2081 function isEnabledForCurrentViewport(element) { 2082 if (breakpoints.mobile.matches) { 2083 return element.getAttribute( 2084 'data-collapse-mobile' 2085 ) === '1'; 2086 } 2087 2088 if (breakpoints.tablet.matches) { 2089 return element.getAttribute( 2090 'data-collapse-tablet' 2091 ) === '1'; 2092 } 2093 2094 return element.getAttribute( 2095 'data-collapse-desktop' 2096 ) === '1'; 2097 } 2098 2099 /** 2100 * Vérifie quâun style de bouton est autorisé. 2101 */ 2102 function getButtonStyle(element) { 2103 var style = 2104 element.getAttribute('data-button-style') || 2105 'primary'; 2106 2107 var allowedStyles = [ 2108 'primary', 2109 'outline', 2110 'link' 2111 ]; 2112 2113 if (allowedStyles.indexOf(style) === -1) { 2114 return 'primary'; 2115 } 2116 2117 return style; 2118 } 2119 2120 /** 2121 * Génère un identifiant HTML unique. 2122 */ 2123 function generateContentId() { 2124 var id; 2125 2126 do { 2127 instanceCounter++; 2128 id = 2129 'responsive-accordion-content-' + 2130 instanceCounter; 2131 } while (document.getElementById(id)); 2132 2133 return id; 2134 } 2135 2136 /** 2137 * Crée une instance dâaccordéon. 2138 */ 2139 function createInstance(element) { 2140 if ( 2141 element.getAttribute( 2142 'data-responsive-accordion-ready' 2143 ) === '1' 2144 ) { 2145 return null; 2146 } 2147 2148 var content = element.querySelector( 2149 '.responsive-accordion__content' 2150 ); 2151 2152 if (!content) { 2153 return null; 2154 } 2155 2156 element.setAttribute( 2157 'data-responsive-accordion-ready', 2158 '1' 2159 ); 2160 2161 var expandLabel = 2162 element.getAttribute('data-expand-label') || 2163 'Lire la suite'; 2164 2165 var collapseLabel = 2166 element.getAttribute('data-collapse-label') || 2167 'Réduire'; 2168 2169 var buttonStyle = getButtonStyle(element); 2170 2171 if (!content.id) { 2172 content.id = generateContentId(); 2173 } 2174 2175 var button = document.createElement('button'); 2176 2177 button.type = 'button'; 2178 2179 button.className = 2180 'btn btn-' + buttonStyle + ' responsive-accordion__toggle ' + 2181 'responsive-accordion__toggle--' + 2182 buttonStyle; 2183 2184 button.setAttribute( 2185 'aria-controls', 2186 content.id 2187 ); 2188 2189 button.setAttribute( 2190 'aria-expanded', 2191 'false' 2192 ); 2193 2194 button.textContent = expandLabel; 2195 2196 element.appendChild(button); 2197 2198 var expanded = false; 2199 var active = false; 2200 2201 /** 2202 * Met à jour lâaffichage de lâaccordéon. 2203 */ 2204 function refresh() { 2205 var viewportEnabled = 2206 isEnabledForCurrentViewport(element); 2207 2208 var fullHeight = content.scrollHeight; 2209 2210 /* 2211 * Si le comportement est activé pour cet écran, 2212 * tout le contenu balisé est caché. 2213 */ 2214 active = viewportEnabled; 2215 2216 element.classList.toggle( 2217 'is-collapsible', 2218 active 2219 ); 2220 2221 button.hidden = !active; 2222 2223 /* 2224 * Sur un écran non concerné, le contenu reste 2225 * entièrement visible et le bouton disparaît. 2226 */ 2227 if (!active) { 2228 expanded = false; 2229 2230 element.classList.remove('is-expanded'); 2231 2232 content.style.maxHeight = ''; 2233 button.textContent = expandLabel; 2234 2235 button.setAttribute( 2236 'aria-expanded', 2237 'true' 2238 ); 2239 2240 return; 2241 } 2242 2243 element.classList.toggle( 2244 'is-expanded', 2245 expanded 2246 ); 2247 2248 button.setAttribute( 2249 'aria-expanded', 2250 expanded ? 'true' : 'false' 2251 ); 2252 2253 button.textContent = expanded 2254 ? collapseLabel 2255 : expandLabel; 2256 2257 /* 2258 * Replié : 0px, donc aucun texte visible. 2259 * Déplié : hauteur complète du contenu. 2260 */ 2261 content.style.maxHeight = expanded 2262 ? fullHeight + 'px' 2263 : '0px'; 2264 } 2265 2266 button.addEventListener('click', function () { 2267 if (!active) { 2268 return; 2269 } 2270 2271 expanded = !expanded; 2272 2273 refresh(); 2274 }); 2275 2276 /* 2277 * Recalcule la hauteur lorsque les images internes 2278 * terminent leur chargement. 2279 */ 2280 var images = content.querySelectorAll('img'); 2281 2282 Array.prototype.forEach.call( 2283 images, 2284 function (image) { 2285 if (!image.complete) { 2286 image.addEventListener( 2287 'load', 2288 refresh 2289 ); 2290 } 2291 } 2292 ); 2293 2294 refresh(); 2295 2296 return { 2297 element: element, 2298 refresh: refresh 2299 }; 2300 } 2301 2302 /** 2303 * Initialise les accordéons contenus dans une zone. 2304 * 2305 * On peut rappeler cette fonction après un chargement AJAX : 2306 * VTResponsiveAccordion.init(monConteneur); 2307 */ 2308 function init(container) { 2309 var scope = container || document; 2310 2311 /* 2312 * Le conteneur fourni peut lui-même être un accordéon. 2313 */ 2314 if ( 2315 scope.nodeType === 1 && 2316 scope.matches && 2317 scope.matches('.responsive-accordion') 2318 ) { 2319 var rootInstance = createInstance(scope); 2320 2321 if (rootInstance) { 2322 instances.push(rootInstance); 2323 } 2324 } 2325 2326 var elements = scope.querySelectorAll( 2327 '.responsive-accordion' 2328 ); 2329 2330 Array.prototype.forEach.call( 2331 elements, 2332 function (element) { 2333 var instance = createInstance(element); 2334 2335 if (instance) { 2336 instances.push(instance); 2337 } 2338 } 2339 ); 2340 } 2341 2342 /** 2343 * Un seul événement resize pour toutes les instances. 2344 */ 2345 window.addEventListener('resize', function () { 2346 if (resizeFrame !== null) { 2347 window.cancelAnimationFrame(resizeFrame); 2348 } 2349 2350 resizeFrame = window.requestAnimationFrame( 2351 function () { 2352 resizeFrame = null; 2353
2354 instances.forEach(function (instance) { 2355 instance.refresh(); 2356 }); 2357 } 2358 ); 2359 }); 2360 2361 /* 2362 * API publique utile en cas de contenu injecté en AJAX. 2363 */ 2364 window.VTResponsiveAccordion = { 2365 init: init, 2366 2367 refresh: function () { 2368 instances.forEach(function (instance) { 2369 instance.refresh(); 2370 }); 2371 } 2372 }; 2373 2374 if (document.readyState === 'loading') { 2375 document.addEventListener( 2376 'DOMContentLoaded', 2377 function () { 2378 init(document); 2379 } 2380 ); 2381 } else { 2382 init(document); 2383 } 2384})(window, document);</script>
2384</div> 2385 2386 </div> 2387 </div> 2388
2389<script type="text/javascript"> 2390 var slotGrid6ab70c7204422 = { 2391 el: document.querySelector('#grid-slots-1007'), 2392 blocks: document.querySelectorAll('#grid-slots-1007 > .grid-slot-column'), 2393 type: 'desktop', 2394 reorderBlocks() { 2395 for(var i = 1; i <= this.blocks.length; i++) { 2396 var block = document.querySelector('#grid-slots-1007 > .grid-slot-column[data-slot-'+this.type+'-order="' + i + '"]'); 2397 if(block) 2398 document.querySelector('#grid-slots-1007').appendChild(block); 2399 } 2400 }, 2401 testResponsive() { 2402 if(window.innerWidth <= 767) { 2403 if(this.type == 'desktop') { 2404 this.type = 'mobile'; 2405 this.reorderBlocks(); 2406 } 2407 } else { 2408 if(this.type == 'mobile') { 2409 this.type = 'desktop'; 2410 this.reorderBlocks(); 2411 } 2412 } 2413 }, 2414 init() { 2415 window.addEventListener('resize', () => { 2416 this.testResponsive(); 2417 }); 2418 this.testResponsive(); 2419 } 2420 }; 2421 2422 slotGrid6ab70c7204422.init(); 2423</script>
2423 2424</div> 2425 2426 </div> </div> <div class="vt-slot vt-slot-type-slotgridcomponent vt-slot-hide-on-mobile"> 2427<div id="grid-slots-1012" class="row g-0"> 2428 2429 <div class="grid-slot-column col-md" data-slot-desktop-order="1" data-slot-mobile-order="" style=""> 2430 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2431 2432 2433 2434 <div style="text-align: left"> 2435 <a href="https://golf-national.com/models/gallerymedia/assets/4//44713bab706a6_rc-1.jpg" title="" rel="lightbox" data-group="images"> 2436 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/4/.thumbs/1150xauto_44713bab706a6_rc-1.jpg" /> </a> 2437 2438 </div> 2439 2440 2441 2442<div style="clear: both;"></div> 2443</div> 2444 2445 </div> 2446 <div class="grid-slot-column col-md" data-slot-desktop-order="2" data-slot-mobile-order="" style=""> 2447 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2448 2449 2450 2451 <div style="text-align: left"> 2452 <a href="https://golf-national.com/models/gallerymedia/assets/5//5c4921cb706a6_rc-2.jpg" title="" rel="lightbox" data-group="images"> 2453 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/5/.thumbs/1150xauto_5c4921cb706a6_rc-2.jpg" /> </a> 2454 2455 </div> 2456 2457 2458 2459<div style="clear: both;"></div> 2460</div> 2461 2462 </div> 2463 <div class="grid-slot-column col-md" data-slot-desktop-order="3" data-slot-mobile-order="" style=""> 2464 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2465 2466 2467 2468 <div style="text-align: left"> 2469 <a href="https://golf-national.com/models/gallerymedia/assets/7//7d7a51cb706a6_rc-3.jpg" title="" rel="lightbox" data-group="images"> 2470 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/7/.thumbs/1150xauto_7d7a51cb706a6_rc-3.jpg" /> </a> 2471 2472 </div> 2473 2474 2475 2476<div style="clear: both;"></div> 2477</div> 2478 2479 </div> 2480 <div class="grid-slot-column col-md" data-slot-desktop-order="4" data-slot-mobile-order="" style=""> 2481 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2482 2483 2484 2485 <div style="text-align: left"> 2486 <a href="https://golf-national.com/models/gallerymedia/assets/8//862e91cb706a6_rc-4.jpg" title="" rel="lightbox" data-group="images"> 2487 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/8/.thumbs/1150xauto_862e91cb706a6_rc-4.jpg" /> </a> 2488 2489 </div> 2490 2491 2492 2493<div style="clear: both;"></div> 2494</div> 2495 2496 </div> 2497 <div class="grid-slot-column col-md" data-slot-desktop-order="5" data-slot-mobile-order="" style=""> 2498 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2499 2500 2501 2502 <div style="text-align: left"> 2503 <a href="https://golf-national.com/models/gallerymedia/assets/9//9466723c706a6_rc-5.jpg" title="" rel="lightbox" data-group="images"> 2504 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/9/.thumbs/1150xauto_9466723c706a6_rc-5.jpg" /> </a> 2505 2506 </div> 2507 2508 2509 2510<div style="clear: both;"></div> 2511</div> 2512 2513 </div> 2514 </div> 2515
2516<script type="text/javascript"> 2517 var slotGrid6ab70c720c6a1 = { 2518 el: document.querySelector('#grid-slots-1012'), 2519 blocks: document.querySelectorAll('#grid-slots-1012 > .grid-slot-column'), 2520 type: 'desktop', 2521 reorderBlocks() { 2522 for(var i = 1; i <= this.blocks.length; i++) { 2523 var block = document.querySelector('#grid-slots-1012 > .grid-slot-column[data-slot-'+this.type+'-order="' + i + '"]'); 2524 if(block) 2525 document.querySelector('#grid-slots-1012').appendChild(block); 2526 } 2527 }, 2528 testResponsive() { 2529 if(window.innerWidth <= 767) { 2530 if(this.type == 'desktop') { 2531 this.type = 'mobile'; 2532 this.reorderBlocks(); 2533 } 2534 } else { 2535 if(this.type == 'mobile') { 2536 this.type = 'desktop'; 2537 this.reorderBlocks(); 2538 } 2539 } 2540 }, 2541 init() { 2542 window.addEventListener('resize', () => { 2543 this.testResponsive(); 2544 }); 2545 this.testResponsive(); 2546 } 2547 }; 2548 2549 slotGrid6ab70c720c6a1.init(); 2550</script>
2550 2551</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2552</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2553</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2554</div> <div class="vt-slot vt-slot-type-slottitlecomponent "> 2555<div class="text-center"> 2556 <h3 class="none ">Paris 2024 Olympic Games</h3> 2557</div> 2558 2559</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2560</div> <div class="vt-slot vt-slot-type-slotparallaxcomponent "> 2561 2562 2563<style> 2564 .vtslots-parallax { 2565 overflow: hidden; 2566 display: none; 2567 } 2568 2569 .vtslots-parallax img { 2570 width: 100%; 2571 } 2572</style> 2573 <div id="slotparallaxcomponent-1028" class="vtslots-parallax" style="width: 100%; max-width: 100%; min-height: 40vh; background-image: url(https://golf-national.com/models/gallerymedia/assets/3//30d33153706a6_parrallax1-heritage-jo.jpg)"></div> 2574 2575
2575<script type="text/javascript"> 2576 function initSlotParallaxComponent_1028() { 2577 console.log("INIT PARALLAX SlotParallaxComponent_1028") 2578 let is_iOS = function() { 2579 return [ 2580 'iPad Simulator', 2581 'iPhone Simulator', 2582 'iPod Simulator', 2583 'iPad', 2584 'iPhone', 2585 'iPod' 2586 ].includes(navigator.platform) 2587 // iPad on iOS 13 detection 2588 || (navigator.userAgent.includes("Mac") && "ontouchend" in document) 2589 } 2590 2591 let el = document.querySelector('#slotparallaxcomponent-1028'); 2592 // patch nul pour iOS... 2593 if(is_iOS()) { 2594 console.log("iOS device detected !") 2595 //el.style = 'position: relative; width: 100%; max-width: 100%; height: 40vh;' 2596 el.style = 'position: relative; width: 100%; max-width: 100%; height: auto;'; 2597 2598 let pos_y_top = 0; 2599 let el_img = document.createElement('img'); 2600 //el_img.style = 'width: 100%; object-fit: cover; position: absolute;'; 2601 el_img.src = 'https://golf-national.com/models/gallerymedia/assets/3//30d33153706a6_parrallax1-heritage-jo.jpg'; 2602 2603 el_img.addEventListener('load', function() { 2604 el.style.display = 'block'; 2605 /*window.addEventListener('scroll', function() { 2606 funct_scroll() 2607 }) 2608 2609 let funct_scroll = function() { 2610 let top = el.getBoundingClientRect().top; 2611 console.log("window.scrollY => " + window.scrollY); 2612 console.log("top => " + top); 2613 pos_y_top = top + window.scrollY; 2614 console.log("pos_y_top => " + pos_y_top); 2615 console.log("new pos top => " + parseFloat(window.scrollY-pos_y_top)) 2616 } 2617 2618 funct_scroll() 2619 2620 setInterval(function() { 2621 el_img.style.top = parseFloat(window.scrollY-pos_y_top) +'px'; 2622 }, 10)*/ 2623 }) 2624 2625 el.appendChild(el_img); 2626 } else { 2627 el.style.display = 'block'; 2628 } 2629 } 2630 2631 initSlotParallaxComponent_1028(); 2632 </script>
2632 2633</div> <div class="vt-slot vt-slot-type-slotcontainercomponent "> 2634<div style="max-width: 100%;" class="vt-comp-container "> 2635 <div class="vt-slot vt-slot-type-slotgridcomponent "> 2636<div id="grid-slots-1031" class="row "> 2637 2638 <div class="grid-slot-column p-3 p-md-4 p-lg-5 col-md-4" data-slot-desktop-order="1" data-slot-mobile-order="" style=""> 2639 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2640 2641 2642 2643 <div style="text-align: center"> 2644 <img class="d-inline none" style="width: 40%; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/0//0f530ee4b73a6_logo-jo-paris-2024-svg.png" /> 2645 </div> 2646 2647 2648 2649<div style="clear: both;"></div> 2650</div> 2651 2652 </div> 2653 <div class="grid-slot-column p-3 p-md-4 p-lg-5 col-md-8" data-slot-desktop-order="2" data-slot-mobile-order="" style=""> 2654 <div class="vt-slot vt-slot-type-slottextcomponent "> 2655<div class="cms-text px-0 text-size-normal py-0 text-start"> 2656 <p>In the summer of 2024, Le Golf National hosted the golf competitions of the <strong>Paris Olympic Games</strong>, bringing together the world's best male and female golfers on one of the sport's most demanding championship courses. For two weeks, the venue pulsed with the spirit of the Games, welcoming thousands of spectators attending one of the world's premier sporting events.</p> 2657 2658<p>A few days before the competitions began, Le Golf National had already experienced a symbolic moment with the Olympic Torch relay passing through it. Carried by Thomas Levet, Jean Van de Velde and Patricia Meunier-Lebouc, former major champion and one of Franceâs most distinguished golfers, this stage further enhanced the emotion and historical significance of the event.</p> 2659 2660<div class="responsive-accordion" data-button-style="link" data-collapse-desktop="0" data-collapse-label="Reduce" data-collapse-mobile="1" data-collapse-tablet="1" data-expand-label="Read more"> 2661<div class="responsive-accordion__content"> 2662<p>From a sporting perspective, the Olympic tournaments delivered world-class competition. In the menâs event, Scottie Scheffler won the gold medal ahead of Tommy Fleetwood and Hideki Matsuyama. In the womenâs competition, Lydia Ko claimed gold ahead of Esther Henseleit and Lin Xiyu.</p> 2663 2664<p>Particular recognition should also be given to the outstanding fourth-place finish of French player Victor Perez, who came within touching distance of the podium and delivered one of the finest performances in recent French golf history.</p> 2665 2666<p>Already host of the Ryder Cup in 2018, Le Golf National once again confirmed its status as a world-class championship venue for major international competitions, further strengthening the visibility and appeal of golf in France.</p> 2667</div> 2668</div> 2669</div> 2670</div> 2671 2672 </div> 2673 </div> 2674
2675<script type="text/javascript"> 2676 var slotGrid6ab70c72111d5 = { 2677 el: document.querySelector('#grid-slots-1031'), 2678 blocks: document.querySelectorAll('#grid-slots-1031 > .grid-slot-column'), 2679 type: 'desktop', 2680 reorderBlocks() { 2681 for(var i = 1; i <= this.blocks.length; i++) { 2682 var block = document.querySelector('#grid-slots-1031 > .grid-slot-column[data-slot-'+this.type+'-order="' + i + '"]'); 2683 if(block) 2684 document.querySelector('#grid-slots-1031').appendChild(block); 2685 } 2686 }, 2687 testResponsive() { 2688 if(window.innerWidth <= 767) { 2689 if(this.type == 'desktop') { 2690 this.type = 'mobile'; 2691 this.reorderBlocks(); 2692 } 2693 } else { 2694 if(this.type == 'mobile') { 2695 this.type = 'desktop'; 2696 this.reorderBlocks(); 2697 } 2698 } 2699 }, 2700 init() { 2701 window.addEventListener('resize', () => { 2702 this.testResponsive(); 2703 }); 2704 this.testResponsive(); 2705 } 2706 }; 2707 2708 slotGrid6ab70c72111d5.init(); 2709</script>
2709 2710</div> 2711 2712 </div> </div> <div class="vt-slot vt-slot-type-slotgridcomponent vt-slot-hide-on-mobile"> 2713<div id="grid-slots-1036" class="row g-0"> 2714 2715 <div class="grid-slot-column col-md" data-slot-desktop-order="1" data-slot-mobile-order="" style=""> 2716 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2717 2718 2719 2720 <div style="text-align: left"> 2721 <a href="https://golf-national.com/models/gallerymedia/assets/9//94585eb6706a6_jo-1.jpg" title="" rel="lightbox" data-group="images"> 2722 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/9/.thumbs/1150xauto_94585eb6706a6_jo-1.jpg" /> </a> 2723 2724 </div> 2725 2726 2727 2728<div style="clear: both;"></div> 2729</div> 2730 2731 </div> 2732 <div class="grid-slot-column col-md" data-slot-desktop-order="2" data-slot-mobile-order="" style=""> 2733 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2734 2735 2736 2737 <div style="text-align: left"> 2738 <a href="https://golf-national.com/models/gallerymedia/assets/a//ac9270fa706a6_jo-6.jpg" title="" rel="lightbox" data-group="images"> 2739 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/a/.thumbs/1150xauto_ac9270fa706a6_jo-6.jpg" /> </a> 2740 2741 </div> 2742 2743 2744 2745<div style="clear: both;"></div> 2746</div> 2747 2748 </div> 2749 <div class="grid-slot-column col-md" data-slot-desktop-order="3" data-slot-mobile-order="" style=""> 2750 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2751 2752 2753 2754 <div style="text-align: left"> 2755 <a href="https://golf-national.com/models/gallerymedia/assets/6//6524deb6706a6_jo-3.jpg" title="" rel="lightbox" data-group="images"> 2756 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/6/.thumbs/1150xauto_6524deb6706a6_jo-3.jpg" /> </a> 2757 2758 </div> 2759 2760 2761 2762<div style="clear: both;"></div> 2763</div> 2764 2765 </div> 2766 <div class="grid-slot-column col-md" data-slot-desktop-order="4" data-slot-mobile-order="" style=""> 2767 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2768 2769 2770 2771 <div style="text-align: left"> 2772 <a href="https://golf-national.com/models/gallerymedia/assets/1//18792fb6706a6_jo-4.jpg" title="" rel="lightbox" data-group="images"> 2773 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/1/.thumbs/1150xauto_18792fb6706a6_jo-4.jpg" /> </a> 2774 2775 </div> 2776 2777 2778 2779<div style="clear: both;"></div> 2780</div> 2781 2782 </div> 2783 <div class="grid-slot-column col-md" data-slot-desktop-order="5" data-slot-mobile-order="" style=""> 2784 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2785 2786 2787 2788 <div style="text-align: left"> 2789 <a href="https://golf-national.com/models/gallerymedia/assets/d//d232aeb6706a6_jo-2.jpg" title="" rel="lightbox" data-group="images"> 2790 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/d/.thumbs/1150xauto_d232aeb6706a6_jo-2.jpg" /> </a> 2791 2792 </div> 2793 2794 2795 2796<div style="clear: both;"></div> 2797</div> 2798 2799 </div> 2800 </div> 2801
2802<script type="text/javascript"> 2803 var slotGrid6ab70c72196be = { 2804 el: document.querySelector('#grid-slots-1036'), 2805 blocks: document.querySelectorAll('#grid-slots-1036 > .grid-slot-column'), 2806 type: 'desktop', 2807 reorderBlocks() { 2808 for(var i = 1; i <= this.blocks.length; i++) { 2809 var block = document.querySelector('#grid-slots-1036 > .grid-slot-column[data-slot-'+this.type+'-order="' + i + '"]'); 2810 if(block) 2811 document.querySelector('#grid-slots-1036').appendChild(block); 2812 } 2813 }, 2814 testResponsive() { 2815 if(window.innerWidth <= 767) { 2816 if(this.type == 'desktop') { 2817 this.type = 'mobile'; 2818 this.reorderBlocks(); 2819 } 2820 } else { 2821 if(this.type == 'mobile') { 2822 this.type = 'desktop'; 2823 this.reorderBlocks(); 2824 } 2825 } 2826 }, 2827 init() { 2828 window.addEventListener('resize', () => { 2829 this.testResponsive(); 2830 }); 2831 this.testResponsive(); 2832 } 2833 }; 2834 2835 slotGrid6ab70c72196be.init(); 2836</script>
2836 2837</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2838</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2839</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2840</div> <div class="vt-slot vt-slot-type-slottitlecomponent "> 2841<div class="text-center"> 2842 <h3 class="none ">FedEx Open de France</h3> 2843</div> 2844 2845</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2846</div> <div class="vt-slot vt-slot-type-slotparallaxcomponent "> 2847 2848 2849<style> 2850 .vtslots-parallax { 2851 overflow: hidden; 2852 display: none; 2853 } 2854 2855 .vtslots-parallax img { 2856 width: 100%; 2857 } 2858</style> 2859 <div id="slotparallaxcomponent-1052" class="vtslots-parallax" style="width: 100%; max-width: 100%; min-height: 40vh; background-image: url(https://golf-national.com/models/gallerymedia/assets/9//93bc3dad706a6_parrallax2-heritage-opendefrance.jpg)"></div> 2860 2861
2861<script type="text/javascript"> 2862 function initSlotParallaxComponent_1052() { 2863 console.log("INIT PARALLAX SlotParallaxComponent_1052") 2864 let is_iOS = function() { 2865 return [ 2866 'iPad Simulator', 2867 'iPhone Simulator', 2868 'iPod Simulator', 2869 'iPad', 2870 'iPhone', 2871 'iPod' 2872 ].includes(navigator.platform) 2873 // iPad on iOS 13 detection 2874 || (navigator.userAgent.includes("Mac") && "ontouchend" in document) 2875 } 2876 2877 let el = document.querySelector('#slotparallaxcomponent-1052'); 2878 // patch nul pour iOS... 2879 if(is_iOS()) { 2880 console.log("iOS device detected !") 2881 //el.style = 'position: relative; width: 100%; max-width: 100%; height: 40vh;' 2882 el.style = 'position: relative; width: 100%; max-width: 100%; height: auto;'; 2883 2884 let pos_y_top = 0; 2885 let el_img = document.createElement('img'); 2886 //el_img.style = 'width: 100%; object-fit: cover; position: absolute;'; 2887 el_img.src = 'https://golf-national.com/models/gallerymedia/assets/9//93bc3dad706a6_parrallax2-heritage-opendefrance.jpg'; 2888 2889 el_img.addEventListener('load', function() { 2890 el.style.display = 'block'; 2891 /*window.addEventListener('scroll', function() { 2892 funct_scroll() 2893 }) 2894 2895 let funct_scroll = function() { 2896 let top = el.getBoundingClientRect().top; 2897 console.log("window.scrollY => " + window.scrollY); 2898 console.log("top => " + top); 2899 pos_y_top = top + window.scrollY; 2900 console.log("pos_y_top => " + pos_y_top); 2901 console.log("new pos top => " + parseFloat(window.scrollY-pos_y_top)) 2902 } 2903 2904 funct_scroll() 2905 2906 setInterval(function() { 2907 el_img.style.top = parseFloat(window.scrollY-pos_y_top) +'px'; 2908 }, 10)*/ 2909 }) 2910 2911 el.appendChild(el_img); 2912 } else { 2913 el.style.display = 'block'; 2914 } 2915 } 2916 2917 initSlotParallaxComponent_1052(); 2918 </script>
2918 2919</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 2920</div> <div class="vt-slot vt-slot-type-slotcontainercomponent "> 2921<div style="max-width: 100%;" class="vt-comp-container "> 2922 <div class="vt-slot vt-slot-type-slotgridcomponent "> 2923<div id="grid-slots-1056" class="row "> 2924 2925 <div class="grid-slot-column p-3 p-md-4 p-lg-5 col-md-4" data-slot-desktop-order="1" data-slot-mobile-order="" style=""> 2926 <div class="vt-slot vt-slot-type-slotimagecomponent "> 2927 2928 2929 2930 <div style="text-align: center"> 2931 <img class="d-inline none" style="width: 40%; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/9//94ac9546b73a6_opendefrance.jpg" /> 2932 </div> 2933 2934 2935 2936<div style="clear: both;"></div> 2937</div> 2938 2939 </div> 2940 <div class="grid-slot-column p-3 p-md-4 p-lg-5 col-md-8" data-slot-desktop-order="2" data-slot-mobile-order="" style=""> 2941 <div class="vt-slot vt-slot-type-slottextcomponent "> 2942<div class="cms-text px-0 text-size-normal py-0 text-start"> 2943 <p>Founded in 1906, the <strong>Open de France</strong> is the oldest national championship in continental Europe and one of the most prestigious events on the European golfing calendar. </p> 2944 2945<p>For more than a century, it has brought together the worldâs leading players and has crowned some of golfâs greatest legends, including Severiano Ballesteros, Greg Norman, Nick Faldo and Bernhard Langer.</p> 2946 2947<div class="responsive-accordion" data-button-style="link" data-collapse-desktop="1" data-collapse-label="Reduce" data-collapse-mobile="1" data-collapse-tablet="1" data-expand-label="Read more"> 2948<div class="responsive-accordion__content"> 2949<p>Held at Le Golf National since 1991, the tournament has become a flagship event of the DP World Tour. Renowned for its demanding nature, the Albatros course has played a major role in building the tournamentâs international reputation.</p> 2950 2951<p>The <strong>Open de France</strong> has also marked the history of French golf through the victories of Jean-François Remésy, the first French winner since Jean Garaïalde, before Thomas Levet added his name to the list of champions.</p> 2952 2953<p>Following an exceptional staging at Saint-Nom-la-Bretèche for the 2025 edition, the <strong>Open de France</strong> will return to Le Golf National in 2026, a symbolic year marking the tournamentâs 120th anniversary, reconnecting the championship with the iconic course that has been part of its story for more than three decades.</p> 2954</div> 2955</div> 2956</div> 2957</div> 2958 2959 </div> 2960 </div> 2961
2962<script type="text/javascript"> 2963 var slotGrid6ab70c721d2b5 = { 2964 el: document.querySelector('#grid-slots-1056'), 2965 blocks: document.querySelectorAll('#grid-slots-1056 > .grid-slot-column'), 2966 type: 'desktop', 2967 reorderBlocks() { 2968 for(var i = 1; i <= this.blocks.length; i++) { 2969 var block = document.querySelector('#grid-slots-1056 > .grid-slot-column[data-slot-'+this.type+'-order="' + i + '"]'); 2970 if(block) 2971 document.querySelector('#grid-slots-1056').appendChild(block); 2972 } 2973 }, 2974 testResponsive() { 2975 if(window.innerWidth <= 767) { 2976 if(this.type == 'desktop') { 2977 this.type = 'mobile'; 2978 this.reorderBlocks(); 2979 } 2980 } else { 2981 if(this.type == 'mobile') { 2982 this.type = 'desktop'; 2983 this.reorderBlocks(); 2984 } 2985 } 2986 }, 2987 init() { 2988 window.addEventListener('resize', () => { 2989 this.testResponsive(); 2990 }); 2991 this.testResponsive(); 2992 } 2993 }; 2994 2995 slotGrid6ab70c721d2b5.init(); 2996</script>
2996 2997</div> 2998 2999 </div> </div> <div class="vt-slot vt-slot-type-slotgridcomponent vt-slot-hide-on-mobile"> 3000<div id="grid-slots-1061" class="row g-0"> 3001 3002 <div class="grid-slot-column col-md" data-slot-desktop-order="1" data-slot-mobile-order="" style=""> 3003 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3004 3005 3006 3007 <div style="text-align: left"> 3008 <a href="https://golf-national.com/models/gallerymedia/assets/4//4143eb9f706a6_open-1.jpg" title="" rel="lightbox" data-group="images"> 3009 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/4/.thumbs/1150xauto_4143eb9f706a6_open-1.jpg" /> </a> 3010 3011 </div> 3012 3013 3014 3015<div style="clear: both;"></div> 3016</div> 3017 3018 </div> 3019 <div class="grid-slot-column col-md" data-slot-desktop-order="2" data-slot-mobile-order="" style=""> 3020 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3021 3022 3023 3024 <div style="text-align: left"> 3025 <a href="https://golf-national.com/models/gallerymedia/assets/e//e71f1c9f706a6_open-2.jpg" title="" rel="lightbox" data-group="images"> 3026 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/e/.thumbs/1150xauto_e71f1c9f706a6_open-2.jpg" /> </a> 3027 3028 </div> 3029 3030 3031 3032<div style="clear: both;"></div> 3033</div> 3034 3035 </div> 3036 <div class="grid-slot-column col-md" data-slot-desktop-order="3" data-slot-mobile-order="" style=""> 3037 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3038 3039 3040 3041 <div style="text-align: left"> 3042 <a href="https://golf-national.com/models/gallerymedia/assets/b//b14a5c9f706a6_open-3.jpg" title="" rel="lightbox" data-group="images"> 3043 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/b/.thumbs/1150xauto_b14a5c9f706a6_open-3.jpg" /> </a> 3044 3045 </div> 3046 3047 3048 3049<div style="clear: both;"></div> 3050</div> 3051 3052 </div> 3053 <div class="grid-slot-column col-md" data-slot-desktop-order="4" data-slot-mobile-order="" style=""> 3054 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3055 3056 3057 3058 <div style="text-align: left"> 3059 <a href="https://golf-national.com/models/gallerymedia/assets/5//5d9f7c9f706a6_open-4.jpg" title="" rel="lightbox" data-group="images"> 3060 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/5/.thumbs/1150xauto_5d9f7c9f706a6_open-4.jpg" /> </a> 3061 3062 </div> 3063 3064 3065 3066<div style="clear: both;"></div> 3067</div> 3068 3069 </div> 3070 <div class="grid-slot-column col-md" data-slot-desktop-order="5" data-slot-mobile-order="" style=""> 3071 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3072 3073 3074 3075 <div style="text-align: left"> 3076 <a href="https://golf-national.com/models/gallerymedia/assets/0//0f20ac9f706a6_open-5.jpg" title="" rel="lightbox" data-group="images"> 3077 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/0/.thumbs/1150xauto_0f20ac9f706a6_open-5.jpg" /> </a> 3078 3079 </div> 3080 3081 3082 3083<div style="clear: both;"></div> 3084</div> 3085 3086 </div> 3087 </div> 3088
3089<script type="text/javascript"> 3090 var slotGrid6ab70c72253c4 = { 3091 el: document.querySelector('#grid-slots-1061'), 3092 blocks: document.querySelectorAll('#grid-slots-1061 > .grid-slot-column'), 3093 type: 'desktop', 3094 reorderBlocks() { 3095 for(var i = 1; i <= this.blocks.length; i++) { 3096 var block = document.querySelector('#grid-slots-1061 > .grid-slot-column[data-slot-'+this.type+'-order="' + i + '"]'); 3097 if(block) 3098 document.querySelector('#grid-slots-1061').appendChild(block); 3099 } 3100 }, 3101 testResponsive() { 3102 if(window.innerWidth <= 767) { 3103 if(this.type == 'desktop') { 3104 this.type = 'mobile'; 3105 this.reorderBlocks(); 3106 } 3107 } else { 3108 if(this.type == 'mobile') { 3109 this.type = 'desktop'; 3110 this.reorderBlocks(); 3111 } 3112 } 3113 }, 3114 init() { 3115 window.addEventListener('resize', () => { 3116 this.testResponsive(); 3117 }); 3118 this.testResponsive(); 3119 } 3120 }; 3121 3122 slotGrid6ab70c72253c4.init(); 3123</script>
3123 3124</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 3125</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 3126</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 3127</div> <div class="vt-slot vt-slot-type-slottitlecomponent "> 3128<div class="text-center"> 3129 <h3 class="none ">World Amateur Team Championships 2022</h3> 3130</div> 3131 3132</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 3133</div> <div class="vt-slot vt-slot-type-slotparallaxcomponent "> 3134 3135 3136<style> 3137 .vtslots-parallax { 3138 overflow: hidden; 3139 display: none; 3140 } 3141 3142 .vtslots-parallax img { 3143 width: 100%; 3144 } 3145</style> 3146 <div id="slotparallaxcomponent-1077" class="vtslots-parallax" style="width: 100%; max-width: 100%; min-height: 40vh; background-image: url(https://golf-national.com/models/gallerymedia/assets/b//b7d4ad00806a6_parrallax2-heritage-watc.jpg)"></div> 3147 3148
3148<script type="text/javascript"> 3149 function initSlotParallaxComponent_1077() { 3150 console.log("INIT PARALLAX SlotParallaxComponent_1077") 3151 let is_iOS = function() { 3152 return [ 3153 'iPad Simulator', 3154 'iPhone Simulator', 3155 'iPod Simulator', 3156 'iPad', 3157 'iPhone', 3158 'iPod' 3159 ].includes(navigator.platform) 3160 // iPad on iOS 13 detection 3161 || (navigator.userAgent.includes("Mac") && "ontouchend" in document) 3162 } 3163 3164 let el = document.querySelector('#slotparallaxcomponent-1077'); 3165 // patch nul pour iOS... 3166 if(is_iOS()) { 3167 console.log("iOS device detected !") 3168 //el.style = 'position: relative; width: 100%; max-width: 100%; height: 40vh;' 3169 el.style = 'position: relative; width: 100%; max-width: 100%; height: auto;'; 3170 3171 let pos_y_top = 0; 3172 let el_img = document.createElement('img'); 3173 //el_img.style = 'width: 100%; object-fit: cover; position: absolute;'; 3174 el_img.src = 'https://golf-national.com/models/gallerymedia/assets/b//b7d4ad00806a6_parrallax2-heritage-watc.jpg'; 3175 3176 el_img.addEventListener('load', function() { 3177 el.style.display = 'block'; 3178 /*window.addEventListener('scroll', function() { 3179 funct_scroll() 3180 }) 3181 3182 let funct_scroll = function() { 3183 let top = el.getBoundingClientRect().top; 3184 console.log("window.scrollY => " + window.scrollY); 3185 console.log("top => " + top); 3186 pos_y_top = top + window.scrollY; 3187 console.log("pos_y_top => " + pos_y_top); 3188 console.log("new pos top => " + parseFloat(window.scrollY-pos_y_top)) 3189 } 3190 3191 funct_scroll() 3192 3193 setInterval(function() { 3194 el_img.style.top = parseFloat(window.scrollY-pos_y_top) +'px'; 3195 }, 10)*/ 3196 }) 3197 3198 el.appendChild(el_img); 3199 } else { 3200 el.style.display = 'block'; 3201 } 3202 } 3203 3204 initSlotParallaxComponent_1077(); 3205 </script>
3205 3206</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 3207</div> <div class="vt-slot vt-slot-type-slotcontainercomponent "> 3208<div style="max-width: 100%;" class="vt-comp-container "> 3209 <div class="vt-slot vt-slot-type-slotgridcomponent "> 3210<div id="grid-slots-1081" class="row "> 3211 3212 <div class="grid-slot-column p-3 p-md-4 p-lg-5 col-md-4" data-slot-desktop-order="1" data-slot-mobile-order="" style=""> 3213 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3214 3215 3216 3217 <div style="text-align: center"> 3218 <img class="d-inline none" style="width: 40%; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/9//9c47a2f6b73a6_watc-logo.png" /> 3219 </div> 3220 3221 3222 3223<div style="clear: both;"></div> 3224</div> 3225 3226 </div> 3227 <div class="grid-slot-column p-3 p-md-4 p-lg-5 col-md-8" data-slot-desktop-order="2" data-slot-mobile-order="" style=""> 3228 <div class="vt-slot vt-slot-type-slottextcomponent "> 3229<div class="cms-text px-0 text-size-normal py-0 text-start"> 3230 <p>In 2022, Le Golf National hosted the <strong>World Amateur Team Championships </strong>(WATC), one of the most prestigious international Amateur golf competitions. Organised every two years by the International Golf Federation, the event brings together the best menâs and womenâs national teams in the world.</p> 3231 3232<p>Players competed on the Albatros Course, renowned for its demanding layout and dramatic finishing holes. In the menâs competition, Italy claimed victory in the Eisenhower Trophy, while Sweden won the Espirito Santo Trophy in the womenâs event.</p> 3233 3234<div class="responsive-accordion" data-button-style="link" data-collapse-desktop="1" data-collapse-label="Reduce" data-collapse-mobile="1" data-collapse-tablet="1" data-expand-label="Read more"> 3235<div class="responsive-accordion__content"> 3236<p>Le Golf National had previously hosted the championship in 1994, an edition remembered notably for the presence of a young Tiger Woods, then one of the most promising talents in amateur golf.</p> 3237 3238<p>By hosting the <strong>World Amateur Team Championships</strong>, Le Golf National once again confirmed its leading role in the development and promotion of world golf, from the highest levels of Amateur competition to the most prestigious professional championships.</p> 3239</div> 3240</div> 3241</div> 3242</div> 3243 3244 </div> 3245 </div> 3246
3247<script type="text/javascript"> 3248 var slotGrid6ab70c72295c2 = { 3249 el: document.querySelector('#grid-slots-1081'), 3250 blocks: document.querySelectorAll('#grid-slots-1081 > .grid-slot-column'), 3251 type: 'desktop', 3252 reorderBlocks() { 3253 for(var i = 1; i <= this.blocks.length; i++) { 3254 var block = document.querySelector('#grid-slots-1081 > .grid-slot-column[data-slot-'+this.type+'-order="' + i + '"]'); 3255 if(block) 3256 document.querySelector('#grid-slots-1081').appendChild(block); 3257 } 3258 }, 3259 testResponsive() { 3260 if(window.innerWidth <= 767) { 3261 if(this.type == 'desktop') { 3262 this.type = 'mobile'; 3263 this.reorderBlocks(); 3264 } 3265 } else { 3266 if(this.type == 'mobile') { 3267 this.type = 'desktop'; 3268 this.reorderBlocks(); 3269 } 3270 } 3271 }, 3272 init() { 3273 window.addEventListener('resize', () => { 3274 this.testResponsive(); 3275 }); 3276 this.testResponsive(); 3277 } 3278 }; 3279 3280 slotGrid6ab70c72295c2.init(); 3281</script>
3281 3282</div> 3283 3284 </div> </div> <div class="vt-slot vt-slot-type-slotgridcomponent vt-slot-hide-on-mobile"> 3285<div id="grid-slots-1086" class="row g-0"> 3286 3287 <div class="grid-slot-column col-md" data-slot-desktop-order="1" data-slot-mobile-order="" style=""> 3288 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3289 3290 3291 3292 <div style="text-align: left"> 3293 <a href="https://golf-national.com/models/gallerymedia/assets/8//8f5e9c81806a6_watc-1.jpg" title="" rel="lightbox" data-group="images"> 3294 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/8/.thumbs/1150xauto_8f5e9c81806a6_watc-1.jpg" /> </a> 3295 3296 </div> 3297 3298 3299 3300<div style="clear: both;"></div> 3301</div> 3302 3303 </div> 3304 <div class="grid-slot-column col-md" data-slot-desktop-order="2" data-slot-mobile-order="" style=""> 3305 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3306 3307 3308 3309 <div style="text-align: left"> 3310 <a href="https://golf-national.com/models/gallerymedia/assets/0//0ce5d0a1806a6_watc-2.jpg" title="" rel="lightbox" data-group="images"> 3311 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/0/.thumbs/1150xauto_0ce5d0a1806a6_watc-2.jpg" /> </a> 3312 3313 </div> 3314 3315 3316 3317<div style="clear: both;"></div> 3318</div> 3319 3320 </div> 3321 <div class="grid-slot-column col-md" data-slot-desktop-order="3" data-slot-mobile-order="" style=""> 3322 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3323 3324 3325 3326 <div style="text-align: left"> 3327 <a href="https://golf-national.com/models/gallerymedia/assets/9//9ac823b1806a6_watc-3.jpg" title="" rel="lightbox" data-group="images"> 3328 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/9/.thumbs/1150xauto_9ac823b1806a6_watc-3.jpg" /> </a> 3329 3330 </div> 3331 3332 3333 3334<div style="clear: both;"></div> 3335</div> 3336 3337 </div> 3338 <div class="grid-slot-column col-md" data-slot-desktop-order="4" data-slot-mobile-order="" style=""> 3339 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3340 3341 3342 3343 <div style="text-align: left"> 3344 <a href="https://golf-national.com/models/gallerymedia/assets/9//9ec217c1806a6_watc-4.jpg" title="" rel="lightbox" data-group="images"> 3345 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/9/.thumbs/1150xauto_9ec217c1806a6_watc-4.jpg" /> </a> 3346 3347 </div> 3348 3349 3350 3351<div style="clear: both;"></div> 3352</div> 3353 3354 </div> 3355 <div class="grid-slot-column col-md" data-slot-desktop-order="5" data-slot-mobile-order="" style=""> 3356 <div class="vt-slot vt-slot-type-slotimagecomponent "> 3357 3358 3359 3360 <div style="text-align: left"> 3361 <a href="https://golf-national.com/models/gallerymedia/assets/b//b1844bd1806a6_watc-5.jpg" title="" rel="lightbox" data-group="images"> 3362 <img class="d-inline none" style="width: auto; max-width: 100%; " alt="" src="https://golf-national.com/models/gallerymedia/assets/b/.thumbs/1150xauto_b1844bd1806a6_watc-5.jpg" /> </a> 3363 3364 </div> 3365 3366 3367 3368<div style="clear: both;"></div> 3369</div> 3370 3371 </div> 3372 </div> 3373
3374<script type="text/javascript"> 3375 var slotGrid6ab70c7230f11 = { 3376 el: document.querySelector('#grid-slots-1086'), 3377 blocks: document.querySelectorAll('#grid-slots-1086 > .grid-slot-column'), 3378 type: 'desktop', 3379 reorderBlocks() { 3380 for(var i = 1; i <= this.blocks.length; i++) { 3381 var block = document.querySelector('#grid-slots-1086 > .grid-slot-column[data-slot-'+this.type+'-order="' + i + '"]'); 3382 if(block) 3383 document.querySelector('#grid-slots-1086').appendChild(block); 3384 } 3385 }, 3386 testResponsive() { 3387 if(window.innerWidth <= 767) { 3388 if(this.type == 'desktop') { 3389 this.type = 'mobile'; 3390 this.reorderBlocks(); 3391 } 3392 } else { 3393 if(this.type == 'mobile') { 3394 this.type = 'desktop'; 3395 this.reorderBlocks(); 3396 } 3397 } 3398 }, 3399 init() { 3400 window.addEventListener('resize', () => { 3401 this.testResponsive(); 3402 }); 3403 this.testResponsive(); 3404 } 3405 }; 3406 3407 slotGrid6ab70c7230f11.init(); 3408</script>
3408 3409</div> <div class="vt-slot vt-slot-type-slotseparatorcomponent "><hr style="opacity: 1; border: none; width: 100%; margin: auto; border-bottom: 1px solid #ffffff; margin-top: 3vh; margin-bottom: 3vh; "> 3410</div> 3411 3412</section> 3413 3414<style> 3415 footer { 3416 text-align: center; 3417 } 3418 footer .footer-grid { 3419 color: rgba(255, 255, 255, 0.5); 3420 } 3421 3422 footer .footer-grid a:not(.btn) { 3423 color: rgba(255, 255, 255, 0.65) !important; 3424 } 3425 3426 footer .footer-grid a:not(.btn):hover { 3427 color: white !important; 3428 } 3429 3430 .footer-sep { 3431 width: 1px; 3432 height: 12px; 3433 background-color: var(--bs-dark); 3434 } 3435 3436 @media (max-width: 768px) { 3437 .footer-sep { 3438 display: none; 3439 } 3440 } 3441 3442 .footer-grid { 3443 display: grid; 3444 grid-template-columns: repeat(4, 1fr); 3445 gap: 150px; 3446 width: 100%; 3447 padding: 130px 80px 80px; 3448 } 3449 3450 @media (max-width: 1200px) { 3451 .footer-grid { 3452 grid-template-columns: repeat(2, 1fr); 3453 gap: 80px; 3454 padding: 80px 40px; 3455 } 3456 } 3457 3458 @media (max-width: 768px) { 3459 .footer-grid { 3460 grid-template-columns: 1fr; 3461 gap: 40px; 3462 padding: 40px 20px; 3463 } 3464 } 3465 3466 h2.footer-title { 3467 color: white; 3468 font-size: 1.2rem !important; 3469 font-weight: 600; 3470 letter-spacing: 0.05em; 3471 margin: 0; 3472 } 3473 3474 footer .footer-h-sep { 3475 border: 1px solid white; 3476 opacity: 1 !important; 3477 margin: 0 !important; 3478 } 3479 3480 footer .footer-baseline { 3481 padding: 15px 80px; 3482 } 3483 3484 footer .footer-baseline { 3485 gap: 150px; 3486 } 3487 3488 footer .footer-baseline .footer-partners { 3489 display: flex; 3490 flex: 1; 3491 gap: 20px; 3492 align-items: center; 3493 justify-content: space-between; 3494 } 3495 3496 @media (max-width: 1200px) { 3497 footer .footer-baseline .footer-partners { 3498 gap: 10px; 3499 } 3500 } 3501 3502 @media (max-width: 768px) { 3503 footer .footer-baseline .footer-partners { 3504 flex-direction: column; 3505 } 3506 3507 footer .footer-baseline { 3508 gap: 25px; 3509 } 3510 } 3511 3512 footer .footer-baseline .logo-partner { 3513 width: 180px; 3514 height: 50px; 3515 object-position: center; 3516 object-fit: contain; 3517 display: flex; 3518 align-items: center; 3519 justify-content: center; 3520 color: white; 3521 font-size: 0.8rem; 3522 } 3523 3524 footer .iconify { 3525 color: white; 3526 font-size: 2rem; 3527 } 3528 3529 footer .footer-bottom { 3530 font-size: 0.9rem; 3531 } 3532 3533 footer .footer-bottom a { 3534 transition: 200ms ease-in-out; 3535 border-bottom: 1px solid transparent; 3536 } 3537 3538 footer .footer-bottom a:hover { 3539 border-color: var(--bs-primary); 3540 } 3541 3542 .nav-secondary li { 3543 list-style-type: none; 3544 } 3545 3546 .nav-secondary li::after { 3547 content: '|'; 3548 padding-left: 5px; 3549 } 3550 @media (max-width: 768px) { 3551 .nav-secondary li::after { 3552 content: none; 3553 } 3554 } 3555 .nav-secondary li:last-child::after { 3556 content: none; 3557 }
3558 .cookie-settings-link { 3559 background: none; 3560 padding: 0; 3561 color: inherit; 3562 cursor: pointer; 3563 border: none; 3564 font: inherit; 3565 transition: 200ms ease-in-out; 3566 border-bottom: 1px solid transparent; 3567 } 3568 3569 .cookie-settings-link:hover { 3570 border-color: var(--bs-primary); 3571 } 3572</style> 3573<footer id="footer" class="bg-primary"> 3574 <div class="bg-primary"> 3575 <div class="footer-grid"> 3576 <div class="d-flex flex-column gap-4"> 3577 <h2 class="footer-title">Le Golf National</h2> 3578 <div> 3579 <div>2, avenue du golf</div> 3580 <div>CS40549</div> 3581 <div>78286 Guyancourt cedex</div> 3582 <div>FRANCE</div> 3583 </div> 3584 <div> 3585 <div>Main Reception (18-hole course)</div> 3586 <div>Tél : <a href="tel:+33130433600">+331 30 43 36 00</a></div> 3587 </div> 3588 </div> 3589 3590 <div class="d-flex flex-column gap-4"> 3591 <h2 class="footer-title">Quick Navigation</h2> 3592 <ul class="d-flex flex-column gap-2" style="list-style: none; padding: 0; margin: 0;"> 3593 3594 3595 <li class="li_43"> 3596 <a vt-data-slug="contact-form" title="Contact form" href="https://golf-national.com/en/contact-form"><span>Contact form</span></a> 3597 </li> 3598 3599 3600 <li class="li_47"> 3601 <a vt-data-slug="rules-regulations" title="Rules & Regulations" href="https://golf-national.com/en/rules-regulations"><span>Rules & Regulations</span></a> 3602 </li> 3603 </ul> 3604 </div> 3605 3606 <div class="d-flex flex-column gap-4"> 3607 <h2 class="footer-title">Reservations</h2> 3608 <ul class="d-flex flex-column gap-2" style="list-style: none; padding: 0; margin: 0;"> 3609 3610 3611 <li class="li_51"> 3612 <a vt-data-slug="book-a-room" title="Book a room" href="https://all.accor.com/hotel/1139/index.fr.shtml" target="_blank"><span>Book a room</span></a> 3613 </li> 3614 3615 3616 <li class="li_52"> 3617 <a vt-data-slug="book-a-table" title="Book a table" href="https://widget.thefork.com/fr/267318cb-b691-4e15-9a93-ee8eb21941c3/homepage/743a2d03-83d8-4762-8990-94e5e3462aee?utm_source=a-lepicerie.com" target="_blank"><span>Book a table</span></a> 3618 </li> 3619 3620 3621 <li class="li_53"> 3622 <a vt-data-slug="organise-a-corporate-golf-event" title="Organise a corporate golf event" href="https://golf-national.com/en/seminars"><span>Organise a corporate golf event</span></a> 3623 </li> 3624 </ul> 3625 </div> 3626 3627 <div class="d-flex flex-column gap-4"> 3628 <!-- Begin Brevo Form --> 3629 3630 3631<!-- START - We recommend to place the below code in head tag of your website html --> 3632 3633<style> 3634 @font-face { 3635 font-display: block; 3636 font-family: Roboto; 3637 src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff") 3638 } 3639 3640 @font-face { 3641 font-display: fallback; 3642 font-family: Roboto; 3643 font-weight: 600; 3644 src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff") 3645 } 3646 3647 @font-face { 3648 font-display: fallback; 3649 font-family: Roboto; 3650 font-weight: 700; 3651 src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff") 3652 } 3653 3654 :where(.sib-form-message-panel) { 3655 display: none; 3656 } 3657 3658 :where(.sib-form-message-panel .sib-notification__icon) {
3659 width: 20px; 3660 height: 20px; 3661 } 3662 3663 3664 #sib-container input:-ms-input-placeholder { 3665 font-family: Helvetica, sans-serif; 3666 text-align: left; 3667 color: #c0ccda; 3668 } 3669 3670 #sib-container input::placeholder { 3671 font-family: Helvetica, sans-serif; 3672 text-align: left; 3673 color: #c0ccda; 3674 } 3675 3676 #sib-container textarea::placeholder { 3677 font-family: Helvetica, sans-serif; 3678 text-align: left; 3679 color: #c0ccda; 3680 } 3681 3682 3683 #sib-container a { 3684 text-decoration: underline; 3685 color: #2BB2FC; 3686 } 3687 3688 #sib-container, .sib-form { 3689 background: none !important; 3690 padding: 0 !important; 3691 border: none !important; 3692 } 3693 3694 .sib-form-block { 3695 padding: 0 !important; 3696 } 3697 3698 .sib-form { 3699 width: 100%; 3700 } 3701 3702 #sib-form { 3703 display: flex; 3704 gap: 10px; 3705 align-items: start; 3706 } 3707 3708 #sib-form .entry__field { 3709 margin-top: 0 !important; 3710 color: var(--bs-primary) !important; 3711 } 3712 3713 #sib-form .entry__error { 3714 padding: 0.5rem; 3715 } 3716 3717 #sib-container { 3718 max-width: 310px !important; 3719 margin: auto; 3720 } 3721</style> 3722<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css"> 3723 3724 3725<!-- END - We recommend to place the above code in head tag of your website html --> 3726 3727 3728 3729 3730<h2 class="footer-title">Sign up for our newsletter</h2> 3731<div class="d-flex align-items-center gap-2"> 3732 <!-- START - We recommend to place the below code where you want the form in your website html --> 3733 <div class="sib-form" style="text-align: center; 3734 background-color: #EFF2F7; 3735 3736 3737 3738 "> 3739 <div id="sib-form-container" class="sib-form-container"> 3740 <div id="error-message" class="sib-form-message-panel" style="font-family:Helvetica, sans-serif; font-size:16px; text-align:left; color:#661d1d; background-color:#ffeded; border-color:#ff4949; border-radius:3px; 3741 max-width:540px;"> 3742 <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> 3743 <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon"> 3744 <path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" /> 3745 </svg> 3746 <span class="sib-form-message-panel__inner-text"> 3747 3748 3749 We were unable to confirm your registration. 3750 3751 </span> 3752 </div> 3753 </div> 3754 <div></div> 3755 <div id="success-message" class="sib-form-message-panel" style="font-family:Helvetica, sans-serif; font-size:16px; text-align:left; color:#085229; background-color:#e7faf0; border-color:#13ce66; border-radius:3px; 3756 max-width:540px;"> 3757 <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> 3758 <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon"> 3759 <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" /> 3760 </svg> 3761 <span class="sib-form-message-panel__inner-text"> 3762 3763
3764 Votre inscription est confirmée. 3765 3766 3767 </span> 3768 </div> 3769 </div> 3770 <div></div> 3771 <div id="sib-container" class="sib-container--large sib-container--vertical" style="max-width:540px; text-align:center; background-color:rgba(255,255,255,1); border-width:1px; border-style:solid; border-color:#C0CCD9; border-radius:3px; direction:ltr"> 3772 <form id="sib-form" method="POST" action="https://7e0b891c.sibforms.com/serve/MUIFAEW6ogCXG5J0fKWANwcs894fEzsAr9GgScauqloCUsBLHm8FBjYVHfVstdGvENU4xEidQzp8DfkcvGIdiMq69hx9CHjviMWnLVNNUibWs9Jvs6r4kGbrcJLbhJdDwXNJcj46NP0VspqyBzDEbT18-i6Wh8XbwI18mlomPb3IsOisAygA6tXKIId5N475baYWExbMDBS3-WXJ" data-type="subscription"> 3773 <div style="flex: 1;"> 3774 <div class="sib-input sib-form-block"> 3775 <div class="form__entry entry_block"> 3776 <div class="form__label-row "> 3777 <div class="entry__field"> 3778 <input class="input " type="text" id="EMAIL" name="EMAIL" autocomplete="off" value="" placeholder="Your email" data-required="true" required /> 3779 </div> 3780 </div> 3781 3782 <label class="entry__error entry__error--primary" style="font-family:Helvetica, sans-serif; font-size:16px; text-align:left; color:#661d1d; background-color:#ffeded; border-color:#ff4949; border-radius:3px;"> 3783 </label> 3784 </div> 3785 </div> 3786 3787 3788 3789 3790 </div> 3791 3792 3793 3794 <div> 3795 <div class="sib-form-block" style="text-align: left"> 3796 <button style="padding: 0.43em 0.85em;" form="sib-form" type="submit" class="sib-form-block__button sib-form-block__button-with-loader btn btn-light text-primary"> 3797 <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512"> 3798 <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" /> 3799 </svg> 3800 OK 3801 </button> 3802 </div> 3803 </div> 3804 3805 3806 3807 <input type="text" name="email_address_check" value="" class="input--hidden"> 3808 3809 3810 <input type="hidden" name="locale" value="en"> 3811 3812 3813 </form> 3814 </div> 3815 </div> 3816 </div> 3817</div> 3818 3819 3820<!-- END - We recommend to place the above code where you want the form in your website html --> 3821 3822<!-- START - We recommend to place the below code in footer or bottom of your website html -->
3823<script> 3824 window.REQUIRED_CODE_ERROR_MESSAGE = 'Please select a country code'; 3825 window.LOCALE = 'fr'; 3826 3827 3828 3829 3830 window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "The information you provided is invalid. Please check the field format and try again."; 3831 3832 3833 3834 3835 3836 window.REQUIRED_ERROR_MESSAGE = "You must fill in this field."; 3837 3838 window.GENERIC_INVALID_MESSAGE = "The information you provided is invalid. Please check the field format and try again."; 3839 3840 3841 window.INVALID_NUMBER = "The information you provided is invalid. Please check the field format and try again."; 3842 3843 3844 3845 3846 window.INVALID_DATE = "Please enter a valid date"; 3847 3848 3849 3850 window.REQUIRED_MULTISELECT_MESSAGE = 'Please select at least one option'; 3851 3852 3853 window.translation = { 3854 common: { 3855 selectedList: '{quantity} Selected list', 3856 selectedLists: '{quantity} Selected lists', 3857 selectedOption: '{quantity} Selected option', 3858 selectedOptions: '{quantity} Selected options', 3859 } 3860 }; 3861 3862 var AUTOHIDE = Boolean(0); 3863</script>
3863 3864 3865 3866
3867<script defer src="https://sibforms.com/forms/end-form/build/main.js"></script>
3867 3868 3869 3870 3871 3872<!-- END - We recommend to place the above code in footer or bottom of your website html --> 3873 3874<!-- End Brevo Form --> </div> 3875 </div> 3876 <hr class="footer-h-sep"> 3877 <div class="footer-baseline d-flex flex-column flex-lg-row justify-content-between"> 3878 <div class="footer-partners"> 3879 <img alt="European Tour" class="logo-partner" src="https://golf-national.com/models/gallerymedia/assets/0//03d00758762a6_c710351dad1a6-et-destinations-port-rgb.png" /> <img alt="Ryder Cup" class="logo-partner" src="https://golf-national.com/models/gallerymedia/assets/e//e452e9af975a6_ryder.png" /> <img alt="JO" class="logo-partner" src="https://golf-national.com/models/gallerymedia/assets/5//5b088812d95a6_jo.png" /> <img alt="DP World Tour" class="logo-partner" src="https://golf-national.com/models/gallerymedia/assets/6//60d642a7762a6_0ed1373dad1a6-dp.png" /> <img alt="FedEx" class="logo-partner" src="https://golf-national.com/models/gallerymedia/assets/e//ebd525d7762a6_81ffb73dad1a6-open-fedex.png" /> 3880 3881 </div> 3882 <div class="d-flex gap-2 gap-sm-3 align-items-center justify-content-center"> 3883 <a href="https://www.facebook.com/legolfnational" target="_blank"><i class="iconify" data-icon="ic:baseline-facebook"></i></a> 3884 <a href="https://www.instagram.com/legolfnational/?hl=fr" target="_blank"><i class="iconify" data-icon="basil:instagram-solid"></i></a> 3885 <a href="https://www.linkedin.com/company/le-golf-national/" target="_blank"><i class="iconify" data-icon="mdi:linkedin"></i></a> 3886 </div> 3887 </div> 3888 </div> 3889 <div class="footer-bottom text-center bg-light p-3 py-2 d-flex flex-column-reverse gap-3 gap-md-0 flex-md-row justify-content-between"> 3890 <div>© Le Golf National - Réalisation <a target="_blank" href="https://vt-golf.com">vt-golf</a> 2026</div> 3891 <nav class="nav-secondary d-flex flex-column flex-md-row align-items-center gap-2" aria-label="Liens legaux du site"> 3892 3893 3894 <li class="li_39"> 3895 <a vt-data-slug="legal-notice" title="Legal notice" href="https://golf-national.com/en/legal-notice"><span>Legal notice</span></a> 3896 </li> 3897 3898 3899 <li class="li_38"> 3900 <a vt-data-slug="privacy-policy" title="Privacy policy" href="https://golf-national.com/en/privacy-policy"><span>Privacy policy</span></a> 3901 </li> 3902 3903 3904 <li class="li_58"> 3905 <a vt-data-slug="sitemap" title="Sitemap" href="https://golf-national.com/en/sitemap"><span>Sitemap</span></a> 3906 </li> 3907 <button type="button" class="cookie-settings-link" onclick="javascript:tarteaucitron.userInterface.openPanel
3907(); return false;">Cookies</button> 3908 </nav> 3909 </div> 3910</footer> 3911
3912<script> 3913 (function () { 3914 var SHOW_THRESHOLD = 0; 3915 3916 var topHeader = document.querySelector('.header-bar'); 3917 3918 if (!topHeader) { 3919 return; 3920 } 3921 3922 var isSticky = false; 3923 var ticking = false; 3924 var resetTimer = null; 3925 3926 /** 3927 * Termine proprement le retour du header 3928 * dans le flux normal de la page. 3929 */ 3930 function finishStickyRemoval() { 3931 if (isSticky) { 3932 return; 3933 } 3934 3935 /* 3936 * On coupe temporairement les transitions afin que 3937 * le passage fixed â position normale ne soit pas animé. 3938 */ 3939 topHeader.classList.add('sticky-reset'); 3940 3941 topHeader.classList.remove('sticky'); 3942 topHeader.classList.remove('sticky-hidden'); 3943 topHeader.classList.remove('header-bar-hover'); 3944 3945 /* 3946 * Force le navigateur à appliquer l'état sans transition. 3947 */ 3948 void topHeader.offsetHeight; 3949 3950 requestAnimationFrame(function () { 3951 topHeader.classList.remove('sticky-reset'); 3952 }); 3953 } 3954 3955 function setSticky(state, immediate) { 3956 if (state === isSticky) { 3957 return; 3958 } 3959 3960 isSticky = state; 3961 3962 clearTimeout(resetTimer); 3963 3964 if (isSticky) { 3965 /* 3966 * Annule immédiatement une éventuelle fermeture 3967 * en cours si l'utilisateur redescend. 3968 */ 3969 topHeader.classList.add('sticky-reset'); 3970 topHeader.classList.remove('sticky-hidden'); 3971 topHeader.classList.add('sticky'); 3972 topHeader.classList.add('header-bar-hover'); 3973 3974 void topHeader.offsetHeight; 3975 3976 requestAnimationFrame(function () { 3977 topHeader.classList.remove('sticky-reset'); 3978 }); 3979 3980 return; 3981 } 3982 3983 if (immediate) { 3984 finishStickyRemoval(); 3985 return; 3986 } 3987 3988 /* 3989 * Le header remonte d'abord en restant fixed. 3990 */ 3991 topHeader.classList.add('sticky-hidden'); 3992 3993 /* 3994 * Une fois l'animation terminée, il retourne dans 3995 * le flux normal sans nouvelle animation parasite. 3996 */ 3997 resetTimer = window.setTimeout( 3998 finishStickyRemoval, 3999 230 4000 ); 4001 } 4002 4003 function updateStickyState() { 4004 var currentY = 4005 window.scrollY || 4006 window.pageYOffset || 4007 0; 4008 4009 if (currentY <= SHOW_THRESHOLD) { 4010 setSticky(false, true); 4011 } else { 4012 setSticky(true); 4013 } 4014 } 4015 4016 function onScroll() { 4017 if (ticking) { 4018 return; 4019 } 4020 4021 ticking = true; 4022 4023 requestAnimationFrame(function () { 4024 updateStickyState(); 4025 ticking = false; 4026 }); 4027 } 4028 4029 updateStickyState(); 4030 4031 window.addEventListener('scroll', onScroll, { 4032 passive: true 4033 }); 4034 4035 window.addEventListener('resize', updateStickyState); 4036 })(); 4037 4038 window.addEventListener('load', function() { 4039 $('body').magnificPopup({ 4040 delegate: "[rel='lightbox'],a.lightbox", 4041 type: 'image', 4042 tLoading: 'Chargement de #%curr%...', 4043 mainClass: 'mfp-fade', 4044 fixedContentPos: false, 4045 gallery: { 4046 enabled: true, 4047 navigateByImgClick: true, 4048 preload: [0,1] // Will preload 0 - before current, and 1 after the current image 4049 }, 4050 image: { 4051 tError: '<a href="%url%">L\'image #%curr%</a> ne peut pas être chargée.', 4052 titleSrc: function(item) { 4053 return item.el.attr('title'); 4054 } 4055 } 4056 }); 4057 });
4058 4059 function addAosAnimation(selector, animation, options = {}) { 4060 const elements = document.querySelectorAll(selector); 4061 4062 options.disable = options.disable || 'mobile'; 4063 elements.forEach(function (element) { 4064 element.setAttribute('data-aos', animation); 4065 4066 if (options.duration !== undefined) { 4067 element.setAttribute('data-aos-duration', String(options.duration)); 4068 } 4069 4070 if (options.delay !== undefined) { 4071 element.setAttribute('data-aos-delay', String(options.delay)); 4072 } 4073 4074 if (options.offset !== undefined) { 4075 element.setAttribute('data-aos-offset', String(options.offset)); 4076 } 4077 }); 4078 4079 AOS.refreshHard(); 4080 } 4081 4082 document.addEventListener('DOMContentLoaded', function() { 4083 addAosAnimation('.page-section > .vt-slot', 'fade-up', { 4084 duration: 1000, 4085 delay: 100, 4086 offset: 100, 4087 }); 4088 }); 4089</script>
4089 4090 4091<style> 4092 .vt-slot-type-slotimagecomponent a { 4093 overflow: hidden; 4094 display: block; 4095 } 4096 .vt-slot-type-slotimagecomponent a img { 4097 transition: 0.5s ease-in-out; 4098 transform: scale(1.01); 4099 } 4100 .vt-slot-type-slotimagecomponent a:hover img { 4101 transform: scale(1.05); 4102 4103 } 4104</style> 4105 4106<div class="modal fade" id="golf-infos-modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 4107 <div class="modal-dialog modal-lg modal-dialog-centered"> 4108 <div class="modal-content rounded-4 bg-primary border-0 text-light"> 4109 <div class="modal-header"> 4110 <h5 class="modal-title text-light" id="exampleModalLabel">Playing conditions</h5> 4111 <button type="button" class="btn-close p-2 rounded-3 bg-white" data-bs-dismiss="modal" aria-label="Close"></button> 4112 </div> 4113 <div class="modal-body"> 4114 <div class="d-flex flex-column gap-5 w-100"> 4115 <div class="d-flex flex-column flex-lg-row gap-5"> 4116 <div style="flex: 1;"> 4117 <h6>Albatros Course</h6> 4118 4119 4120 4121 4122 <div class="golf-info-wrapper"> 4123 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4124 <div class="golf-info-icon"> 4125 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/course.png" alt="" /> 4126 </div> 4127 <h6 class="golf-info-label"> 4128 Course </h6> 4129 <div class="golf-info-status"> 4130 <span class="badge badge-golf-info-off"> 4131 Close </span> 4132 </div> 4133 </div> 4134 </div> 4135 4136 4137 4138 4139 <div class="golf-info-wrapper"> 4140 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4141 <div class="golf-info-icon"> 4142 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/voiturette.png" alt="" /> 4143 </div> 4144 <h6 class="golf-info-label"> 4145 Cart </h6> 4146 <div class="golf-info-status"> 4147 <span class="badge badge-golf-info-off"> 4148 Deny </span> 4149 </div> 4150 </div> 4151 </div> 4152 4153 4154 4155 4156 <div class="golf-info-wrapper"> 4157 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4158 <div class="golf-info-icon"> 4159 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/chariot-elec.png" alt="" /> 4160 </div> 4161 <h6 class="golf-info-label"> 4162 Electric trolley </h6> 4163 <div class="golf-info-status"> 4164 <span class="badge badge-golf-info-off"> 4165 Deny </span> 4166 </div> 4167 </div> 4168 </div> 4169 4170 4171 4172 4173 <div class="golf-info-wrapper"> 4174 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4175 <div class="golf-info-icon"> 4176 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/chariot-man.png" alt="" /> 4177 </div> 4178 <h6 class="golf-info-label"> 4179 Manual trolley </h6> 4180 <div class="golf-info-status">
4181 <span class="badge badge-golf-info-off"> 4182 Deny </span> 4183 </div> 4184 </div> 4185 </div> 4186 4187 4188<div class="pushtobody-golfinfos-parcours"> 4189 </div> 4190
4191<script type="text/javascript"> 4192 window.addEventListener('load', function(){ 4193 var $jq_golf = $; 4194 $jq_golf('body').append($jq_golf('.pushtobody-golfinfos-parcours').html()); 4195 $jq_golf('.pushtobody-golfinfos-parcours').remove(); 4196 }); 4197</script>
4197 4198 </div> 4199 <div style="flex: 1;"> 4200 <h6>Aigle Course</h6> 4201 4202 4203 4204 4205 <div class="golf-info-wrapper"> 4206 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4207 <div class="golf-info-icon"> 4208 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/course.png" alt="" /> 4209 </div> 4210 <h6 class="golf-info-label"> 4211 Course </h6> 4212 <div class="golf-info-status"> 4213 <span class="badge badge-golf-info-off"> 4214 Close </span> 4215 </div> 4216 </div> 4217 </div> 4218 4219 4220 4221 4222 <div class="golf-info-wrapper"> 4223 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4224 <div class="golf-info-icon"> 4225 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/voiturette.png" alt="" /> 4226 </div> 4227 <h6 class="golf-info-label"> 4228 Cart </h6> 4229 <div class="golf-info-status"> 4230 <span class="badge badge-golf-info-off"> 4231 Deny </span> 4232 </div> 4233 </div> 4234 </div> 4235 4236 4237 4238 4239 <div class="golf-info-wrapper"> 4240 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4241 <div class="golf-info-icon"> 4242 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/chariot-elec.png" alt="" /> 4243 </div> 4244 <h6 class="golf-info-label"> 4245 Electric trolley </h6> 4246 <div class="golf-info-status"> 4247 <span class="badge badge-golf-info-off"> 4248 Deny </span> 4249 </div> 4250 </div> 4251 </div> 4252 4253 4254 4255 4256 <div class="golf-info-wrapper"> 4257 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4258 <div class="golf-info-icon"> 4259 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/chariot-man.png" alt="" /> 4260 </div> 4261 <h6 class="golf-info-label"> 4262 Manual trolley </h6> 4263 <div class="golf-info-status"> 4264 <span class="badge badge-golf-info-off"> 4265 Deny </span> 4266 </div> 4267 </div> 4268 </div> 4269 4270 4271<div class="pushtobody-golfinfos-parcours"> 4272 </div> 4273
4274<script type="text/javascript"> 4275 window.addEventListener('load', function(){ 4276 var $jq_golf = $; 4277 $jq_golf('body').append($jq_golf('.pushtobody-golfinfos-parcours').html()); 4278 $jq_golf('.pushtobody-golfinfos-parcours').remove(); 4279 }); 4280</script>
4280 4281 </div> 4282 </div> 4283 <div class="d-flex flex-column flex-lg-row gap-5"> 4284 <div style="flex: 1;"> 4285 <h6></h6> 4286 4287 4288 4289 4290 <div class="golf-info-wrapper"> 4291 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4292 <div class="golf-info-icon"> 4293 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/practice.png" alt="" /> 4294 </div> 4295 <h6 class="golf-info-label"> 4296 Practice </h6> 4297 <div class="golf-info-status"> 4298 <span class="badge badge-golf-info-off"> 4299 Close </span> 4300 </div> 4301 </div> 4302 </div> 4303 4304 4305 4306 4307 <div class="golf-info-wrapper"> 4308 <div class="align-items-center golf-info-container d-flex golf-info-on"> 4309 <div class="golf-info-icon"> 4310 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/hotel.png" alt="" /> 4311 </div> 4312 <h6 class="golf-info-label"> 4313 Hotel </h6> 4314 <div class="golf-info-status"> 4315 <span class="badge badge-golf-info-on"> 4316 Open </span> 4317 </div> 4318 </div> 4319 </div> 4320 4321 4322 4323 4324 <div class="golf-info-wrapper"> 4325 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4326 <div class="golf-info-icon"> 4327 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/restaurant.png" alt="" /> 4328 </div> 4329 <h6 class="golf-info-label"> 4330 Restaurant </h6> 4331 <div class="golf-info-status"> 4332 <span class="badge badge-golf-info-off"> 4333 Close </span> 4334 </div> 4335 </div> 4336 </div> 4337 4338 4339 4340 4341 <div class="golf-info-wrapper"> 4342 <div class="align-items-center golf-info-container d-flex golf-info-off"> 4343 <div class="golf-info-icon"> 4344 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/club-house.png" alt="" /> 4345 </div> 4346 <h6 class="golf-info-label"> 4347 Club-House </h6> 4348 <div class="golf-info-status"> 4349 <span class="badge badge-golf-info-off"> 4350 Close </span> 4351 </div> 4352 </div> 4353 </div> 4354 4355 4356 4357 4358 <div class="golf-info-wrapper"> 4359 <div class="align-items-center golf-info-container d-flex golf-info-on"> 4360 <div class="golf-info-icon"> 4361 <img src="https://www.golf-national.com/vtgolf/images/icon_golf_infos//light/proshop.png" alt="" /> 4362 </div> 4363 <h6 class="golf-info-label"> 4364 ProShop </h6> 4365 <div class="golf-info-status">
4366 <span class="badge badge-golf-info-on"> 4367 Open </span> 4368 </div> 4369 </div> 4370 </div> 4371 4372 4373<div class="pushtobody-golfinfos-parcours"> 4374 </div> 4375
4376<script type="text/javascript"> 4377 window.addEventListener('load', function(){ 4378 var $jq_golf = $; 4379 $jq_golf('body').append($jq_golf('.pushtobody-golfinfos-parcours').html()); 4380 $jq_golf('.pushtobody-golfinfos-parcours').remove(); 4381 }); 4382</script>
4382 4383 </div> 4384 </div> 4385</div> </div> 4386 </div> 4387 </div> 4388</div>
4388<script type="text/javascript" src="https://golf-national.com/assets/vt-plugins/js/vtplugins.js?v=6ab70c71f0ac9" ></script>
vendor: 1 bytes, line 4388
4388
4389<script type="text/javascript" src="https://golf-national.com/assets/js/main.js?v=6ab70c71f0ac9" ></script>
4389 4390 4391</body> 4392</html>
4392<script type="text/javascript" src="https://golf-national.com/assets/vt-plugins/js/vtplugins.js?v=6ab70c71f0ac9" ></script>
vendor: 1 bytes, line 4392
4392
4393<script type="text/javascript" src="https://golf-national.com/assets/js/main.js?v=6ab70c71f0ac9" ></script>
4393 4394 4395</body> 4396</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.