<!DOCTYPE html><html class="2xl:text-[20px]" dir="ltr" lang="fr"><head><meta charset="UTF-8"><meta content="width=device-width,initial-scale=1" name="viewport"><link href="/sitemap-index.xml" rel="sitemap"><link href="/_astro/favicon.DOotlmkT.ico" rel="shortcut icon"><link href="/_astro/favicon.DzvUSEez.svg" rel="icon" type="image/svg+xml"><link href="/_astro/favicon.DzvUSEez.svg" rel="mask-icon" color="#8D46E7"><link href="/_astro/apple-touch-icon.CGrcP_fT.png" rel="apple-touch-icon" sizes="180x180"><style>:root{--aw-font-sans:'Inter Variable';--aw-font-serif:'Inter Variable';--aw-font-heading:'Inter Variable';--aw-color-primary:rgb(1 97 239);--aw-color-secondary:rgb(1 84 207);--aw-color-accent:rgb(109 40 217);--aw-color-text-heading:rgb(0 0 0);--aw-color-text-default:rgb(16 16 16);--aw-color-text-muted:rgb(16 16 16 / 66%);--aw-color-bg-page:rgb(255 255 255);--aw-color-bg-page-dark:rgb(3 6 32)}.dark{--aw-font-sans:'Inter Variable';--aw-font-serif:'Inter Variable';--aw-font-heading:'Inter Variable';--aw-color-primary:rgb(1 97 239);--aw-color-secondary:rgb(1 84 207);--aw-color-accent:rgb(109 40 217);--aw-color-text-heading:rgb(247, 248, 248);--aw-color-text-default:rgb(229 236 246);--aw-color-text-muted:rgb(229 236 246 / 66%);--aw-color-bg-page:rgb(3 6 32)}</style><script>!function(){const e="system";function t(e){"dark"===e?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark");const t=document.querySelectorAll("[data-aw-toggle-color-scheme] > input");t&&t.length&&t.forEach((t=>{t.checked="dark"!==e}))}e&&e.endsWith(":only")||(localStorage.theme,0)?t(e.replace(":only","")):"dark"===localStorage.theme||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):t("light")}()</script><title>Cote de granit rose — Un paradis de couleur où la nature sculpte des rêves</title><meta content="Découvrez la Côte de Granit Rose, un joyau naturel unique en Bretagne, de Perros-Guirec à Trébeurden, cette côte offre des paysages spectaculaires de rochers roses sculptés par l&#39;érosion depuis 300 millions d&#39;années. Explorez ses plages de sable blanc, ses eaux turquoise et son patrimoine historique riche. Randonnées sur le sentier des douaniers, découverte de la géologie fascinante, et visites de sites emblématiques comme Ploumanac&#39;h, un lieu incontournable pour les amoureux de la nature et de la culture bretonne" name="description"><meta content="index,follow" name="robots"><link href="https://cotedegranitrose.net" rel="canonical"><meta content="Cote de granit rose — Un paradis de couleur où la nature sculpte des rêves" property="og:title"><meta content="Découvrez la Côte de Granit Rose, un joyau naturel unique en Bretagne, de Perros-Guirec à Trébeurden, cette côte offre des paysages spectaculaires de rochers roses sculptés par l&#39;érosion depuis 300 millions d&#39;années. Explorez ses plages de sable blanc, ses eaux turquoise et son patrimoine historique riche. Randonnées sur le sentier des douaniers, découverte de la géologie fascinante, et visites de sites emblématiques comme Ploumanac&#39;h, un lieu incontournable pour les amoureux de la nature et de la culture bretonne" property="og:description"><meta content="https://cotedegranitrose.net" property="og:url"><meta content="website" property="og:type"><meta content="https://cotedegranitrose.net/_astro/default.BV8Puw4c_ZMFiUu.jpg" property="og:image"><meta content="1200" property="og:image:width"><meta content="886" property="og:image:height"><meta content="fr" property="og:locale"><meta content="Côte de granit rose" property="og:site_name"><meta content="summary_large_image" name="twitter:card"><meta content="@cotegranitrose" name="twitter:site"><meta content="@cotegranitrose" name="twitter:creator"><meta content="true" name="astro-view-transitions-enabled"><meta content="swap" name="astro-view-transitions-fallback"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.CDGfc0hd.js"></script><link href="/_astro/_page_.BHqB53yQ.css" rel="stylesheet"><style>.logo-text[data-astro-cid-tvrurpns]{background:linear-gradient(90deg,#f97316,#f43f5e,#fb923c,#f43f5e,#f97316);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logo-shimmer 4s linear infinite}@keyframes logo-shimmer{0%{background-position:0 center}to{background-position:300% center}}.logo-root[data-astro-cid-tvrurpns]:hover .logo-glow[data-astro-cid-tvrurpns]{opacity:.75}.dark .logo-text[data-astro-cid-tvrurpns]{background:linear-gradient(90deg,#fb923c,#fb7185,#fdba74,#fb7185,#fb923c);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logo-shimmer 4s linear infinite}</style><link href="/_astro/about.Cyaycylp.css" rel="stylesheet"></head><body class="tracking-tight antialiased bg-page text-default"><header class="mx-auto w-full border-b border-gray-50/0 ease-in-out flex-none sticky top-0 transition-[opacity] z-40" data-aw-sticky-header="true" id="header"><div class="absolute inset-0 overflow-hidden rounded-none"></div><div class="relative mx-auto md:px-6 text-default max-w-7xl md:grid md:grid-cols-3 md:items-center px-3 py-3 w-full"><div class="flex justify-between"><a href="/" class="flex items-center"><span class="flex items-center cursor-pointer group gap-3 logo-root" data-astro-cid-tvrurpns><span class="relative flex-shrink-0" data-astro-cid-tvrurpns><span class="absolute inset-0 bg-gradient-to-br blur-md duration-300 from-orange-400 group-hover:opacity-70 logo-glow opacity-40 rounded-xl to-rose-500 transition-opacity" data-astro-cid-tvrurpns></span> <span class="flex justify-center items-center h-10 w-10 bg-gradient-to-br duration-300 from-orange-400 group-hover:shadow-lg group-hover:shadow-orange-300/50 relative rounded-xl shadow-md to-rose-500 transition-shadow via-orange-500" data-astro-cid-tvrurpns><svg class="h-5 w-5 drop-shadow-sm text-white" data-icon="tabler:beach" height="1em" width="1em" data-astro-cid-tvrurpns="true"><symbol id="ai:tabler:beach" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M17.553 16.75a7.5 7.5 0 0 0-10.606 0M18 3.804A6 6 0 0 0 9.804 6l10.392 6A6 6 0 0 0 18 3.804"/><path d="M16.732 10C18.39 7.13 18.957 4.356 18 3.804S14.925 5.13 13.268 8M15 9l-3 5.196M3 19.25A2.4 2.4 0 0 1 4 19a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2-1a2.4 2.4 0 0 1 2-1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2-1a2.4 2.4 0 0 1 2-1a2.4 2.4 0 0 1 1 .25"/></g></symbol><use href="#ai:tabler:beach"></use></svg> </span></span><span class="flex flex-col gap-[3px] leading-none" data-astro-cid-tvrurpns><span class="font-semibold uppercase dark:text-gray-500 text-[0.55rem] text-gray-400 tracking-[0.28em]" data-astro-cid-tvrurpns>Côte de </span><span class="tracking-tight font-extrabold logo-text pb-0.5 text-[1.35rem] whitespace-nowrap" data-astro-cid-tvrurpns>granit rose</span></span></span></a><div class="flex items-center md:hidden"><button class="flex flex-col items-center justify-center cursor-pointer group h-12 rounded w-12" type="button" aria-label="Toggle Menu" data-aw-toggle-menu><span class="sr-only">Toggle Menu</span> <span class="rounded-full duration-200 bg-black dark:bg-white ease h-0.5 my-1 opacity-80 transform transition w-6 group-[.expanded]:rotate-45 group-[.expanded]:translate-y-2.5" aria-hidden="true"></span> <span class="rounded-full duration-200 bg-black dark:bg-white ease h-0.5 my-1 opacity-80 transform transition w-6 group-[.expanded]:opacity-0" aria-hidden="true"></span> <span class="rounded-full duration-200 bg-black dark:bg-white ease h-0.5 my-1 opacity-80 transform transition w-6 group-[.expanded]:-rotate-45 group-[.expanded]:-translate-y-2.5" aria-hidden="true"></span></button></div></div><nav aria-label="Main navigation" class="hidden items-center md:flex md:w-auto w-full md:justify-self-center md:mx-5 md:overflow-x-auto md:overflow-y-visible overflow-x-hidden overflow-y-auto text-default"><ul class="flex flex-col font-medium md:flex-row md:justify-center md:self-center md:text-[0.9375rem] md:w-auto text-xl tracking-[0.01rem] w-full"><li class="dropdown"><button class="nav-link" type="button">Accueil <svg class="hidden duration-200 group-[.open]:rotate-180 h-3.5 md:inline ml-0.5 rtl:ml-0 rtl:mr-0.5 transition-transform w-3.5" data-icon="tabler:chevron-down" height="1em" width="1em"><symbol id="ai:tabler:chevron-down" viewBox="0 0 24 24"><path d="m6 9l6 6l6-6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:chevron-down"></use></svg></button><ul class="font-medium dark:md:bg-dark dark:md:border-gray-700/50 drop-shadow-xl dropdown-menu md:absolute md:backdrop-blur-md md:bg-white/95 md:border md:border-gray-100 md:hidden md:min-w-[200px] md:mt-1 md:pl-0 pl-4 rounded-xl"><li><a href="/#le_site" class="block dark:hover:bg-gray-700/60 dark:hover:text-white duration-150 first:rounded-t-xl hover:text-link last:rounded-b-xl md:hover:bg-gray-50 px-5 py-2.5 transition-colors whitespace-no-wrap">Le site</a></li><li><a href="/#les_incontournables" class="block dark:hover:bg-gray-700/60 dark:hover:text-white duration-150 first:rounded-t-xl hover:text-link last:rounded-b-xl md:hover:bg-gray-50 px-5 py-2.5 transition-colors whitespace-no-wrap">Les incontournables</a></li><li><a href="/#avant_gout_video" class="block dark:hover:bg-gray-700/60 dark:hover:text-white duration-150 first:rounded-t-xl hover:text-link last:rounded-b-xl md:hover:bg-gray-50 px-5 py-2.5 transition-colors whitespace-no-wrap">Un avant-goût vidéo</a></li><li><a href="/#quelques_chiffres" class="block dark:hover:bg-gray-700/60 dark:hover:text-white duration-150 first:rounded-t-xl hover:text-link last:rounded-b-xl md:hover:bg-gray-50 px-5 py-2.5 transition-colors whitespace-no-wrap">Quelques chiffres</a></li><li><a href="/#y_venir" class="block dark:hover:bg-gray-700/60 dark:hover:text-white duration-150 first:rounded-t-xl hover:text-link last:rounded-b-xl md:hover:bg-gray-50 px-5 py-2.5 transition-colors whitespace-no-wrap">Y venir</a></li><li><a href="/#faq_decalee" class="block dark:hover:bg-gray-700/60 dark:hover:text-white duration-150 first:rounded-t-xl hover:text-link last:rounded-b-xl md:hover:bg-gray-50 px-5 py-2.5 transition-colors whitespace-no-wrap">FAQ décalée</a></li></ul></li><li class><a href="/visiter" class="nav-link">Visiter</a></li><li class><a href="/geologie" class="nav-link">Géologie</a></li><li class><a href="/videos" class="nav-link">Vidéos</a></li><li class><a href="/photos" class="nav-link">Album photos</a></li><li class><a href="/webcams" class="nav-link">Webcams</a></li><li class><a href="/blog" class="nav-link">Blog</a></li></ul></nav><div class="hidden items-center md:flex md:w-auto w-full bottom-0 fixed justify-end left-0 md:justify-self-end md:mb-0 md:p-0 md:self-center md:static p-3 rtl:left-auto rtl:right-0"><div class="flex items-center justify-between md:w-auto w-full"><div class="flex items-center"><span class="text-xs font-medium gap-1 items-center bg-sky-50 border border-sky-200 dark:bg-sky-900/30 dark:border-sky-700/40 dark:text-sky-300 duration-300 hidden mr-2 px-2.5 py-1 rounded-full text-sky-700 transition-all" aria-label="Météo à Perros-Guirec" id="weather-badge"></span> <button class="text-sm dark:focus:ring-gray-700 dark:hover:bg-gray-700 dark:text-gray-400 focus:outline-none focus:ring-4 focus:ring-gray-200 hover:bg-gray-100 inline-flex items-center p-2.5 rounded-lg text-muted" type="button" aria-label="Toggle between Dark and Light mode" data-aw-toggle-color-scheme><svg class="w-6 h-6 md:h-5 md:inline-block md:w-5" data-icon="tabler:sun" height="1em" width="1em"><symbol id="ai:tabler:sun" viewBox="0 0 24 24"><path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:sun"></use></svg></button></div></div></div></div></header><script type="module">const s={0:"☀️",1:"🌤",2:"⛅",3:"☁️",45:"🌫",48:"🌫",51:"🌦",53:"🌦",55:"🌦",56:"🌦",57:"🌦",61:"🌧",63:"🌧",65:"🌧",66:"🌧",67:"🌧",71:"❄️",73:"❄️",75:"❄️",77:"❄️",80:"🌦",81:"🌦",82:"🌦",85:"❄️",86:"❄️",95:"⛈",96:"⛈",99:"⛈"};async function n(){const e=document.getElementById("weather-badge");if(e)try{const t=await fetch("https://api.open-meteo.com/v1/forecast?latitude=48.8197&longitude=-3.4429&current=temperature_2m,weather_code&timezone=Europe%2FParis");if(!t.ok)return;const n=await t.json(),a=Math.round(n.current.temperature_2m),r=n.current.weather_code,o=s[r]??"🌡";e.textContent=`${o} ${a}°C`,e.classList.remove("hidden"),e.classList.add("flex")}catch{}}n(),document.addEventListener("astro:after-swap",n)</script><main><section class="relative not-prose md:-mt-[76px]"><div class="absolute inset-0 pointer-events-none" aria-hidden="true"></div><div class="relative mx-auto px-4 max-w-7xl sm:px-6"><div class="pointer-events-none md:pt-[76px] pt-0"></div><div class="md:py-20 py-12"><div class="text-center mx-auto max-w-5xl md:pb-16 pb-10"><h1 class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter dark:text-gray-200 font-bold font-heading leading-tighter mb-4 md:text-6xl text-5xl tracking-tighter">La Côte de Granit Rose : Là où la <span class="text-accent dark:text-white highlight">nature</span> sculpte des rêves</h1><div class="mx-auto max-w-3xl"><p class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter dark:text-slate-300 mb-6 text-muted text-xl">Accueillante, authentique et superbe : telle est la Côte de Granit Rose, qui s’étend de Perros-Guirec à Trébeurden, formant presque une presqu’ile de Granit Rose tant les paysages particuliers trouvent leur plus belle expression à cet endroit.</p><div class="flex flex-col intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 flex-nowrap gap-4 m-auto max-w-xs sm:flex-row sm:justify-center sm:max-w-md"><div class="flex w-full sm:w-auto"><a href="/visiter" class="sm:mb-0 w-full btn-primary">Visiter<svg class="h-5 w-5 inline-block -mr-1.5 ml-1 rtl:-ml-1.5 rtl:mr-1" data-icon="tabler:walk" height="1em" width="1em"><symbol id="ai:tabler:walk" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 4a1 1 0 1 0 2 0a1 1 0 1 0-2 0M7 21l3-4m6 4l-2-4l-3-3l1-6"/><path d="m6 12l2-3l4-1l3 3l3 1"/></g></symbol><use href="#ai:tabler:walk"></use></svg></a></div><div class="flex w-full sm:w-auto"><a href="/geologie" class="btn-secondary sm:mb-0 w-full">Geologie<svg class="h-5 w-5 inline-block -mr-1.5 ml-1 rtl:-ml-1.5 rtl:mr-1" data-icon="tabler:world" height="1em" width="1em"><symbol id="ai:tabler:world" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8"/><path d="M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18"/></g></symbol><use href="#ai:tabler:world"></use></svg></a></div><div class="flex w-full sm:w-auto"><a href="/webcams" class="btn-secondary sm:mb-0 w-full">Webcams<svg class="h-5 w-5 inline-block -mr-1.5 ml-1 rtl:-ml-1.5 rtl:mr-1" data-icon="tabler:camera-pin" height="1em" width="1em"><symbol id="ai:tabler:camera-pin" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12.5 20H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1a2 2 0 0 0 2-2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v2"/><path d="M14.933 12.366A3.001 3.001 0 1 0 12 16m9.121 4.121a3 3 0 1 0-4.242 0Q17.506 20.749 19 22q1.577-1.335 2.121-1.879M19 18v.01"/></g></symbol><use href="#ai:tabler:camera-pin"></use></svg></a></div></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue"><div class="relative m-auto max-w-5xl"><img alt="Cote de granit rose soleil couchant" class="mx-auto w-full rounded-md" crossorigin="anonymous" decoding="async" height="576" loading="eager" referrerpolicy="no-referrer" sizes="(max-width: 767px) 400px, (max-width: 1023px) 768px, (max-width: 2039px) 1024px, 2040px" src="https://images.unsplash.com/photo-1702323683523-51e1fba97b8b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" srcset="https://images.unsplash.com/photo-1702323683523-51e1fba97b8b?q=80&w=400&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=225 400w, https://images.unsplash.com/photo-1702323683523-51e1fba97b8b?q=80&w=768&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=432 768w, https://images.unsplash.com/photo-1702323683523-51e1fba97b8b?q=80&w=1024&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=576 1024w, https://images.unsplash.com/photo-1702323683523-51e1fba97b8b?q=80&w=2040&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=1147 2040w, https://images.unsplash.com/photo-1702323683523-51e1fba97b8b?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=1152 2048w" style="object-fit:cover;object-position:center;max-width:1024px;max-height:576px;aspect-ratio:1.7777777777777777;width:100%" width="1024"></div><div class="text-xs text-center mt-2 max-w-3xl mx-auto text-gray-400">Photo : <a href="https://unsplash.com/@le_sixieme_reve?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">le Sixième Rêve</a> on <a href="https://unsplash.com/photos/the-sun-is-setting-over-a-rocky-beach-L2Cbxv0n-iA?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a></div></div></div></div></section><section class="not-prose bg-blue-50 dark:bg-slate-800"><div class="font-medium max-w-6xl mx-auto px-4 py-4 sm:px-6 text-center text-md"><span class="font-bold"><svg class="h-5 w-5 inline-block align-text-bottom" data-icon="flat-color-icons:like" height="1em" width="1em"><symbol id="ai:flat-color-icons:like" viewBox="0 0 48 48"><path d="M34 9c-4.2 0-7.9 2.1-10 5.4C21.9 11.1 18.2 9 14 9C7.4 9 2 14.4 2 21c0 11.9 22 24 22 24s22-12 22-24c0-6.6-5.4-12-12-12" fill="#F44336"/></symbol><use href="#ai:flat-color-icons:like"></use></svg> Lieu de visite à ne pas manquer en Bretagne :</span> cadre idéal pour un séjour agréable et plein de découverte, la Côte de Granit Rose est pour nous, surtout, un endroit où il fait bon vivre.</div></section><section class="not-prose bg-blue-50 dark:bg-slate-800"><div class="mx-auto px-4 max-w-6xl sm:px-6 py-6"><div class="text-center mb-4"><h2 class="font-bold dark:text-white text-slate-800 text-xl">📅 Agenda Côte de Granit Rose</h2></div><div class="flex justify-center mb-5"><div class="rounded-full bg-white dark:bg-slate-700 gap-1 inline-flex p-1 shadow-sm"><button class="font-medium rounded-full agenda-tab duration-200 px-4 py-1.5 text-sm transition-colors bg-orange-100 dark:bg-orange-900/40 dark:text-orange-300 text-orange-700" data-week="0">Cette semaine <span class="text-xs ml-1.5 opacity-70">S24</span></button><button class="font-medium rounded-full agenda-tab duration-200 px-4 py-1.5 text-sm transition-colors dark:hover:text-orange-300 dark:text-slate-400 hover:text-orange-600 text-slate-400" data-week="1">Semaine suivante <span class="text-xs ml-1.5 opacity-70">S25</span></button></div></div><div class="agenda-panel" data-panel="0"><p class="text-xs dark:text-slate-400 text-slate-500 mb-4 text-center">Semaine 24 — du 8 juin au 14 juin 2026</p><div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-3 grid-cols-1 mb-3"><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-blue-100 border-blue-500 dark:border-blue-400"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Lun. 08/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://en.bretagne-cotedegranitrose.com/my-stay/eating/weekly-markets-and-farm-markets/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Marché hebdomadaire de Trégastel</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Front de mer, Trégastel</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a><a href="https://www.cotesdarmor.com/a-voir-a-faire/patrimoine/villes-et-villages-classes/treguier/agenda/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Sculptures en métal de Philippe Desloubières — exposition au cloître</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Cloître de la Cathédrale, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-blue-100 border-blue-500 dark:border-blue-400"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Mar. 09/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.cotesdarmor.com/a-voir-a-faire/patrimoine/villes-et-villages-classes/treguier/agenda/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Sculptures en métal de Philippe Desloubières — exposition au cloître</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Cloître de la Cathédrale, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/animations/expositions/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Exposition CHÉKER — paysages de Perros-Guirec (jusqu&#39;au 19/06)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Office de Tourisme, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-blue-100 border-blue-500 dark:border-blue-400"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Mer. 10/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.annuaire-mairie.fr/marche-treguier.html" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Marché hebdomadaire de Tréguier</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Place du Martray, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a><a href="https://www.cotesdarmor.com/a-voir-a-faire/patrimoine/villes-et-villages-classes/treguier/agenda/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Sculptures en métal de Philippe Desloubières — exposition au cloître</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Cloître de la Cathédrale, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-blue-100 border-blue-500 dark:border-blue-400"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Jeu. 11/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.cotesdarmor.com/a-voir-a-faire/patrimoine/villes-et-villages-classes/treguier/agenda/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Sculptures en métal de Philippe Desloubières — exposition au cloître</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Cloître de la Cathédrale, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/animations/expositions/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Exposition CHÉKER — paysages de Perros-Guirec (jusqu&#39;au 19/06)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Office de Tourisme, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a></div></div></div><div class="grid grid-cols-1 gap-3 sm:grid-cols-3"><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-orange-100 border-orange-400 dark:border-orange-500"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Ven. 12/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sejourner/les-marches/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Marché hebdomadaire de Perros-Guirec</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Place des Halles, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a><a href="https://www.cotesdarmor.com/a-voir-a-faire/patrimoine/villes-et-villages-classes/treguier/agenda/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Sculptures en métal de Philippe Desloubières — exposition au cloître</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Cloître de la Cathédrale, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a><a href="https://cafebreton.fr/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🎵</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">SINIK — concert rap au Café Breton</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Café Breton, 63 Rue Anatole Le Braz, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-purple-100 dark:bg-purple-900/40 dark:text-purple-300 text-purple-700">concert</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-orange-100 border-orange-400 dark:border-orange-500"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Sam. 13/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.cotesdarmor.com/a-voir-a-faire/patrimoine/villes-et-villages-classes/treguier/agenda/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Sculptures en métal de Philippe Desloubières — exposition au cloître</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Cloître de la Cathédrale, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/animations/expositions/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Exposition CHÉKER — paysages de Perros-Guirec (jusqu&#39;au 19/06)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Office de Tourisme, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-orange-100 border-orange-400 dark:border-orange-500"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Dim. 14/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.helloasso.com/associations/phoenix-musiques-actuelles/evenements/phoenix-fest" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🎪</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Phoenix Fest — festival pop, rock, chorale et pole dance (1re édition)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Salle des Ursulines, 5 Place des Patriotes, Lannion</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-orange-100 dark:bg-orange-900/40 dark:text-orange-300 text-orange-700">festival</span></div></div></div></a><a href="https://en.bretagne-cotedegranitrose.com/on-the-move/events-calendar/pardon-aux-chevaux-de-saint-gildas-penvenan-en-6216298/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Pardon aux chevaux de Saint Gildas</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Île Saint Gildas, Penvénan</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a><a href="https://brocabrac.fr/22/tregastel/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Vide-grenier au bénéfice de la SNSM — 2e édition</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Parking Mr Bricolage, Trégastel</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a><a href="https://patrimoine.bzh/gertrude-diffusion/dossier/IA22017198" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🌿</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Visite commentée « Mégalithes du Trégor » — Pays d&#39;art et d&#39;histoire</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Kerbors</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-emerald-100 dark:bg-emerald-900/40 dark:text-emerald-300 text-emerald-700">nature</span></div></div></div></a><a href="https://www.jds.fr/cotes-d-armor/agenda/agenda-du-jour/dimanche-14-juin-2026-14-6-2026_JPJ" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Vide-grenier du Tennis Club de Tréguier</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Tennis Club, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a></div></div></div><p class="text-xs text-center dark:text-slate-500 mt-4 text-slate-400">Mis à jour le 8 juin 2026 · Sources : Ouest-France, Bretagne.com, sites officiels</p></div><div class="hidden agenda-panel" data-panel="1"><p class="text-xs dark:text-slate-400 text-slate-500 mb-4 text-center">Semaine 25 — du 15 juin au 21 juin 2026</p><div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-3 grid-cols-1 mb-3"><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-blue-100 border-blue-500 dark:border-blue-400"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Lun. 15/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://en.bretagne-cotedegranitrose.com/my-stay/eating/weekly-markets-and-farm-markets/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Marché hebdomadaire de Trégastel</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Front de mer, Trégastel</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/animations/expositions/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Exposition CHÉKER — paysages de Perros-Guirec (jusqu&#39;au 19/06)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Office de Tourisme, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-blue-100 border-blue-500 dark:border-blue-400"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Mar. 16/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/animations/expositions/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Exposition CHÉKER — paysages de Perros-Guirec (jusqu&#39;au 19/06)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Office de Tourisme, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a><a href="https://espacestrail.run/fr/bretagne-cotegranitrose-baiemorlaix/agenda" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">⚽</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Longe-Côte — marche aquatique en mer</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Centre Nautique, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-green-100 dark:bg-green-900/40 dark:text-green-300 text-green-700">sport</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-blue-100 border-blue-500 dark:border-blue-400"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Mer. 17/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.annuaire-mairie.fr/marche-treguier.html" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Marché hebdomadaire de Tréguier</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Place du Martray, Tréguier</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/animations/expositions/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Exposition CHÉKER — paysages de Perros-Guirec (jusqu&#39;au 19/06)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Office de Tourisme, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/balades-et-randos/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🌿</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Balade contée dans la Vallée des Traouïéro</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Vallée des Traouïéro, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-emerald-100 dark:bg-emerald-900/40 dark:text-emerald-300 text-emerald-700">nature</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-blue-100 border-blue-500 dark:border-blue-400"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Jeu. 18/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/animations/expositions/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-blue-100 dark:hover:border-blue-500 hover:border-blue-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-blue-400 group-hover:text-blue-600">Exposition CHÉKER — paysages de Perros-Guirec (jusqu&#39;au 19/06)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Office de Tourisme, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a></div></div></div><div class="grid grid-cols-1 gap-3 sm:grid-cols-3"><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-orange-100 border-orange-400 dark:border-orange-500"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Ven. 19/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sejourner/les-marches/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">📍</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Marché hebdomadaire de Perros-Guirec</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Place des Halles, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-yellow-100 dark:bg-yellow-900/40 dark:text-yellow-300 text-yellow-700">local</span></div></div></div></a><a href="https://www.perros-guirec.com/accueil/preparer-mon-sejour/sortir-et-bouger/animations/expositions/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🖼️</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Exposition CHÉKER — paysages de Perros-Guirec (dernier jour)</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Office de Tourisme, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 text-blue-700">exposition</span></div></div></div></a></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-orange-100 border-orange-400 dark:border-orange-500"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Sam. 20/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2 bg-gradient-to-br dark:from-slate-700 dark:to-slate-600 from-orange-50 to-amber-100"><div class="flex flex-col flex-1 gap-1 items-center justify-center"><span class="text-xl">🌊</span><p class="text-xs text-slate-500 text-center dark:text-slate-300 font-medium italic">Aucun événement</p></div></div></div><div class="flex flex-col bg-white rounded-lg dark:bg-slate-700 overflow-hidden shadow-sm"><div class="px-3 border-l-4 dark:bg-slate-600 py-2 bg-orange-100 border-orange-400 dark:border-orange-500"><span class="text-sm font-semibold dark:text-slate-200 text-slate-700">Dim. 21/06</span></div><div class="flex flex-col flex-1 gap-2 min-h-[72px] p-2"><a href="https://www.lannion.bzh/evenements/fete-de-la-musique/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🎵</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Fête de la Musique — concerts en plein air</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Centre-ville, Lannion</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-purple-100 dark:bg-purple-900/40 dark:text-purple-300 text-purple-700">concert</span></div></div></div></a><a href="https://www.jds.fr/lannion/perros-guirec-12894_V/agenda/fete-de-la-musique-254_B" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">🎵</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Fête de la Musique — concerts en plein air</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Centre-ville, Perros-Guirec</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-purple-100 dark:bg-purple-900/40 dark:text-purple-300 text-purple-700">concert</span></div></div></div></a><a href="https://www.trebeurden.fr/evenement/regate-yealm-trebeurden/" class="block group last:flex-1 no-underline" rel="noopener noreferrer" target="_blank"><div class="p-2 border dark:border-slate-600 h-full rounded transition-colors border-orange-100 dark:hover:border-orange-500 hover:border-orange-300"><div class="flex gap-1.5 items-start"><span class="text-sm leading-none mt-0.5 shrink-0">⚽</span><div class="flex-1 min-w-0"><p class="text-xs dark:text-slate-200 font-semibold leading-snug line-clamp-2 text-slate-800 dark:group-hover:text-orange-400 group-hover:text-orange-600">Régate Yealm-Trébeurden — départ vers Plymouth</p><p class="text-xs dark:text-slate-400 text-slate-500 truncate">📍 Port de Trébeurden, Trébeurden</p><span class="font-medium rounded-full inline-block mt-1 px-1.5 py-0.5 text-[10px] bg-green-100 dark:bg-green-900/40 dark:text-green-300 text-green-700">sport</span></div></div></div></a></div></div></div><p class="text-xs text-center dark:text-slate-500 mt-4 text-slate-400">Mis à jour le 8 juin 2026 · Sources : Ouest-France, Bretagne.com, sites officiels</p></div></div></section><script type="module">const l=document.querySelectorAll(".agenda-tab"),o=document.querySelectorAll(".agenda-panel");l.forEach((e=>{e.addEventListener("click",(()=>{const t=e.dataset.week;l.forEach((e=>{const a=e.dataset.week===t;e.classList.toggle("bg-orange-100",a),e.classList.toggle("text-orange-700",a),e.classList.toggle("text-slate-400",!a),e.classList.toggle("hover:text-orange-600",!a)})),o.forEach((e=>{e.classList.toggle("hidden",e.dataset.panel!==t)}))}))}))</script><section class="relative not-prose scroll-mt-[72px]" id="le_site"><div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true"><div class="absolute inset-0"></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue relative lg:py-20 md:px-6 md:py-16 mx-auto px-4 py-12 text-default max-w-5xl"><div class="text-center max-w-3xl mb-8 md:mb-12 md:mx-auto"><p class="font-bold dark:text-blue-200 text-base text-secondary tracking-wide uppercase">Le site</p><h2 class="font-bold font-heading leading-tighter tracking-tighter text-accent md:text-4xl text-3xl">La Côte de Granit Rose : Un Paradis Naturel Breton Unique</h2><p class="text-muted text-xl mt-4">Destination magique où la nature sculpte des paysages extraordinaires, la Côte de Granit Rose offre une expérience inoubliable entre rochers roses, sentiers sauvages et patrimoine culturel riche.</p></div><div class="mx-auto gap-8 grid md:gap-y-12 sm:grid-cols-2"><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-md"><div class="flex justify-center"><svg class="rounded-full rtl:mr-0 bg-orange-500 h-10 md:h-12 md:p-3 md:w-12 mr-4 p-2 rtl:ml-4 text-white w-10" data-icon="tabler:brand-tailwind" height="1em" width="1em"><symbol id="ai:tabler:brand-tailwind" viewBox="0 0 24 24"><path d="M11.667 6Q7.933 6 7 9.667q1.4-1.834 3.267-1.375c.71.174 1.217.68 1.778 1.24c.916.912 2 1.968 4.288 1.968q3.734 0 4.667-3.667q-1.4 1.834-3.267 1.375c-.71-.174-1.217-.68-1.778-1.24C15.039 7.056 13.98 6 11.667 6m-4 6.5Q3.933 12.5 3 16.167q1.4-1.834 3.267-1.375c.71.174 1.217.68 1.778 1.24c.916.912 1.975 1.968 4.288 1.968q3.734 0 4.667-3.667q-1.4 1.834-3.267 1.375c-.71-.174-1.217-.68-1.778-1.24c-.916-.912-1.975-1.968-4.288-1.968" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:brand-tailwind"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl md:text-[1.3rem]">Paysages Géologiques Spectaculaires</h3><p class="text-muted mt-3">Rochers roses uniques de 300 millions d'années, sculptés par le vent et la mer, créant des formations rocheuses aux formes fantastiques.</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-md"><div class="flex justify-center"><svg class="rounded-full rtl:mr-0 bg-orange-500 h-10 md:h-12 md:p-3 md:w-12 mr-4 p-2 rtl:ml-4 text-white w-10" data-icon="tabler:components" height="1em" width="1em"><symbol id="ai:tabler:components" viewBox="0 0 24 24"><path d="m3 12l3 3l3-3l-3-3zm12 0l3 3l3-3l-3-3zM9 6l3 3l3-3l-3-3zm0 12l3 3l3-3l-3-3z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:components"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl md:text-[1.3rem]">Sentier des Douaniers (GR34)</h3><p class="text-muted mt-3">Randonnée côtière exceptionnelle avec des panoramas à couper le souffle, longeant 30 km de littoral sauvage</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-md"><div class="flex justify-center"><svg class="rounded-full rtl:mr-0 bg-orange-500 h-10 md:h-12 md:p-3 md:w-12 mr-4 p-2 rtl:ml-4 text-white w-10" data-icon="tabler:list-check" height="1em" width="1em"><symbol id="ai:tabler:list-check" viewBox="0 0 24 24"><path d="M3.5 5.5L5 7l2.5-2.5m-4 7L5 13l2.5-2.5m-4 7L5 19l2.5-2.5M11 6h9m-9 6h9m-9 6h9" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:list-check"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl md:text-[1.3rem]">Villages de Caractère</h3><p class="text-muted mt-3">Ploumanac'h, élu village préféré des Français, Perros-guirec, Trégastel offrant une atmosphère bretonne authentique</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-md"><div class="flex justify-center"><svg class="rounded-full rtl:mr-0 bg-orange-500 h-10 md:h-12 md:p-3 md:w-12 mr-4 p-2 rtl:ml-4 text-white w-10" data-icon="tabler:rocket" height="1em" width="1em"><symbol id="ai:tabler:rocket" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3-5a9 9 0 0 0 6-8a3 3 0 0 0-3-3a9 9 0 0 0-8 6a6 6 0 0 0-5 3"/><path d="M7 14a6 6 0 0 0-3 6a6 6 0 0 0 6-3m4-8a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></g></symbol><use href="#ai:tabler:rocket"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl md:text-[1.3rem]">Patrimoine Culturel Riche</h3><p class="text-muted mt-3">Chapelles anciennes, mégalithes, festivals traditionnels célébrant la culture bretonne</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-md"><div class="flex justify-center"><svg class="rounded-full rtl:mr-0 bg-orange-500 h-10 md:h-12 md:p-3 md:w-12 mr-4 p-2 rtl:ml-4 text-white w-10" data-icon="tabler:arrows-right-left" height="1em" width="1em"><symbol id="ai:tabler:arrows-right-left" viewBox="0 0 24 24"><path d="M21 7H3m15 3l3-3l-3-3M6 20l-3-3l3-3m-3 3h18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:arrows-right-left"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl md:text-[1.3rem]">Activités Variées</h3><p class="text-muted mt-3">Sports nautiques, pêche à pied, découverte écologique, festivals et événements culturels</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-md"><div class="flex justify-center"><svg class="rounded-full rtl:mr-0 bg-orange-500 h-10 md:h-12 md:p-3 md:w-12 mr-4 p-2 rtl:ml-4 text-white w-10" data-icon="tabler:bulb" height="1em" width="1em"><symbol id="ai:tabler:bulb" viewBox="0 0 24 24"><path d="M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:bulb"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl md:text-[1.3rem]">Biodiversité Marine et Terrestre</h3><p class="text-muted mt-3">Faune et flore diversifiées, criques abritées, plages de sable et écosystèmes préservés</p></div></div></div></div></div></section><section class="relative not-prose scroll-mt-[72px]" id="les_incontournables"><div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true"><div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue relative lg:py-20 md:px-6 md:py-16 mx-auto px-4 py-12 text-default max-w-7xl"><div class="text-center mb-8 md:mb-12 md:mx-auto lg:max-w-2xl max-w-xl sm:mx-auto"><p class="font-bold dark:text-blue-200 text-base text-secondary tracking-wide uppercase">A voir !</p><h2 class="font-bold font-heading leading-tighter tracking-tighter text-accent mb-4 md:text-5xl text-4xl">Les incontournables</h2></div><div class="mx-auto max-w-7xl md:px-8 p-4"><div class="md:flex md:gap-16 md:flex-row-reverse"><div class="md:basis-1/2 self-center"><div class="dark:text-slate-400 mb-12 text-lg"><h3 class="font-bold dark:text-white mb-2 sm:text-3xl text-2xl tracking-tight">Le Sentier des Douaniers</h3></div><div class="mx-auto gap-8 grid gap-y-4 md:gap-y-8"><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em"><symbol id="ai:tabler:check" viewBox="0 0 24 24"><path d="m5 12l5 5L20 7" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Randonnée Spectaculaire</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Parcourez le GR34 entre Perros-Guirec et Ploumanac'h, offrant des panoramas à couper le souffle sur 8 km</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Formations Rocheuses Uniques</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Admirez les chaos granitiques aux formes fantastiques, sculptés par le vent et la mer depuis des millénaires</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Phare de Men Ruz</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Découvrez l'emblématique phare rouge perché sur les rochers, point focal du paysage côtier</p></div></div></div></div></div><div class="mt-10 md:basis-1/2 md:mt-0" aria-hidden="true"><div class="relative m-auto max-w-4xl"><img alt="Le Sentier des Douaniers" class="mx-auto w-full bg-gray-500 rounded-lg shadow-lg" crossorigin="anonymous" decoding="async" height="500" loading="lazy" referrerpolicy="no-referrer" sizes="(max-width: 768px) 100vw, 432px" src="https://images.unsplash.com/photo-1698262692169-4b04ccca7285?q=80&w=2692&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" srcset="https://images.unsplash.com/photo-1698262692169-4b04ccca7285?q=80&w=400&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=400 400w, https://images.unsplash.com/photo-1698262692169-4b04ccca7285?q=80&w=768&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=768 768w" style="object-fit:cover;object-position:center;width:100%;height:auto;aspect-ratio:1" width="500"></div></div></div></div></div></section><section class="relative not-prose scroll-mt-[72px]"><div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true"><div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue relative lg:py-20 md:px-6 md:py-16 mx-auto px-4 py-12 text-default max-w-7xl lg:pt-0 md:pt-0 pt-0"><div class="mx-auto max-w-7xl md:px-8 p-4"><div class="md:flex md:gap-16"><div class="md:basis-1/2 self-center"><div class="dark:text-slate-400 mb-12 text-lg"><h3 class="font-bold dark:text-white mb-2 sm:text-3xl text-2xl tracking-tight">Ploumanac'h et ses Environs</h3></div><div class="mx-auto gap-8 grid gap-y-4 md:gap-y-8"><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Village de Caractère</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Explorez Ploumanac'h, élu village préféré des Français en 2015, avec son charme breton authentique</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Coucher de Soleil Magique</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Assistez à un spectacle naturel unique lorsque le soleil couchant illumine les rochers de teintes cuivrées.</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Plage de Saint-Guirec</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Profitez de cette plage pittoresque, bordée de rochers roses et d'une chapelle historique.</p></div></div></div></div></div><div class="mt-10 md:basis-1/2 md:mt-0" aria-hidden="true"><div class="relative m-auto max-w-4xl"><img alt="Ploumanac'h et ses Environs" class="mx-auto w-full bg-gray-500 rounded-lg shadow-lg" crossorigin="anonymous" decoding="async" height="500" loading="lazy" referrerpolicy="no-referrer" sizes="(max-width: 768px) 100vw, 432px" src="https://images.unsplash.com/photo-1705860195790-41da8b29d500?q=80&w=2664&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" srcset="https://images.unsplash.com/photo-1705860195790-41da8b29d500?q=80&w=400&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=400 400w, https://images.unsplash.com/photo-1705860195790-41da8b29d500?q=80&w=768&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=768 768w" style="object-fit:cover;object-position:center;width:100%;height:auto;aspect-ratio:1" width="500"></div></div></div></div></div></section><section class="relative not-prose scroll-mt-[72px]"><div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true"><div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue relative lg:py-20 md:px-6 md:py-16 mx-auto px-4 py-12 text-default max-w-7xl lg:pt-0 md:pt-0 pt-0"><div class="mx-auto max-w-7xl md:px-8 p-4"><div class="md:flex md:gap-16 md:flex-row-reverse"><div class="md:basis-1/2 self-center"><div class="dark:text-slate-400 mb-12 text-lg"><h3 class="font-bold dark:text-white mb-2 sm:text-3xl text-2xl tracking-tight">L'Île Renote à Trégastel</h3></div><div class="mx-auto gap-8 grid gap-y-4 md:gap-y-8"><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Balade Côtière</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Faites le tour de l'île sur un parcours de 2-3 km offrant des vues imprenables sur la mer</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Plage du Coz-Pors</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Détendez-vous sur cette plage de sable fin aux eaux cristallines, un véritable paradis breton.</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="flex justify-center items-center rounded-full bg-green-600 dark:bg-green-700 h-7 mr-2 p-1 rtl:ml-2 rtl:mr-0 text-gray-50 w-7" data-icon="tabler:check" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:check"></use></svg></div><div class="mt-0.5"><h3 class="font-medium dark:text-white leading-6 ml-2 rtl:ml-0 rtl:mr-2 text-lg">Château de Costaérès</h3><p class="dark:text-slate-400 ml-2 mt-3 rtl:ml-0 rtl:mr-2 text-muted">Observez ce château néogothique perché sur son îlot, particulièrement impressionnant à marée basse.</p></div></div></div></div></div><div class="mt-10 md:basis-1/2 md:mt-0" aria-hidden="true"><div class="relative m-auto max-w-4xl"><img alt="L'Île Renote à Trégastel" class="mx-auto w-full bg-gray-500 rounded-lg shadow-lg" crossorigin="anonymous" decoding="async" height="500" loading="lazy" referrerpolicy="no-referrer" sizes="(max-width: 768px) 100vw, 432px" src="https://images.unsplash.com/photo-1685913077470-d0c03bd405e3?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" srcset="https://images.unsplash.com/photo-1685913077470-d0c03bd405e3?q=80&w=400&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=400 400w, https://images.unsplash.com/photo-1685913077470-d0c03bd405e3?q=80&w=768&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&h=768 768w" style="object-fit:cover;object-position:center;width:100%;height:auto;aspect-ratio:1" width="500"></div></div></div></div></div></section><script type="module">class i extends HTMLElement{connectedCallback(){this.videoId=this.getAttribute("videoid");let e=this.querySelector(".lty-playbtn");if(this.playLabel=e&&e.textContent.trim()||this.getAttribute("playlabel")||"Play",this.dataset.title=this.getAttribute("title")||"",this.style.backgroundImage||(this.style.backgroundImage=`url("https://i.ytimg.com/vi/${this.videoId}/hqdefault.jpg")`,this.upgradePosterImage()),e||(e=document.createElement("button"),e.type="button",e.classList.add("lty-playbtn"),this.append(e)),!e.textContent){const t=document.createElement("span");t.className="lyt-visually-hidden",t.textContent=this.playLabel,e.append(t)}this.addNoscriptIframe(),"A"===e.nodeName&&(e.removeAttribute("href"),e.setAttribute("tabindex","0"),e.setAttribute("role","button"),e.addEventListener("keydown",(e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),this.activate())}))),this.addEventListener("pointerover",i.warmConnections,{once:!0}),this.addEventListener("focusin",i.warmConnections,{once:!0}),this.addEventListener("click",this.activate),this.needsYTApi=this.hasAttribute("js-api")||navigator.vendor.includes("Apple")||navigator.userAgent.includes("Mobi")}static addPrefetch(e,t,i){const a=document.createElement("link");a.rel=e,a.href=t,i&&(a.as=i),document.head.append(a)}static warmConnections(){i.preconnected||(i.addPrefetch("preconnect","https://www.youtube-nocookie.com"),i.addPrefetch("preconnect","https://www.google.com"),i.addPrefetch("preconnect","https://googleads.g.doubleclick.net"),i.addPrefetch("preconnect","https://static.doubleclick.net"),i.preconnected=!0)}fetchYTPlayerApi(){window.YT||window.YT&&window.YT.Player||(this.ytApiPromise=new Promise(((e,t)=>{var i=document.createElement("script");i.src="https://www.youtube.com/iframe_api",i.async=!0,i.onload=t=>{YT.ready(e)},i.onerror=t,this.append(i)})))}async getYTPlayer(){return this.playerPromise||await this.activate(),this.playerPromise}async addYTPlayerIframe(){this.fetchYTPlayerApi(),await this.ytApiPromise;const e=document.createElement("div");this.append(e);const t=Object.fromEntries(this.getParams().entries());this.playerPromise=new Promise((i=>{let a=new YT.Player(e,{width:"100%",videoId:this.videoId,playerVars:t,events:{onReady:e=>{e.target.playVideo(),i(a)}}})}))}addNoscriptIframe(){const e=this.createBasicIframe(),t=document.createElement("noscript");t.innerHTML=e.outerHTML,this.append(t)}getParams(){const e=new URLSearchParams(this.getAttribute("params")||[]);return e.append("autoplay","1"),e.append("playsinline","1"),e}async activate(){if(this.classList.contains("lyt-activated"))return;if(this.classList.add("lyt-activated"),this.needsYTApi)return this.addYTPlayerIframe(this.getParams());const e=this.createBasicIframe();this.append(e),e.focus()}createBasicIframe(){const e=document.createElement("iframe");return e.width=560,e.height=315,e.title=this.playLabel,e.allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",e.allowFullscreen=!0,e.src=`https://www.youtube-nocookie.com/embed/${encodeURIComponent(this.videoId)}?${this.getParams().toString()}`,e}upgradePosterImage(){setTimeout((()=>{const e=`https://i.ytimg.com/vi_webp/${this.videoId}/sddefault.webp`,t=new Image;t.fetchPriority="low",t.referrerpolicy="origin",t.src=e,t.onload=t=>{90==t.target.naturalHeight&&120==t.target.naturalWidth||(this.style.backgroundImage=`url("${e}")`)}}),100)}}customElements.define("lite-youtube",i)</script><section class="relative not-prose scroll-mt-[72px]" id="avant_gout_video"><div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true"><div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue relative lg:py-20 md:px-6 md:py-16 mx-auto px-4 py-12 text-default max-w-7xl"><div class="text-center max-w-3xl mb-8 md:mb-12 md:mx-auto"><p class="font-bold dark:text-blue-200 text-base text-secondary tracking-wide uppercase">Vidéos</p><h2 class="font-bold font-heading leading-tighter tracking-tighter text-accent md:text-4xl text-3xl">Plongez au Cœur de la Côte de Granit Rose en Vidéo</h2><p class="text-muted text-xl mt-4">Laissez-vous captiver par la magie de la Côte de Granit Rose à travers une sélection de vidéos époustouflantes. Des paysages à couper le souffle aux secrets géologiques, découvrez cette merveille bretonne comme si vous y étiez</p></div><div class="grid sm:grid-cols-2 gap-4 md:gap-6 sm:gap-y-8 lg:grid-cols-3"><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Perros-Guirec, un expérience grandeur nature - La Vie En Roz</div><div><lite-youtube style="background-image:url('https://i.ytimg.com/vi/gISMYHmHJjk/hqdefault.jpg')" videoid="gISMYHmHJjk"><a href="https://youtube.com/watch?v=gISMYHmHJjk" class="lty-playbtn"><span class="lyt-visually-hidden">Play</span></a></lite-youtube><style>lite-youtube{margin:0 auto;max-width:100%}</style></div></div><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Une totale immersion au dessus de la côte de granit rose en drone, laissez ,vous emporter !.</div><div><lite-youtube style="background-image:url('https://i.ytimg.com/vi/mLzM8Xex2eo/hqdefault.jpg')" videoid="mLzM8Xex2eo"><a href="https://youtube.com/watch?v=mLzM8Xex2eo" class="lty-playbtn"><span class="lyt-visually-hidden">Play</span></a></lite-youtube><style>lite-youtube{margin:0 auto;max-width:100%}</style></div></div><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Une escapade au Phare de Ploumanac&#39;h, Bienvenue à Perros-Guirec !</div><div><lite-youtube style="background-image:url('https://i.ytimg.com/vi/5oUMcSsf8qA/hqdefault.jpg')" videoid="5oUMcSsf8qA"><a href="https://youtube.com/watch?v=5oUMcSsf8qA" class="lty-playbtn"><span class="lyt-visually-hidden">Play</span></a></lite-youtube><style>lite-youtube{margin:0 auto;max-width:100%}</style></div></div><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">La Côte de Granit Rose 😍</div><div><lite-youtube style="background-image:url('https://i.ytimg.com/vi/OGJLxIsqAug/hqdefault.jpg')" videoid="OGJLxIsqAug"><a href="https://youtube.com/watch?v=OGJLxIsqAug" class="lty-playbtn"><span class="lyt-visually-hidden">Play</span></a></lite-youtube><style>lite-youtube{margin:0 auto;max-width:100%}</style></div></div><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Magnifique vidéo au dessus de Ploumanac&#39;h. A ne pas manquer</div><div><lite-youtube style="background-image:url('https://i.ytimg.com/vi/AFLuR2tCXqA/hqdefault.jpg')" videoid="AFLuR2tCXqA"><a href="https://youtube.com/watch?v=AFLuR2tCXqA" class="lty-playbtn"><span class="lyt-visually-hidden">Play</span></a></lite-youtube><style>lite-youtube{margin:0 auto;max-width:100%}</style></div></div><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Une immersion totale au plus proche des rochers roses !</div><div><lite-youtube style="background-image:url('https://i.ytimg.com/vi/5BU3Q9QWGcs/hqdefault.jpg')" videoid="5BU3Q9QWGcs"><a href="https://youtube.com/watch?v=5BU3Q9QWGcs" class="lty-playbtn"><span class="lyt-visually-hidden">Play</span></a></lite-youtube><style>lite-youtube{margin:0 auto;max-width:100%}</style></div></div></div></div></section><section class="relative not-prose scroll-mt-[72px]" id="quelques_chiffres"><div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true"><div class="absolute inset-0"></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue relative lg:py-20 md:px-6 md:py-16 mx-auto px-4 py-12 text-default max-w-6xl"><div class="text-center max-w-3xl mb-8 md:mb-12 md:mx-auto"><h2 class="font-bold font-heading leading-tighter tracking-tighter text-accent md:text-4xl text-3xl">Quelques chiffres</h2></div><div class="flex justify-center -m-4 flex-wrap text-center"><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter dark:md:border-slate-500 md:border-r md:last:border-none md:w-1/4 min-w-[220px] p-4 sm:w-1/2 text-center w-full"><div class="font-bold dark:text-white font-heading lg:text-5xl mb-1 text-[2.6rem] text-orange-500 xl:text-6xl">72 140</div><div class="font-medium h-16 dark:text-slate-400 lg:text-base text-gray-800 text-sm tracking-widest uppercase">Superficie du site Natura 2000 (en ha)</div><div class="text-xs dark:text-slate-400 mt-2 font-base italic lg:text-base text-gray-400">Le site Natura 2000 &quot;Côte de Granit Rose-Sept-Iles&quot; couvre une vaste zone de 72 140 ha, dont 99% est un espace marin</div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter dark:md:border-slate-500 md:border-r md:last:border-none md:w-1/4 min-w-[220px] p-4 sm:w-1/2 text-center w-full"><div class="font-bold dark:text-white font-heading lg:text-5xl mb-1 text-[2.6rem] text-orange-500 xl:text-6xl">130m</div><div class="font-medium h-16 dark:text-slate-400 lg:text-base text-gray-800 text-sm tracking-widest uppercase">Amplitude altitudinale</div><div class="text-xs dark:text-slate-400 mt-2 font-base italic lg:text-base text-gray-400">Le site s&#39;étend de -80 mètres sous le niveau de la mer à 50 mètres au-dessus, offrant une grande diversité d&#39;habitats</div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter dark:md:border-slate-500 md:border-r md:last:border-none md:w-1/4 min-w-[220px] p-4 sm:w-1/2 text-center w-full"><div class="font-bold dark:text-white font-heading lg:text-5xl mb-1 text-[2.6rem] text-orange-500 xl:text-6xl">300M</div><div class="font-medium h-16 dark:text-slate-400 lg:text-base text-gray-800 text-sm tracking-widest uppercase">Âge du massif granitique</div><div class="text-xs dark:text-slate-400 mt-2 font-base italic lg:text-base text-gray-400">Le massif de granit rose s&#39;est formé il y a environ 300 millions d&#39;années, durant l&#39;ère Primaire</div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter dark:md:border-slate-500 md:border-r md:last:border-none md:w-1/4 min-w-[220px] p-4 sm:w-1/2 text-center w-full"><div class="font-bold dark:text-white font-heading lg:text-5xl mb-1 text-[2.6rem] text-orange-500 xl:text-6xl">10km</div><div class="font-medium h-16 dark:text-slate-400 lg:text-base text-gray-800 text-sm tracking-widest uppercase">Profondeur du massif granitique</div><div class="text-xs dark:text-slate-400 mt-2 font-base italic lg:text-base text-gray-400">Le massif granitique s&#39;étend sur 10 km de profondeur dans l&#39;arrière-pays, formant une structure ovoïde unique</div></div></div></div></section><section class="mx-auto px-4 py-12 max-w-6xl sm:px-6" id="y_venir"><div class="text-center mb-10"><p class="text-sm font-semibold mb-2 text-primary tracking-widest uppercase">Accès</p><h2 class="font-bold dark:text-white lg:text-4xl text-3xl text-slate-900">Comment rejoindre notre coin de paradis ?</h2></div><div class="grid grid-cols-1 gap-6 md:grid-cols-3"><div class="flex flex-col bg-white overflow-hidden dark:bg-slate-800 rounded-2xl shadow-md"><div class="h-1.5 bg-blue-400"></div><div class="flex flex-col flex-1 p-6"><div class="flex justify-center items-center rounded-full h-14 mb-4 text-3xl w-14 bg-blue-50 dark:bg-blue-900/30">🚗</div><h3 class="font-bold dark:text-white text-slate-800 mb-3 text-lg">En voiture</h3><p class="text-sm dark:text-slate-300 flex-1 leading-relaxed text-slate-600">Depuis Paris ou l'est : <strong>N12</strong> jusqu'à Guingamp, puis direction Lannion–Perros-Guirec.<br><br>Depuis Nantes / le Mans : rejoindre Rennes, puis la N12 vers Guingamp.<br><br>Préparez votre itinéraire sur Google Maps, ViaMichelin ou OpenStreetMap.</p></div></div><div class="flex flex-col bg-white overflow-hidden dark:bg-slate-800 rounded-2xl shadow-md"><div class="h-1.5 bg-emerald-400"></div><div class="flex flex-col flex-1 p-6"><div class="flex justify-center items-center rounded-full h-14 mb-4 text-3xl w-14 bg-emerald-50 dark:bg-emerald-900/30">🚆</div><h3 class="font-bold dark:text-white text-slate-800 mb-3 text-lg">En train</h3><p class="text-sm dark:text-slate-300 flex-1 leading-relaxed text-slate-600">La gare la plus proche est <strong>Lannion</strong> (gare terminus), desservie par le TGV atlantique Paris–Lannion et les TER régionaux.<br><br><a href="https://www.ter.sncf.com/bretagne/se-deplacer/gares/lannion-87473223" class="text-xs font-medium gap-1 items-center dark:text-emerald-400 hover:underline inline-flex mt-1 text-emerald-600" rel="noopener noreferrer" target="_blank">Infos gare de Lannion →</a></p></div></div><div class="flex flex-col bg-white overflow-hidden dark:bg-slate-800 rounded-2xl shadow-md"><div class="h-1.5 bg-orange-400"></div><div class="flex flex-col flex-1 p-6"><div class="flex justify-center items-center rounded-full h-14 mb-4 text-3xl w-14 bg-orange-50 dark:bg-orange-900/30">✈️</div><h3 class="font-bold dark:text-white text-slate-800 mb-3 text-lg">En avion</h3><p class="text-sm dark:text-slate-300 flex-1 leading-relaxed text-slate-600">Depuis Paris : <strong>CDG → Brest</strong> (1h15) ou <strong>Orly → Rennes</strong> (1h), puis train jusqu'à Lannion.<br><br>Conseil : gardez un œil sur le paysage breton depuis le hublot — ça commence déjà à être beau !</p></div></div></div></section><section class="relative not-prose scroll-mt-[72px]" id="faq_decalee"><div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true"><div class="absolute inset-0"></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue relative lg:py-20 md:px-6 md:py-16 mx-auto px-4 py-12 text-default max-w-6xl"><div class="text-center max-w-3xl mb-8 md:mb-12 md:mx-auto"><p class="font-bold dark:text-blue-200 text-base text-secondary tracking-wide uppercase">Questions/réponses</p><h2 class="font-bold font-heading leading-tighter tracking-tighter text-accent md:text-4xl text-3xl">FAQ Côte de Granit Rose : Le guide décalé qui décoiffe !</h2><p class="text-muted text-xl mt-4">Toutes les questions que vous osez (et n'osez pas) poser sur ce paradis rose bonbon ! 🏝️🪨</p></div><div class="mx-auto gap-8 grid md:gap-y-12 sm:grid-cols-2 gap-y-8"><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="w-6 h-6 flex-shrink-0 mr-2 mt-1 rtl:ml-2 rtl:mr-0 text-primary" data-icon="tabler:chevron-right" height="1em" width="1em"><symbol id="ai:tabler:chevron-right" viewBox="0 0 24 24"><path d="m9 6l6 6l-6 6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:chevron-right"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl">🤔 Pourquoi ces rochers sont-ils roses ? Une histoire de mode géologique ?</h3><p class="text-muted mt-3">Imaginez la Terre en mode styliste : elle a décidé que le gris, c'était has been ! Résultat ? Des rochers roses qui font leur cinéma depuis 300 millions d'années. Merci les minéraux de feldspath !.<br><br>En réalité, c'est comme si Dame Nature avait décidé de faire un gâteau marbré géant. Elle a mélangé du quartz (blanc), du mica (noir) et du feldspath (rose) dans son grand saladier terrestre. Après cuisson à feu doux pendant quelques millions d'années, voilà le résultat : un paysage à croquer !<br><br>Et comme la lumière joue à cache-cache avec ces rochers, ils changent de teinte du matin au soir. C'est le seul endroit au monde où vous pouvez assister à un défilé de mode minéral quotidien !</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="w-6 h-6 flex-shrink-0 mr-2 mt-1 rtl:ml-2 rtl:mr-0 text-primary" data-icon="tabler:chevron-right" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:chevron-right"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl">🏄 Je suis un sportif/une sportive (ou pas) : quelles activités me correspondent ?</h3><p class="text-muted mt-3">-Pour les aventuriers : kayak et randonnée<br>-Pour les farniente : bronzage et sieste sur des rochers roses<br>-Pour les contemplateurs : observer d'autres gens faire du sport<br><br>Que vous soyez un athlète olympique ou un champion de sieste, la Côte de Granit Rose a ce qu'il vous faut ! Les aventuriers pourront pagayer entre les rochers en kayak, comme des explorateurs en quête de trésors (spoiler : le trésor, c'est le paysage). Les randonneurs arpenteront le sentier des douaniers, transformant leurs mollets en acier trempé.<br><br>Pour les adeptes du farniente, pas de panique ! Les rochers roses sont comme des transats naturels, parfaits pour bronzer ou faire la sieste. Bonus : vous pourrez prétendre faire de la "géologie appliquée".<br><br>Quant aux contemplateurs, installez-vous confortablement et observez le ballet des kayakistes qui tentent de ne pas se cogner contre les rochers. C'est comme regarder un documentaire animalier, mais avec des humains !</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="w-6 h-6 flex-shrink-0 mr-2 mt-1 rtl:ml-2 rtl:mr-0 text-primary" data-icon="tabler:chevron-right" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:chevron-right"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl">🍽️ Que mange-t-on vraiment en Bretagne à part des crêpes ?</h3><p class="text-muted mt-3">Des crêpes... ET :<br>-Des fruits de mer<br>-Du cidre<br>-Encore plus de crêpes<br>-Des galettes (non, ce ne sont PAS des crêpes)<br>Ah, la gastronomie bretonne ! Oui, il y a des crêpes. Beaucoup de crêpes. Tellement de crêpes que vous pourriez probablement construire une maison avec. Mais il y a aussi les galettes de sarrasin, qui sont comme des crêpes mais en version dark mode.<br><br>Les fruits de mer sont si frais qu'ils pourraient presque vous dire "bonjour" dans l'assiette. Huîtres, moules, coquilles Saint-Jacques... c'est comme si Poséidon lui-même avait dressé le buffet.<br><br>Et puis il y a le cidre, la boisson des dieux bretons. C'est comme du champagne, mais en plus cool et moins snob. Attention, ça peut vite monter à la tête, surtout si vous essayez de le boire en mangeant une crêpe !</p></div></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0"><div class="flex flex-row max-w-none"><div class="flex justify-center"><svg class="w-6 h-6 flex-shrink-0 mr-2 mt-1 rtl:ml-2 rtl:mr-0 text-primary" data-icon="tabler:chevron-right" height="1em" width="1em" viewBox="0 0 24 24"><use href="#ai:tabler:chevron-right"></use></svg></div><div class="mt-0.5"><h3 class="font-bold text-xl">🌦️ Quel temps dois-je prévoir ? Un parapluie ou un parasol ?</h3><p class="text-muted mt-3">Les deux ! La Bretagne, c'est assez imprévisible.<br>Prévoyez : Un k-way, des lunettes de soleil, un pull, un short, une combinaison de surf, un parapluie de combat<br><br>Le climat breton est comme une boîte de chocolats : on ne sait jamais sur quoi on va tomber. Vous pourriez commencer la journée en maillot de bain et la finir en parka. C'est le seul endroit au monde où vous pouvez expérimenter les quatre saisons en une seule journée !<br><br>Le parapluie de combat est essentiel : il doit résister aux rafales de vent qui pourraient vous transformer en Mary Poppins version bretonne.<br>Quant au k-way, considérez-le comme votre meilleur ami. Il vous protégera de la pluie... qui s'arrêtera dès que vous l'aurez enfilé.<br><br>Les lunettes de soleil sont utiles pour le soleil, bien sûr, protégez-vous.</p></div></div></div></div></div></section><section class="relative not-prose scroll-mt-[72px]"><div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true"><div class="absolute inset-0"></div></div><div class="intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter intercept-no-queue relative lg:py-20 md:px-6 md:py-16 mx-auto px-4 py-12 text-default max-w-7xl"><div class="text-center max-w-3xl mb-8 md:mb-12 md:mx-auto"><p class="font-bold dark:text-blue-200 text-base text-secondary tracking-wide uppercase">Lecture</p><h2 class="font-bold font-heading leading-tighter tracking-tighter text-accent md:text-4xl text-3xl">📚 Coin Lecture : Vos Histoires de Granit Rose</h2><p class="text-muted text-xl mt-4">Embarquez pour un voyage littéraire entre rochers roses et horizons infinis</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 md:grid-cols-3 sm:gap-y-8"><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Guide du Routard Côte de Granit Rose - Perros Guirec</div><div class="mx-auto mt-2"><a href="https://amzn.to/40rODX7" class="btn-secondary" rel="noopener noreferrer" target="_blank">Voir le guide</a></div><div class="rounded-full border border-slate-200 dark:border-slate-600 mt-10"><img alt="Guide du routard" class="rounded bg-gray-400 dark:bg-slate-700 md:h-full shadow-lg w-full" crossorigin="anonymous" decoding="async" height="300" loading="lazy" referrerpolicy="no-referrer" sizes="(max-width: 900px) 400px, 900px" src="https://m.media-amazon.com/images/I/81QKzCo3u0L._SL1500_.jpg" srcset="/_astro/81QKzCo3u0L._SL1500__Z1CqSFk.webp 400w, /_astro/81QKzCo3u0L._SL1500__Z1s8QLT.webp 900w" style="object-fit:cover;object-position:center;max-width:100%;max-height:100%" width="400"></div></div><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Côte de Granit rose: Trégor morlaisien</div><div class="mx-auto mt-2"><a href="https://amzn.to/4gSPVA4" class="btn-secondary" rel="noopener noreferrer" target="_blank">Voir le livre</a></div><div class="rounded-full border border-slate-200 dark:border-slate-600 mt-10"><img alt="Côte de Granit rose: Trégor morlaisien" class="rounded bg-gray-400 dark:bg-slate-700 md:h-full shadow-lg w-full" crossorigin="anonymous" decoding="async" height="300" loading="lazy" referrerpolicy="no-referrer" sizes="(max-width: 900px) 400px, 900px" src="https://m.media-amazon.com/images/I/81njmgrAuyL._SL1500_.jpg" srcset="/_astro/81njmgrAuyL._SL1500__Z1JUEGf.webp 400w, /_astro/81njmgrAuyL._SL1500__Z1zCCMO.webp 900w" style="object-fit:cover;object-position:center;max-width:100%;max-height:100%" width="400"></div></div><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Mini carte randonnée - Cote de granit rose</div><div class="mx-auto mt-2"><a href="https://amzn.to/3C91CDN" class="btn-secondary" rel="noopener noreferrer" target="_blank">Voir</a></div><div class="rounded-full border border-slate-200 dark:border-slate-600 mt-10"><img alt="Mini carte randonnée - Cote de granit rose" class="rounded bg-gray-400 dark:bg-slate-700 md:h-full shadow-lg w-full" crossorigin="anonymous" decoding="async" height="300" loading="lazy" referrerpolicy="no-referrer" sizes="(max-width: 900px) 400px, 900px" src="https://m.media-amazon.com/images/I/71jO6sGnPLL._SL1378_.jpg" srcset="/_astro/71jO6sGnPLL._SL1378__1J6Jwb.webp 400w, /_astro/71jO6sGnPLL._SL1378__1ToLpB.webp 900w" style="object-fit:cover;object-position:center;max-width:100%;max-height:100%" width="400"></div></div><div class="flex flex-col bg-white rounded-lg backdrop-blur border border-[#ffffff29] dark:bg-slate-900 dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] intercept-no-queue intersect-once intersect-quarter motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 p-6 relative shadow-[0_4px_30px_rgba(0,0,0,0.1)]"><div class="font-medium dark:text-white h-16 mb-2 text-center text-md text-slate-900">Les Côtes d&#39;Armor à pied</div><div class="mx-auto mt-2"><a href="https://amzn.to/42d9DSU" class="btn-secondary" rel="noopener noreferrer" target="_blank">Voir le livre</a></div><div class="rounded-full border border-slate-200 dark:border-slate-600 mt-10"><img alt="Les Côtes d'Armor à pied" class="rounded bg-gray-400 dark:bg-slate-700 md:h-full shadow-lg w-full" crossorigin="anonymous" decoding="async" height="300" loading="lazy" referrerpolicy="no-referrer" sizes="(max-width: 900px) 400px, 900px" src="https://m.media-amazon.com/images/I/71H3bvGCiiL._SL1500_.jpg" srcset="/_astro/71H3bvGCiiL._SL1500__11628Y.webp 400w, /_astro/71H3bvGCiiL._SL1500__1bo42p.webp 900w" style="object-fit:cover;object-position:center;max-width:100%;max-height:100%" width="400"></div></div></div><div class="text-center max-w-3xl mb-8 md:mb-12 md:mx-auto"><h2 class="text-xs dark:text-slate-400 mt-2 font-light md:text-sm text-center text-gray-300">Liens affiliés de partenaires</h2></div></div></section></main><footer class="relative not-prose bg-slate-900 dark:bg-slate-950 text-slate-300"><div class="overflow-hidden leading-none"><svg class="dark:text-slate-900 fill-current h-8 text-white w-full" viewBox="0 0 1200 32" preserveAspectRatio="none"><path d="M0,16 C200,32 400,0 600,16 C800,32 1000,0 1200,16 L1200,0 L0,0 Z"></path></svg></div><div class="mx-auto px-4 max-w-6xl sm:px-6 pb-8"><div class="flex flex-col items-center justify-between sm:flex-row border-b border-slate-700 gap-6 py-8"><div class="text-center sm:text-left"><a href="/" class="font-bold text-2xl tracking-tight hover:text-primary text-white transition-colors">Côte de granit rose</a><p class="text-sm mt-1 text-slate-400">Bretagne · Côtes-d'Armor · Trégor</p></div><ul class="flex gap-2"><li><a href="https://www.threads.net/@cotegranitrose" class="flex justify-center items-center rounded-full bg-slate-800 duration-200 h-10 hover:bg-primary hover:text-white text-slate-300 transition-colors w-10" rel="noopener noreferrer" target="_blank" aria-label="Threads"><svg class="h-5 w-5" data-icon="tabler:brand-threads" height="1em" width="1em"><symbol id="ai:tabler:brand-threads" viewBox="0 0 24 24"><path d="M19 7.5Q17 3 12 3c-5 0-8 2.5-8 9s3.5 9 8 9s7-3 7-5s-1-5-7-5c-2.5 0-3 1.25-3 2.5C9 15 10 16 11.5 16c2.5 0 3.5-1.5 3.5-5s-2-4-3-4s-1.833.333-2.5 1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><use href="#ai:tabler:brand-threads"></use></svg></a></li><li><a href="https://www.instagram.com/cotegranitrose" class="flex justify-center items-center rounded-full bg-slate-800 duration-200 h-10 hover:bg-primary hover:text-white text-slate-300 transition-colors w-10" rel="noopener noreferrer" target="_blank" aria-label="Instagram"><svg class="h-5 w-5" data-icon="tabler:brand-instagram" height="1em" width="1em"><symbol id="ai:tabler:brand-instagram" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z"/><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0m7.5-4.5v.01"/></g></symbol><use href="#ai:tabler:brand-instagram"></use></svg></a></li></ul></div><div class="flex flex-col items-center justify-between sm:flex-row gap-3 pt-6 text-slate-500 text-xs"><div class="text-center sm:text-right">Par <a href="https://www.linkedin.com/in/david-guillerm/" class="font-medium transition-colors hover:text-white text-slate-300" rel="noopener noreferrer" target="_blank">David Guillerm</a> &amp; <a href="https://www.linkedin.com/in/ryan-guillerm/" class="font-medium transition-colors hover:text-white text-slate-300" rel="noopener noreferrer" target="_blank">Ryan Guillerm</a> · 2024</div></div></div></footer><script>!function(){const e="system";if(window.basic_script)return;function t(e){"dark"===e?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}window.basic_script=!0;const d=function(){e&&e.endsWith(":only")||(localStorage.theme,0)?t(e.replace(":only","")):"dark"===localStorage.theme||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):t("light")};function a(e,t,d){const a="string"==typeof e?document.querySelectorAll(e):e;a&&a.length&&a.forEach((e=>{e.addEventListener(t,(t=>d(t,e)),!1)}))}d();const o=function(){let t=window.scrollY,d=!0;a("#header nav","click",(function(){document.querySelector("[data-aw-toggle-menu]")?.classList.remove("expanded"),document.body.classList.remove("overflow-hidden"),document.getElementById("header")?.classList.remove("h-screen"),document.getElementById("header")?.classList.remove("expanded"),document.getElementById("header")?.classList.remove("bg-page"),document.querySelector("#header nav")?.classList.add("hidden"),document.querySelector("#header > div > div:last-child")?.classList.add("hidden")})),a("[data-aw-toggle-menu]","click",(function(e,t){t.classList.toggle("expanded"),document.body.classList.toggle("overflow-hidden"),document.getElementById("header")?.classList.toggle("h-screen"),document.getElementById("header")?.classList.toggle("expanded"),document.getElementById("header")?.classList.toggle("bg-page"),document.querySelector("#header nav")?.classList.toggle("hidden"),document.querySelector("#header > div > div:last-child")?.classList.toggle("hidden")})),a("[data-aw-toggle-color-scheme]","click",(function(){e.endsWith(":only")||(document.documentElement.classList.toggle("dark"),localStorage.theme=document.documentElement.classList.contains("dark")?"dark":"light")})),a("[data-aw-social-share]","click",(function(e,t){const d=t.getAttribute("data-aw-social-share"),a=encodeURIComponent(t.getAttribute("data-aw-url")),o=encodeURIComponent(t.getAttribute("data-aw-text"));let n;switch(d){case"facebook":n=`https://www.facebook.com/sharer.php?u=${a}`;break;case"twitter":n=`https://twitter.com/intent/tweet?url=${a}&text=${o}`;break;case"linkedin":n=`https://www.linkedin.com/shareArticle?mini=true&url=${a}&title=${o}`;break;case"whatsapp":n=`https://wa.me/?text=${o}%20${a}`;break;case"mail":n=`mailto:?subject=%22${o}%22&body=${o}%20${a}`;break;default:return}const c=document.createElement("a");c.target="_blank",c.href=n,c.click()}));function o(){const e=document.querySelector("#header[data-aw-sticky-header]");e&&(t>60&&!e.classList.contains("scroll")?e.classList.add("scroll"):t<=60&&e.classList.contains("scroll")&&e.classList.remove("scroll"),d=!1)}window.matchMedia("(max-width: 767px)").addEventListener("change",(function(){document.querySelector("[data-aw-toggle-menu]")?.classList.remove("expanded"),document.body.classList.remove("overflow-hidden"),document.getElementById("header")?.classList.remove("h-screen"),document.getElementById("header")?.classList.remove("expanded"),document.getElementById("header")?.classList.remove("bg-page"),document.querySelector("#header nav")?.classList.add("hidden"),document.querySelector("#header > div > div:last-child")?.classList.add("hidden")})),o(),a([document],"scroll",(function(){t=window.scrollY,d||(window.requestAnimationFrame((()=>{o()})),d=!0)}))},n=function(){document.documentElement.classList.add("motion-safe:scroll-smooth");const e=document.querySelector("[data-aw-toggle-menu]");e&&e.classList.remove("expanded"),document.body.classList.remove("overflow-hidden"),document.getElementById("header")?.classList.remove("h-screen"),document.getElementById("header")?.classList.remove("expanded"),document.querySelector("#header nav")?.classList.add("hidden")};window.onload=o,window.onpageshow=n,document.addEventListener("astro:after-swap",(()=>{d(),o(),n()}))}()</script><script>const Observer={observer:null,delayBetweenAnimations:100,animationCounter:0,start(){const t=Array.from(document.querySelectorAll(['[class*=" intersect:"]','[class*=":intersect:"]','[class^="intersect:"]','[class="intersect"]','[class*=" intersect "]','[class^="intersect "]','[class$=" intersect"]'].join(",")));t.forEach((t=>{var e;t.setAttribute("no-intersect",""),t._intersectionThreshold=(e=t).classList.contains("intersect-full")?.99:e.classList.contains("intersect-half")?.5:e.classList.contains("intersect-quarter")?.25:0}));this.observer=new IntersectionObserver((t=>{t.forEach((t=>{requestAnimationFrame((()=>{const e=t.target,s=t.intersectionRatio,n=e._intersectionThreshold;if(e.classList.contains("intersect-no-queue"))t.isIntersecting?(e.removeAttribute("no-intersect"),e.classList.contains("intersect-once")&&this.observer.unobserve(e)):e.setAttribute("no-intersect","");else if(s>=n){if(!e.hasAttribute("data-animated")){e.removeAttribute("no-intersect"),e.setAttribute("data-animated","true");const t=this.animationCounter*this.delayBetweenAnimations;this.animationCounter++,e.style.transitionDelay=`${t}ms`,e.style.animationDelay=`${t}ms`,e.classList.contains("intersect-once")&&this.observer.unobserve(e)}}else e.setAttribute("no-intersect",""),e.removeAttribute("data-animated"),e.style.transitionDelay="",e.style.animationDelay="",this.animationCounter=0}))}))}).bind(this),{threshold:[0,.25,.5,.99]}),t.forEach((t=>{this.observer.observe(t)}))}};Observer.start(),document.addEventListener("astro:after-swap",(()=>{Observer.start()}))</script></body></html>