{"id":7082,"date":"2026-03-10T08:47:30","date_gmt":"2026-03-10T08:47:30","guid":{"rendered":"https:\/\/clapiboats.com\/?page_id=7082"},"modified":"2026-09-19T14:10:22","modified_gmt":"2026-09-19T14:10:22","slug":"feux-artifice-cannes","status":"publish","type":"page","link":"https:\/\/clapiboats.com\/en\/accueil\/events-yacht-cote-dazur\/cannes-fireworks-yacht\/","title":{"rendered":"FIREWORKS FESTIVAL"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7082\" class=\"elementor elementor-7082\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36f7961 e-con-full e-flex e-con e-parent\" data-id=\"36f7961\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4451bb2 elementor-widget elementor-widget-html\" data-id=\"4451bb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   CLAPI BOATS\n   FEUX D'ARTIFICE CANNES\n   VERSION FINALE\n   ========================================================= *\/\n\n.clapi-fireworks,\n.clapi-fireworks * {\n    box-sizing: border-box;\n}\n\n.clapi-fireworks {\n    --anthracite:#2C3035;\n    --anthracite-light:#697076;\n    --anthracite-soft:#AEB3B6;\n    --cream:#F3F2E6;\n    --white:#FFFFFF;\n    --gold:#8A7C5C;\n    --gold-light:#B7AA89;\n    --champagne:#C8BFA8;\n    --night:#202428;\n    --line:rgba(44,48,53,.11);\n    --line-light:rgba(255,255,255,.15);\n\n    \/* =====================================================\n       PHOTOS\n       REMPLACER UNIQUEMENT LES URLS CI-DESSOUS\n       ===================================================== *\/\n\n    --hero-photo:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2026\/03\/cannes-fireworks-festival.jpg');\n    --festival-photo:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2026\/03\/cannes_shoreline_PZMD93F.jpeg');\n    --experience-photo:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2025\/10\/ytg0220_fea1_wally04-YleW5wJ9PbIvyz13.jpg');\n    --boat-1-photo:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2026\/07\/the-wallypower50-debuting-at-jikxnb.jpg');\n    --boat-2-photo:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2026\/01\/DJI_20250514182433_0282_D-scaled-1.jpg');\n    --boat-3-photo:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2026\/07\/wajer-yacht.png');\n    --clapi-photo:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2026\/09\/a.jpg');\n\n    width:100%;\n    max-width:100%;\n    min-width:0;\n    overflow:hidden;\n\n    background:var(--white);\n    color:var(--anthracite);\n\n    font-family:'Montserrat',Arial,sans-serif;\n}\n\n.clapi-fireworks a {\n    color:inherit;\n}\n\n.clapi-fireworks-container {\n    width:min(88vw,1380px);\n    max-width:1380px;\n    margin:0 auto;\n}\n\n.clapi-fireworks h1,\n.clapi-fireworks h2,\n.clapi-fireworks h3,\n.clapi-fireworks p {\n    margin-top:0;\n}\n\n.clapi-fireworks h2 {\n    margin-bottom:25px;\n    font-size:clamp(28px,2.8vw,43px);\n    line-height:1.14;\n    font-weight:500;\n    letter-spacing:-.03em;\n    color:var(--anthracite);\n}\n\n.clapi-fireworks h3 {\n    margin-bottom:13px;\n    font-size:17px;\n    line-height:1.4;\n    font-weight:600;\n    color:var(--anthracite);\n}\n\n.clapi-fireworks p {\n    font-size:14px;\n    line-height:1.9;\n    font-weight:400;\n    color:rgba(44,48,53,.72);\n}\n\n.clapi-fireworks p:last-child {\n    margin-bottom:0;\n}\n\n.clapi-fireworks-text-link {\n    color:var(--anthracite)!important;\n    text-decoration:underline!important;\n    text-decoration-color:rgba(138,124,92,.55)!important;\n    text-decoration-thickness:1px!important;\n    text-underline-offset:4px;\n}\n\n.clapi-fireworks-eyebrow {\n    display:flex;\n    align-items:center;\n    gap:12px;\n    margin-bottom:25px;\n    font-size:10px;\n    line-height:1.4;\n    font-weight:700;\n    letter-spacing:.23em;\n    text-transform:uppercase;\n    color:var(--gold);\n}\n\n.clapi-fireworks-eyebrow::before {\n    content:\"\";\n    width:30px;\n    height:1px;\n    flex-shrink:0;\n    background:currentColor;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.clapi-fireworks-hero {\n    position:relative;\n    display:flex;\n    align-items:flex-end;\n    width:100%;\n    min-height:615px;\n\n    background-color:var(--night);\n    background-image:\n        linear-gradient(\n            90deg,\n            rgba(25,28,31,.88) 0%,\n            rgba(25,28,31,.65) 39%,\n            rgba(25,28,31,.20) 74%,\n            rgba(25,28,31,.08) 100%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(25,28,31,.66) 0%,\n            rgba(25,28,31,.06) 55%\n        ),\n        var(--hero-photo);\n\n    background-position:center;\n    background-size:cover;\n    background-repeat:no-repeat;\n}\n\n.clapi-fireworks-hero-inner {\n    position:relative;\n    z-index:2;\n\n    width:min(88vw,1380px)!important;\n    max-width:1380px!important;\n\n    margin-left:auto!important;\n    margin-right:auto!important;\n\n    padding:95px 0 55px!important;\n}\n\n.clapi-fireworks-hero .clapi-fireworks-eyebrow {\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-hero h1 {\n    max-width:820px;\n    margin:0!important;\n\n    font-size:clamp(40px,3.6vw,56px)!important;\n    line-height:1.08!important;\n    font-weight:500!important;\n    letter-spacing:-.035em!important;\n\n    color:var(--cream)!important;\n}\n\n.clapi-fireworks-hero-soft {\n    display:block;\n    max-width:620px;\n\n    margin-top:18px!important;\n\n    font-size:clamp(25px,2.1vw,32px)!important;\n    line-height:1.18!important;\n    font-weight:400!important;\n    letter-spacing:-.025em!important;\n\n    color:rgba(243,242,230,.58)!important;\n}\n\n.clapi-fireworks-hero-intro {\n    max-width:650px;\n\n    margin:27px 0 0!important;\n\n    font-size:13px!important;\n    line-height:1.8!important;\n    font-weight:400!important;\n\n    color:rgba(255,255,255,.78)!important;\n}\n\n.clapi-fireworks-hero-bottom {\n    display:flex!important;\n    align-items:center!important;\n    flex-wrap:nowrap!important;\n    gap:20px!important;\n\n    max-width:650px;\n\n    margin:32px 0 0!important;\n    padding:19px 0 0!important;\n\n    border-top:1px solid rgba(255,255,255,.25);\n}\n\n.clapi-fireworks-hero-bottom span {\n    display:block!important;\n\n    font-size:9px!important;\n    line-height:1.4!important;\n    font-weight:600!important;\n\n    letter-spacing:.12em!important;\n    text-transform:uppercase!important;\n\n    color:rgba(255,255,255,.76)!important;\n\n    white-space:nowrap!important;\n}\n\n.clapi-fireworks-hero-bottom i {\n    display:block!important;\n    width:3px!important;\n    height:3px!important;\n    flex:0 0 3px!important;\n    border-radius:50%;\n    background:var(--gold-light)!important;\n}\n\n\n\/* =========================================================\n   SECTIONS G\u00c9N\u00c9RALES\n   ========================================================= *\/\n\n.clapi-fireworks-section {\n    width:100%;\n    padding:100px 0;\n}\n\n.clapi-fireworks-split {\n    display:grid;\n    grid-template-columns:.82fr 1.18fr;\n    gap:10vw;\n    align-items:start;\n}\n\n.clapi-fireworks-copy {\n    max-width:690px;\n}\n\n.clapi-fireworks-copy p {\n    margin-bottom:20px;\n}\n\n.clapi-fireworks-statement {\n    margin:34px 0;\n    padding:28px 0;\n\n    border-top:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n\n    font-size:clamp(20px,2vw,29px);\n    line-height:1.4;\n    font-weight:400;\n    letter-spacing:-.02em;\n\n    color:var(--anthracite);\n}\n\n.clapi-fireworks-statement span {\n    color:var(--anthracite-light);\n}\n\n.clapi-fireworks-festival-photo {\n    width:100%;\n    height:clamp(330px,42vw,590px);\n\n    background-color:#3C4145;\n    background-image:var(--festival-photo);\n    background-position:center;\n    background-size:cover;\n    background-repeat:no-repeat;\n}\n\n\n\/* =========================================================\n   CONVERSION \/ FILLOUT\n   ========================================================= *\/\n\n.clapi-fireworks-lead {\n    padding:85px 0;\n    background:var(--cream);\n}\n\n.clapi-fireworks-lead-grid {\n    display:grid;\n    grid-template-columns:.72fr 1.28fr;\n    gap:8vw;\n    align-items:start;\n}\n\n.clapi-fireworks-lead-copy {\n    padding-top:20px;\n}\n\n.clapi-fireworks-lead-copy h2 {\n    max-width:470px;\n}\n\n.clapi-fireworks-lead-copy p {\n    max-width:450px;\n}\n\n.clapi-fireworks-lead-points {\n    margin-top:32px;\n    border-top:1px solid var(--line);\n}\n\n.clapi-fireworks-lead-point {\n    display:grid;\n    grid-template-columns:28px 1fr;\n    gap:14px;\n\n    padding:15px 0;\n\n    border-bottom:1px solid var(--line);\n\n    font-size:10px;\n    line-height:1.5;\n    font-weight:600;\n\n    letter-spacing:.08em;\n    text-transform:uppercase;\n\n    color:var(--anthracite-light);\n}\n\n.clapi-fireworks-lead-point span:first-child {\n    color:var(--gold);\n}\n\n.clapi-fireworks-form-shell {\n    width:100%;\n    min-width:0;\n\n    padding:16px;\n\n    background:var(--white);\n\n    border:1px solid rgba(44,48,53,.08);\n}\n\n.clapi-fireworks-form-shell iframe {\n    display:block;\n\n    width:100%!important;\n    max-width:100%!important;\n    min-width:0!important;\n\n    height:600px;\n\n    border:0!important;\n    border-radius:0!important;\n\n    background:var(--white);\n}\n\n\n\/* =========================================================\n   DATES\n   ========================================================= *\/\n\n.clapi-fireworks-dates {\n    background:var(--anthracite);\n}\n\n.clapi-fireworks-dates h2 {\n    color:var(--white);\n}\n\n.clapi-fireworks-dates .clapi-fireworks-eyebrow {\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-dates-header {\n    display:grid;\n    grid-template-columns:.82fr 1.18fr;\n    gap:10vw;\n    align-items:start;\n    margin-bottom:60px;\n}\n\n.clapi-fireworks-dates-copy p {\n    color:rgba(255,255,255,.64);\n}\n\n.clapi-fireworks-next-edition {\n    display:grid;\n    grid-template-columns:.75fr 1.25fr;\n\n    border-top:1px solid rgba(255,255,255,.17);\n    border-bottom:1px solid rgba(255,255,255,.17);\n}\n\n.clapi-fireworks-next-year {\n    padding:42px 40px 42px 0;\n    border-right:1px solid rgba(255,255,255,.17);\n}\n\n.clapi-fireworks-next-year span:first-child {\n    display:block;\n\n    font-size:clamp(52px,6vw,90px);\n    line-height:.9;\n    font-weight:400;\n    letter-spacing:-.05em;\n\n    color:var(--cream);\n}\n\n.clapi-fireworks-next-year span:last-child {\n    display:block;\n    margin-top:17px;\n\n    font-size:9px;\n    line-height:1.5;\n    font-weight:600;\n\n    letter-spacing:.17em;\n    text-transform:uppercase;\n\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-next-info {\n    display:flex;\n    align-items:center;\n    padding:42px 0 42px 50px;\n}\n\n.clapi-fireworks-next-info p {\n    max-width:660px;\n    margin:0;\n    color:rgba(255,255,255,.66);\n}\n\n.clapi-fireworks-archive {\n    margin-top:65px;\n}\n\n.clapi-fireworks-archive-title {\n    margin-bottom:25px;\n\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-archive-dates {\n    display:grid;\n    grid-template-columns:repeat(6,1fr);\n\n    border-top:1px solid rgba(255,255,255,.14);\n    border-bottom:1px solid rgba(255,255,255,.14);\n}\n\n.clapi-fireworks-archive-date {\n    padding:23px 15px;\n\n    border-right:1px solid rgba(255,255,255,.14);\n\n    text-align:center;\n}\n\n.clapi-fireworks-archive-date:last-child {\n    border-right:0;\n}\n\n.clapi-fireworks-archive-date strong {\n    display:block;\n    margin-bottom:6px;\n\n    font-size:17px;\n    font-weight:500;\n\n    color:var(--white);\n}\n\n.clapi-fireworks-archive-date span {\n    font-size:8px;\n    font-weight:600;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:rgba(255,255,255,.50);\n}\n\n\n\/* =========================================================\n   PROGRAMMES 2026\n   ========================================================= *\/\n\n.clapi-fireworks-shows {\n    margin-top:70px;\n}\n\n.clapi-fireworks-show-grid {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n\n    border-top:1px solid rgba(255,255,255,.17);\n    border-bottom:1px solid rgba(255,255,255,.17);\n}\n\n.clapi-fireworks-show {\n    min-width:0;\n    padding:36px 34px;\n\n    border-right:1px solid rgba(255,255,255,.17);\n}\n\n.clapi-fireworks-show:first-child {\n    padding-left:0;\n}\n\n.clapi-fireworks-show:last-child {\n    border-right:0;\n}\n\n.clapi-fireworks-show-date {\n    display:block;\n    margin-bottom:30px;\n\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:.16em;\n    text-transform:uppercase;\n\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-show h3 {\n    margin-bottom:6px;\n\n    font-size:clamp(20px,1.8vw,26px);\n    font-weight:500;\n\n    color:var(--white);\n}\n\n.clapi-fireworks-show-subtitle {\n    display:block;\n    margin-bottom:24px;\n\n    font-size:10px;\n    line-height:1.6;\n    font-weight:600;\n\n    letter-spacing:.09em;\n    text-transform:uppercase;\n\n    color:rgba(255,255,255,.48);\n}\n\n.clapi-fireworks-show p {\n    font-size:12.5px;\n    color:rgba(255,255,255,.64);\n}\n\n.clapi-fireworks-show-meta {\n    margin-top:24px;\n    padding-top:17px;\n\n    border-top:1px solid rgba(255,255,255,.12);\n\n    font-size:9px;\n    line-height:1.6;\n    font-weight:600;\n\n    letter-spacing:.10em;\n    text-transform:uppercase;\n\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-music {\n    margin-top:25px;\n    padding-top:20px;\n\n    border-top:1px solid rgba(255,255,255,.10);\n}\n\n.clapi-fireworks-music-label {\n    display:block;\n    margin-bottom:13px;\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n\n    color:rgba(255,255,255,.40);\n}\n\n.clapi-fireworks-track {\n    display:block;\n\n    padding:5px 0;\n\n    font-size:10.5px;\n    line-height:1.5;\n\n    color:rgba(255,255,255,.58);\n}\n\n.clapi-fireworks-track strong {\n    font-weight:500;\n    color:rgba(255,255,255,.82);\n}\n\n\n\/* =========================================================\n   POURQUOI\n   ========================================================= *\/\n\n.clapi-fireworks-benefits {\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n\n    margin-top:60px;\n\n    border-top:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n}\n\n.clapi-fireworks-benefit {\n    padding:31px 27px;\n    border-right:1px solid var(--line);\n}\n\n.clapi-fireworks-benefit:first-child {\n    padding-left:0;\n}\n\n.clapi-fireworks-benefit:last-child {\n    border-right:0;\n}\n\n.clapi-fireworks-number {\n    display:block;\n    margin-bottom:30px;\n\n    font-size:9px;\n    font-weight:600;\n    letter-spacing:.16em;\n\n    color:var(--gold);\n}\n\n.clapi-fireworks-benefit-title {\n    margin-bottom:11px;\n\n    font-size:11px;\n    line-height:1.5;\n    font-weight:700;\n\n    letter-spacing:.12em;\n    text-transform:uppercase;\n\n    color:var(--anthracite);\n}\n\n.clapi-fireworks-benefit p {\n    font-size:12.5px;\n}\n\n\n\/* =========================================================\n   SOIR\u00c9E TYPE\n   ========================================================= *\/\n\n.clapi-fireworks-evening {\n    background:var(--cream);\n}\n\n.clapi-fireworks-evening-header {\n    display:grid;\n    grid-template-columns:.82fr 1.18fr;\n    gap:10vw;\n\n    margin-bottom:65px;\n}\n\n.clapi-fireworks-timeline {\n    display:grid;\n    grid-template-columns:repeat(6,1fr);\n\n    border-top:1px solid rgba(44,48,53,.17);\n    border-bottom:1px solid rgba(44,48,53,.17);\n}\n\n.clapi-fireworks-moment {\n    min-height:210px;\n\n    padding:29px 22px;\n\n    border-right:1px solid rgba(44,48,53,.14);\n}\n\n.clapi-fireworks-moment:first-child {\n    padding-left:0;\n}\n\n.clapi-fireworks-moment:last-child {\n    border-right:0;\n}\n\n.clapi-fireworks-moment-time {\n    display:block;\n    margin-bottom:40px;\n\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:.16em;\n\n    color:var(--gold);\n}\n\n.clapi-fireworks-moment-label {\n    display:block;\n    margin-bottom:9px;\n\n    font-size:14px;\n    line-height:1.35;\n    font-weight:600;\n\n    color:var(--anthracite);\n}\n\n.clapi-fireworks-moment p {\n    margin:0;\n\n    font-size:11.5px;\n    line-height:1.7;\n}\n\n.clapi-fireworks-experience-photo {\n    position:relative;\n\n    width:100%;\n    height:clamp(340px,45vw,620px);\n\n    background-color:#777A78;\n    background-image:\n        linear-gradient(\n            0deg,\n            rgba(34,38,42,.45) 0%,\n            rgba(34,38,42,0) 55%\n        ),\n        var(--experience-photo);\n\n    background-position:center;\n    background-size:cover;\n    background-repeat:no-repeat;\n}\n\n.clapi-fireworks-experience-label {\n    position:absolute;\n    left:6vw;\n    bottom:35px;\n\n    max-width:460px;\n\n    font-size:clamp(19px,2vw,28px);\n    line-height:1.35;\n    font-weight:400;\n\n    color:var(--white);\n}\n\n\n\/* =========================================================\n   POSITIONNEMENT\n   ========================================================= *\/\n\n.clapi-fireworks-position-grid {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:6vw;\n\n    margin-top:60px;\n}\n\n.clapi-fireworks-position {\n    padding-top:27px;\n    border-top:1px solid rgba(44,48,53,.20);\n}\n\n.clapi-fireworks-position:nth-child(2) {\n    margin-top:45px;\n}\n\n.clapi-fireworks-position h3 {\n    font-size:20px;\n    font-weight:500;\n}\n\n.clapi-fireworks-position p {\n    font-size:13px;\n}\n\n\n\/* =========================================================\n   YACHTS\n   ========================================================= *\/\n\n.clapi-fireworks-yachts {\n    background:var(--anthracite);\n}\n\n.clapi-fireworks-yachts h2 {\n    color:var(--white);\n}\n\n.clapi-fireworks-yachts .clapi-fireworks-eyebrow {\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-yachts-header {\n    display:grid;\n    grid-template-columns:.82fr 1.18fr;\n    gap:10vw;\n\n    margin-bottom:60px;\n}\n\n.clapi-fireworks-yachts-header p {\n    color:rgba(255,255,255,.64);\n}\n\n.clapi-fireworks-yacht-gallery {\n    display:grid;\n    grid-template-columns:1.2fr .9fr .9fr;\n    gap:15px;\n}\n\n.clapi-fireworks-yacht-card {\n    position:relative;\n\n    display:flex;\n    align-items:flex-end;\n\n    min-height:340px;\n\n    overflow:hidden;\n\n    background-color:#555A5D;\n    background-position:center;\n    background-size:cover;\n    background-repeat:no-repeat;\n\n    text-decoration:none!important;\n}\n\n.clapi-fireworks-yacht-card:nth-child(2),\n.clapi-fireworks-yacht-card:nth-child(3) {\n    min-height:310px;\n    margin-top:30px;\n}\n\n.clapi-fireworks-yacht-1 {\n    background-image:\n        linear-gradient(0deg,rgba(25,28,31,.72),rgba(25,28,31,.02) 70%),\n        var(--boat-1-photo);\n}\n\n.clapi-fireworks-yacht-2 {\n    background-image:\n        linear-gradient(0deg,rgba(25,28,31,.72),rgba(25,28,31,.02) 70%),\n        var(--boat-2-photo);\n}\n\n.clapi-fireworks-yacht-3 {\n    background-image:\n        linear-gradient(0deg,rgba(25,28,31,.72),rgba(25,28,31,.02) 70%),\n        var(--boat-3-photo);\n}\n\n.clapi-fireworks-yacht-card-content {\n    position:relative;\n    z-index:2;\n\n    width:100%;\n    padding:26px;\n}\n\n.clapi-fireworks-yacht-card-label {\n    display:block;\n    margin-bottom:7px;\n\n    font-size:8px;\n    font-weight:600;\n    letter-spacing:.17em;\n    text-transform:uppercase;\n\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-yacht-card-title {\n    display:block;\n\n    font-size:18px;\n    line-height:1.35;\n    font-weight:500;\n\n    color:var(--white);\n}\n\n.clapi-fireworks-yacht-card-arrow {\n    position:absolute;\n    right:25px;\n    bottom:25px;\n\n    font-size:20px;\n    color:var(--gold-light);\n}\n\n\n\/* =========================================================\n   LIEUX\n   ========================================================= *\/\n\n.clapi-fireworks-places {\n    background:var(--cream);\n}\n\n.clapi-fireworks-place-grid {\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n\n    margin-top:55px;\n\n    border-top:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n}\n\n.clapi-fireworks-place {\n    padding:30px 25px;\n    border-right:1px solid var(--line);\n}\n\n.clapi-fireworks-place:first-child {\n    padding-left:0;\n}\n\n.clapi-fireworks-place:last-child {\n    border-right:0;\n}\n\n.clapi-fireworks-place h3 {\n    font-size:16px;\n}\n\n.clapi-fireworks-place p {\n    font-size:12.5px;\n}\n\n\n\/* =========================================================\n   AUTRES FEUX\n   ========================================================= *\/\n\n.clapi-fireworks-other-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n\n    margin-top:50px;\n\n    border-top:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n}\n\n.clapi-fireworks-other {\n    padding:32px 28px;\n    border-right:1px solid var(--line);\n}\n\n.clapi-fireworks-other:first-child {\n    padding-left:0;\n}\n\n.clapi-fireworks-other:last-child {\n    border-right:0;\n}\n\n.clapi-fireworks-other-city {\n    display:block;\n    margin-bottom:12px;\n\n    font-size:19px;\n    font-weight:500;\n\n    color:var(--anthracite);\n}\n\n\n\/* =========================================================\n   CLAPI\n   ========================================================= *\/\n\n.clapi-fireworks-clapi {\n    display:grid;\n    grid-template-columns:1fr 1fr;\n\n    min-height:600px;\n}\n\n.clapi-fireworks-clapi-photo {\n    min-height:500px;\n\n    background-color:#555A5D;\n    background-image:var(--clapi-photo);\n    background-position:center;\n    background-size:cover;\n    background-repeat:no-repeat;\n}\n\n.clapi-fireworks-clapi-content {\n    display:flex;\n    align-items:center;\n\n    padding:75px 7vw;\n\n    background:var(--cream);\n}\n\n.clapi-fireworks-clapi-inner {\n    max-width:580px;\n}\n\n.clapi-fireworks-clapi-list {\n    margin-top:30px;\n    border-top:1px solid var(--line);\n}\n\n.clapi-fireworks-clapi-item {\n    display:flex;\n    justify-content:space-between;\n    gap:20px;\n\n    padding:17px 0;\n\n    border-bottom:1px solid var(--line);\n\n    font-size:10px;\n    font-weight:600;\n\n    letter-spacing:.11em;\n    text-transform:uppercase;\n\n    color:var(--anthracite-light);\n}\n\n.clapi-fireworks-clapi-item span:last-child {\n    color:var(--gold);\n}\n\n\n\/* =========================================================\n   D\u00c9COUVRIR\n   ========================================================= *\/\n\n.clapi-fireworks-discover-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n\n    margin-top:50px;\n    border-top:1px solid var(--line);\n}\n\n.clapi-fireworks-discover-link {\n    display:flex;\n    flex-direction:column;\n\n    min-height:190px;\n\n    padding:28px 28px 25px;\n\n    border-right:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n\n    text-decoration:none!important;\n}\n\n.clapi-fireworks-discover-link:first-child {\n    padding-left:0;\n}\n\n.clapi-fireworks-discover-link:last-child {\n    border-right:0;\n}\n\n.clapi-fireworks-discover-type {\n    margin-bottom:35px;\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.17em;\n    text-transform:uppercase;\n\n    color:var(--gold);\n}\n\n.clapi-fireworks-discover-title {\n    max-width:300px;\n\n    font-size:15px;\n    line-height:1.5;\n    font-weight:500;\n\n    color:var(--anthracite);\n}\n\n.clapi-fireworks-discover-arrow {\n    margin-top:auto;\n    font-size:18px;\n    color:var(--gold);\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.clapi-fireworks-cta {\n    padding:90px 0;\n    background:var(--anthracite);\n}\n\n.clapi-fireworks-cta-grid {\n    display:grid;\n    grid-template-columns:1.05fr .95fr;\n    gap:9vw;\n    align-items:end;\n}\n\n.clapi-fireworks-cta h2 {\n    max-width:680px;\n    margin:0;\n    color:var(--white);\n}\n\n.clapi-fireworks-cta .clapi-fireworks-eyebrow {\n    color:var(--gold-light);\n}\n\n.clapi-fireworks-cta p {\n    color:rgba(255,255,255,.64);\n}\n\n.clapi-fireworks-button {\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:25px;\n\n    width:100%;\n\n    margin-top:28px;\n    padding:18px 20px;\n\n    border:1px solid rgba(255,255,255,.40);\n\n    color:var(--white)!important;\n    text-decoration:none!important;\n}\n\n.clapi-fireworks-button-text {\n    font-size:10px;\n    font-weight:600;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n}\n\n.clapi-fireworks-button-arrow {\n    font-size:20px;\n    color:var(--gold-light);\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.clapi-fireworks-faq {\n    width:100%;\n    max-width:100%;\n\n    padding:105px 0 115px;\n\n    overflow:hidden;\n\n    background:var(--white);\n}\n\n.clapi-fireworks-faq-layout {\n    display:grid;\n    grid-template-columns:.72fr minmax(0,1.28fr);\n    gap:9vw;\n\n    align-items:start;\n\n    min-width:0;\n}\n\n.clapi-fireworks-faq-intro {\n    position:sticky;\n    top:120px;\n\n    min-width:0;\n}\n\n.clapi-fireworks-faq-intro h2 {\n    max-width:430px;\n}\n\n.clapi-fireworks-faq-list {\n    width:100%;\n    min-width:0;\n    max-width:100%;\n\n    border-top:1px solid rgba(44,48,53,.16);\n}\n\n.clapi-fireworks-faq-item {\n    width:100%;\n    min-width:0;\n    max-width:100%;\n\n    border-bottom:1px solid rgba(44,48,53,.16);\n}\n\n.clapi-fireworks-faq-item h3 {\n    width:100%!important;\n    max-width:100%!important;\n    min-width:0!important;\n\n    margin:0!important;\n    padding:0!important;\n}\n\n.clapi-fireworks .clapi-fireworks-faq-trigger,\n.clapi-fireworks .clapi-fireworks-faq-trigger:hover,\n.clapi-fireworks .clapi-fireworks-faq-trigger:focus,\n.clapi-fireworks .clapi-fireworks-faq-trigger:active {\n    appearance:none!important;\n    -webkit-appearance:none!important;\n\n    display:grid!important;\n\n    grid-template-columns:38px minmax(0,1fr) 22px!important;\n\n    gap:18px!important;\n    align-items:center!important;\n\n    width:100%!important;\n    min-width:0!important;\n    max-width:100%!important;\n\n    margin:0!important;\n    padding:28px 0!important;\n\n    border:0!important;\n    border-radius:0!important;\n    outline:0!important;\n    box-shadow:none!important;\n\n    background:transparent!important;\n\n    font-family:'Montserrat',Arial,sans-serif!important;\n    text-align:left!important;\n\n    overflow:hidden!important;\n\n    cursor:pointer!important;\n}\n\n.clapi-fireworks-faq-index {\n    min-width:0;\n\n    font-size:9px;\n    font-weight:700;\n\n    color:var(--gold);\n}\n\n.clapi-fireworks-faq-question {\n    display:block;\n\n    width:100%;\n    min-width:0;\n    max-width:100%;\n\n    font-size:14px;\n    line-height:1.5;\n    font-weight:500;\n\n    white-space:normal!important;\n    overflow-wrap:break-word!important;\n    word-break:normal!important;\n\n    color:var(--anthracite);\n}\n\n.clapi-fireworks-faq-plus {\n    position:relative;\n\n    width:14px;\n    height:14px;\n\n    min-width:14px;\n\n    justify-self:end;\n}\n\n.clapi-fireworks-faq-plus::before,\n.clapi-fireworks-faq-plus::after {\n    content:\"\";\n\n    position:absolute;\n    top:50%;\n    left:50%;\n\n    background:var(--gold);\n\n    transform:translate(-50%,-50%);\n}\n\n.clapi-fireworks-faq-plus::before {\n    width:14px;\n    height:1px;\n}\n\n.clapi-fireworks-faq-plus::after {\n    width:1px;\n    height:14px;\n}\n\n.clapi-fireworks-faq-answer {\n    display:grid;\n    grid-template-rows:0fr;\n\n    width:100%;\n    min-width:0;\n\n    transition:grid-template-rows .35s ease;\n}\n\n.clapi-fireworks-faq-answer-inner {\n    min-width:0;\n    overflow:hidden;\n}\n\n.clapi-fireworks-faq-answer p {\n    max-width:650px;\n\n    margin:0!important;\n    padding:0 40px 0 56px!important;\n\n    font-size:13px;\n    line-height:1.85;\n}\n\n.clapi-fireworks-faq-item.is-open\n.clapi-fireworks-faq-answer {\n    grid-template-rows:1fr;\n}\n\n.clapi-fireworks-faq-item.is-open\n.clapi-fireworks-faq-answer p {\n    padding-bottom:28px!important;\n}\n\n.clapi-fireworks-faq-item.is-open\n.clapi-fireworks-faq-plus::after {\n    opacity:0;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:1024px) {\n\n    .clapi-fireworks-container {\n        width:min(90vw,1380px);\n    }\n\n    .clapi-fireworks-split,\n    .clapi-fireworks-dates-header,\n    .clapi-fireworks-evening-header,\n    .clapi-fireworks-yachts-header,\n    .clapi-fireworks-cta-grid,\n    .clapi-fireworks-faq-layout,\n    .clapi-fireworks-lead-grid {\n        gap:6vw;\n    }\n\n    .clapi-fireworks-timeline {\n        grid-template-columns:repeat(3,1fr);\n    }\n\n    .clapi-fireworks-moment:nth-child(3) {\n        border-right:0;\n    }\n\n    .clapi-fireworks-moment:nth-child(-n+3) {\n        border-bottom:1px solid var(--line);\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:767px) {\n\n    .clapi-fireworks-container {\n        display:block;\n\n        width:100%!important;\n        max-width:none!important;\n\n        margin:0 auto!important;\n\n        padding-left:22px!important;\n        padding-right:22px!important;\n    }\n\n\n    \/* HERO *\/\n\n    .clapi-fireworks-hero {\n        min-height:580px;\n\n        background-image:\n            linear-gradient(\n                0deg,\n                rgba(25,28,31,.91) 0%,\n                rgba(25,28,31,.57) 67%,\n                rgba(25,28,31,.27) 100%\n            ),\n            var(--hero-photo);\n\n        background-position:center;\n    }\n\n    .clapi-fireworks-hero-inner {\n        width:100%!important;\n        max-width:none!important;\n\n        margin:0!important;\n\n        padding:85px 22px 38px!important;\n    }\n\n    .clapi-fireworks-hero h1 {\n        max-width:100%;\n\n        font-size:34px!important;\n        line-height:1.08!important;\n        letter-spacing:-.03em!important;\n    }\n\n    .clapi-fireworks-hero-soft {\n        max-width:100%;\n\n        margin-top:16px!important;\n\n        font-size:22px!important;\n        line-height:1.22!important;\n    }\n\n    .clapi-fireworks-hero-intro {\n        margin-top:22px!important;\n\n        font-size:12.5px!important;\n        line-height:1.75!important;\n    }\n\n    .clapi-fireworks-hero-bottom {\n        display:flex!important;\n        flex-wrap:nowrap!important;\n\n        width:100%!important;\n        max-width:100%!important;\n\n        gap:8px!important;\n\n        margin-top:25px!important;\n        padding-top:16px!important;\n    }\n\n    .clapi-fireworks-hero-bottom span {\n        flex:0 1 auto!important;\n        min-width:0!important;\n\n        font-size:7.5px!important;\n        line-height:1.35!important;\n\n        letter-spacing:.055em!important;\n\n        color:rgba(255,255,255,.78)!important;\n\n        white-space:nowrap!important;\n    }\n\n    .clapi-fireworks-hero-bottom i {\n        width:2px!important;\n        height:2px!important;\n        flex:0 0 2px!important;\n    }\n\n\n    \/* GLOBAL *\/\n\n    .clapi-fireworks-section,\n    .clapi-fireworks-faq,\n    .clapi-fireworks-cta,\n    .clapi-fireworks-lead {\n        padding:68px 0;\n    }\n\n    .clapi-fireworks h2 {\n        font-size:29px;\n    }\n\n    .clapi-fireworks-split,\n    .clapi-fireworks-dates-header,\n    .clapi-fireworks-evening-header,\n    .clapi-fireworks-yachts-header,\n    .clapi-fireworks-cta-grid,\n    .clapi-fireworks-faq-layout,\n    .clapi-fireworks-lead-grid {\n        display:grid!important;\n\n        grid-template-columns:minmax(0,1fr)!important;\n\n        gap:30px!important;\n\n        width:100%!important;\n        min-width:0!important;\n    }\n\n\n    \/* FILLOUT *\/\n\n    .clapi-fireworks-lead-copy {\n        padding-top:0;\n    }\n\n    .clapi-fireworks-form-shell {\n        width:100%;\n        min-width:0;\n\n        padding:7px;\n    }\n\n    .clapi-fireworks-form-shell iframe {\n        width:100%!important;\n        max-width:100%!important;\n        height:620px;\n    }\n\n\n    \/* DATES *\/\n\n    .clapi-fireworks-next-edition {\n        grid-template-columns:1fr;\n    }\n\n    .clapi-fireworks-next-year {\n        padding:30px 0;\n\n        border-right:0;\n        border-bottom:1px solid rgba(255,255,255,.17);\n    }\n\n    .clapi-fireworks-next-info {\n        padding:30px 0;\n    }\n\n    .clapi-fireworks-archive-dates {\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .clapi-fireworks-archive-date {\n        border-bottom:1px solid rgba(255,255,255,.14);\n    }\n\n    .clapi-fireworks-show-grid {\n        grid-template-columns:1fr;\n    }\n\n    .clapi-fireworks-show,\n    .clapi-fireworks-show:first-child {\n        padding:30px 0;\n\n        border-right:0;\n        border-bottom:1px solid rgba(255,255,255,.17);\n    }\n\n\n    \/* BENEFITS *\/\n\n    .clapi-fireworks-benefits {\n        grid-template-columns:1fr;\n    }\n\n    .clapi-fireworks-benefit,\n    .clapi-fireworks-benefit:first-child {\n        padding:27px 0;\n\n        border-right:0;\n        border-bottom:1px solid var(--line);\n    }\n\n\n    \/* TIMELINE *\/\n\n    .clapi-fireworks-timeline {\n        grid-template-columns:1fr;\n    }\n\n    .clapi-fireworks-moment,\n    .clapi-fireworks-moment:first-child {\n        min-height:0;\n\n        padding:25px 0;\n\n        border-right:0;\n        border-bottom:1px solid var(--line);\n    }\n\n    .clapi-fireworks-moment-time {\n        margin-bottom:17px;\n    }\n\n    .clapi-fireworks-experience-photo {\n        height:390px;\n    }\n\n    .clapi-fireworks-experience-label {\n        left:22px;\n        right:22px;\n        bottom:25px;\n    }\n\n\n    \/* POSITION *\/\n\n    .clapi-fireworks-position-grid {\n        grid-template-columns:1fr;\n        gap:38px;\n    }\n\n    .clapi-fireworks-position,\n    .clapi-fireworks-position:nth-child(2) {\n        margin-top:0;\n    }\n\n\n    \/* YACHTS *\/\n\n    .clapi-fireworks-yacht-gallery {\n        grid-template-columns:1fr;\n    }\n\n    .clapi-fireworks-yacht-card,\n    .clapi-fireworks-yacht-card:nth-child(2),\n    .clapi-fireworks-yacht-card:nth-child(3) {\n        min-height:270px;\n        margin-top:0;\n    }\n\n\n    \/* LIEUX *\/\n\n    .clapi-fireworks-place-grid,\n    .clapi-fireworks-other-grid,\n    .clapi-fireworks-discover-grid {\n        grid-template-columns:1fr;\n    }\n\n    .clapi-fireworks-place,\n    .clapi-fireworks-place:first-child,\n    .clapi-fireworks-other,\n    .clapi-fireworks-other:first-child {\n        padding:27px 0;\n\n        border-right:0;\n        border-bottom:1px solid var(--line);\n    }\n\n\n    \/* CLAPI *\/\n\n    .clapi-fireworks-clapi {\n        grid-template-columns:1fr;\n        min-height:0;\n    }\n\n    .clapi-fireworks-clapi-photo {\n        min-height:390px;\n        height:390px;\n    }\n\n    .clapi-fireworks-clapi-content {\n        padding:65px 22px;\n    }\n\n\n    \/* DISCOVER *\/\n\n    .clapi-fireworks-discover-link,\n    .clapi-fireworks-discover-link:first-child {\n        min-height:160px;\n\n        padding:25px 0;\n\n        border-right:0;\n    }\n\n\n    \/* FAQ MOBILE : ANTI OVERFLOW *\/\n\n    .clapi-fireworks-faq {\n        width:100%!important;\n        max-width:100%!important;\n\n        overflow:hidden!important;\n    }\n\n    .clapi-fireworks-faq-layout {\n        width:100%!important;\n        max-width:100%!important;\n        min-width:0!important;\n    }\n\n    .clapi-fireworks-faq-intro {\n        position:static;\n\n        width:100%;\n        min-width:0;\n        max-width:100%;\n    }\n\n    .clapi-fireworks-faq-list,\n    .clapi-fireworks-faq-item,\n    .clapi-fireworks-faq-item h3 {\n        width:100%!important;\n        min-width:0!important;\n        max-width:100%!important;\n    }\n\n    .clapi-fireworks .clapi-fireworks-faq-trigger,\n    .clapi-fireworks .clapi-fireworks-faq-trigger:hover,\n    .clapi-fireworks .clapi-fireworks-faq-trigger:focus,\n    .clapi-fireworks .clapi-fireworks-faq-trigger:active {\n        grid-template-columns:26px minmax(0,1fr) 16px!important;\n\n        gap:10px!important;\n\n        width:100%!important;\n        min-width:0!important;\n        max-width:100%!important;\n\n        padding:22px 0!important;\n\n        overflow:hidden!important;\n    }\n\n    .clapi-fireworks-faq-question {\n        width:100%!important;\n        min-width:0!important;\n        max-width:100%!important;\n\n        font-size:12.5px!important;\n        line-height:1.55!important;\n\n        white-space:normal!important;\n        overflow-wrap:break-word!important;\n        word-break:normal!important;\n    }\n\n    .clapi-fireworks-faq-plus {\n        width:12px;\n        height:12px;\n        min-width:12px;\n    }\n\n    .clapi-fireworks-faq-plus::before {\n        width:12px;\n    }\n\n    .clapi-fireworks-faq-plus::after {\n        height:12px;\n    }\n\n    .clapi-fireworks-faq-answer p {\n        width:100%!important;\n        max-width:100%!important;\n\n        padding-left:36px!important;\n        padding-right:0!important;\n\n        font-size:12.5px!important;\n    }\n}\n\n<\/style>\n\n\n<div class=\"clapi-fireworks\">\n\n\n<!-- HERO -->\n\n<section class=\"clapi-fireworks-hero\">\n\n    <div class=\"clapi-fireworks-hero-inner\">\n\n        <div class=\"clapi-fireworks-eyebrow\">\n            Cannes \u00b7 \u00c9t\u00e9 \u00b7 Depuis la mer\n        <\/div>\n\n        <h1>\n            FEUX D'ARTIFICES DE CANNES : LES VOIR DEPUIS UN BATEAU\n            <span class=\"clapi-fireworks-hero-soft\">\n                La baie s'illumine. Vous \u00eates aux premi\u00e8res loges.\n            <\/span>\n        <\/h1>\n\n        <p class=\"clapi-fireworks-hero-intro\">\n            Chaque \u00e9t\u00e9, la baie de Cannes devient le th\u00e9\u00e2tre d\u2019un spectacle unique.\n            Depuis un bateau, les feux d\u2019artifice se d\u00e9couvrent sous un angle privil\u00e9gi\u00e9,\n            entre mer calme, coucher de soleil et lumi\u00e8res sur la Croisette.\n        <\/p>\n\n        <div class=\"clapi-fireworks-hero-bottom\">\n            <span>Baie de Cannes<\/span>\n            <i><\/i>\n            <span>Juillet &amp; ao\u00fbt<\/span>\n            <i><\/i>\n            <span>Yacht privatis\u00e9<\/span>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- FESTIVAL -->\n\n<section class=\"clapi-fireworks-section\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-split\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">Festival pyrotechnique<\/div>\n                <h2>Le Festival International d'Art Pyrotechnique de Cannes<\/h2>\n            <\/div>\n\n            <div class=\"clapi-fireworks-copy\">\n\n                <p>\n                    Voir les feux d\u2019artifice de Cannes depuis la mer est une exp\u00e9rience\n                    particuli\u00e8rement recherch\u00e9e pendant l\u2019\u00e9t\u00e9 sur la C\u00f4te d\u2019Azur.\n                    Plusieurs soirs entre juillet et ao\u00fbt, la baie de Cannes accueille\n                    le c\u00e9l\u00e8bre Festival International d\u2019Art Pyrotechnique.\n                <\/p>\n\n                <p>\n                    Chaque \u00e9t\u00e9, des \u00e9quipes internationales pr\u00e9sentent leurs cr\u00e9ations\n                    dans le cadre de cette comp\u00e9tition pyrotechnique, avec des spectacles\n                    synchronis\u00e9s avec la musique.\n                <\/p>\n\n                <div class=\"clapi-fireworks-statement\">\n                    Pendant quelques minutes,\n                    <span>toute la baie de Cannes devient une sc\u00e8ne \u00e0 ciel ouvert.<\/span>\n                <\/div>\n\n                <p>\n                    Chaque repr\u00e9sentation dure environ 25 minutes. Les feux sont tir\u00e9s\n                    depuis des barges install\u00e9es dans la baie, g\u00e9n\u00e9ralement face au\n                    secteur de la Croisette et du Carlton, et sont visibles depuis\n                    le littoral comme depuis la mer.\n                <\/p>\n\n                <p>\n                    Une soir\u00e9e peut ainsi \u00eatre int\u00e9gr\u00e9e \u00e0 une\n                    <a class=\"clapi-fireworks-text-link\"\n                       href=\"https:\/\/clapiboats.com\/accueil\/location-yacht-cote-dazur\/\">\n                        location de yacht sur la C\u00f4te d\u2019Azur\n                    <\/a>,\n                    avec navigation, mouillage et retour au port apr\u00e8s le spectacle.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<div class=\"clapi-fireworks-festival-photo\"\n     role=\"img\"\n     aria-label=\"Festival International d'Art Pyrotechnique dans la baie de Cannes\">\n<\/div>\n\n\n\n<!-- FILLOUT -->\n\n<section class=\"clapi-fireworks-lead\">\n\n    <div class=\"clapi-fireworks-container clapi-fireworks-lead-grid\">\n\n        <div class=\"clapi-fireworks-lead-copy\">\n\n            <div class=\"clapi-fireworks-eyebrow\">\n                Votre soir\u00e9e \u00e0 Cannes\n            <\/div>\n\n            <h2>\n                Quel bateau pour votre soir\u00e9e feu d'artifice ?\n            <\/h2>\n\n            <p>\n                Indiquez-nous simplement la date souhait\u00e9e, le nombre de participants\n                et quelques informations sur votre projet. Nous pourrons ensuite vous\n                orienter vers les bateaux les plus adapt\u00e9s.\n            <\/p>\n\n            <div class=\"clapi-fireworks-lead-points\">\n\n                <div class=\"clapi-fireworks-lead-point\">\n                    <span>01<\/span>\n                    <span>Date souhait\u00e9e<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-lead-point\">\n                    <span>02<\/span>\n                    <span>Nombre de participants<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-lead-point\">\n                    <span>03<\/span>\n                    <span>Format de soir\u00e9e recherch\u00e9<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-form-shell\">\n\n            <iframe\n                src=\"https:\/\/embed.fillout.com\/t\/mDp3XGsW8Xus?fillout-embed-id=34586678894150&amp;fillout-embed-type=standard&amp;fillout-embed-parent-page=https%3A%2F%2Fclapiboats.com%2F&amp;fillout-embed-dynamic-resize=true\"\n                width=\"100%\"\n                height=\"600\"\n                frameborder=\"0\"\n                loading=\"lazy\"\n                title=\"Demande de r\u00e9servation Clapi Boats\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- DATES -->\n\n<section class=\"clapi-fireworks-section clapi-fireworks-dates\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-dates-header\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">Prochaine \u00e9dition<\/div>\n                <h2>Dates des feux d'artifice \u00e0 Cannes - \u00c9t\u00e9 2027<\/h2>\n            <\/div>\n\n            <div class=\"clapi-fireworks-dates-copy\">\n\n                <p>\n                    Les dates exactes et la programmation officielle du Festival\n                    International d\u2019Art Pyrotechnique sont publi\u00e9es chaque ann\u00e9e\n                    par la Ville de Cannes.\n                <\/p>\n\n                <p>\n                    La programmation 2027 sera ajout\u00e9e ici d\u00e8s sa publication officielle.\n                    Les soir\u00e9es se d\u00e9roulent traditionnellement pendant la saison estivale,\n                    entre juillet et ao\u00fbt.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-next-edition\">\n\n            <div class=\"clapi-fireworks-next-year\">\n                <span>2027<\/span>\n                <span>Programmation \u00e0 venir<\/span>\n            <\/div>\n\n            <div class=\"clapi-fireworks-next-info\">\n                <p>\n                    Vous souhaitez d\u00e9j\u00e0 pr\u00e9parer une soir\u00e9e en yacht pendant l\u2019\u00e9dition 2027 ?\n                    Nous pouvons identifier les formats de bateaux adapt\u00e9s \u00e0 votre groupe\n                    en attendant la publication du calendrier officiel.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-archive\">\n\n            <div class=\"clapi-fireworks-archive-title\">\n                \u00c9dition pr\u00e9c\u00e9dente \u00b7 Dates 2026\n            <\/div>\n\n            <div class=\"clapi-fireworks-archive-dates\">\n\n                <div class=\"clapi-fireworks-archive-date\">\n                    <strong>04<\/strong><span>Juillet<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-archive-date\">\n                    <strong>14<\/strong><span>Juillet<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-archive-date\">\n                    <strong>22<\/strong><span>Juillet<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-archive-date\">\n                    <strong>04<\/strong><span>Ao\u00fbt<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-archive-date\">\n                    <strong>15<\/strong><span>Ao\u00fbt<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-archive-date\">\n                    <strong>24<\/strong><span>Ao\u00fbt<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-shows\">\n\n            <div class=\"clapi-fireworks-show-grid\">\n\n\n                <article class=\"clapi-fireworks-show\">\n\n                    <span class=\"clapi-fireworks-show-date\">\n                        4 ao\u00fbt 2026 \u00b7 22h \u00b7 Baie de Cannes\n                    <\/span>\n\n                    <h3>Lux Abyssus<\/h3>\n\n                    <span class=\"clapi-fireworks-show-subtitle\">\n                        Le Chant de l\u2019Oc\u00e9an\n                    <\/span>\n\n                    <p>\n                        Imagin\u00e9 par Mathieu Infanti, Lux Abyssus plonge le spectateur\n                        dans l\u2019univers de l\u2019oc\u00e9an et de ses profondeurs. La cr\u00e9ation\n                        \u00e9voque successivement la lumi\u00e8re, la naissance de la vie,\n                        la fragilit\u00e9 du monde marin puis la puissance de la temp\u00eate,\n                        avant un retour plus po\u00e9tique vers la surface.\n                    <\/p>\n\n                    <div class=\"clapi-fireworks-show-meta\">\n                        Concepteur : Mathieu Infanti\n                    <\/div>\n\n                    <div class=\"clapi-fireworks-music\">\n\n                        <span class=\"clapi-fireworks-music-label\">\n                            S\u00e9lection musicale\n                        <\/span>\n\n                        <span class=\"clapi-fireworks-track\"><strong>Abysses<\/strong> \u00b7 Scylla<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Our Origin<\/strong> \u00b7 Armin van Buuren<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>The Big Blue Overture<\/strong> \u00b7 \u00c9ric Serra<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Aquarium<\/strong> \u00b7 Gisle Martens Meyer \/ Camille Saint-Sa\u00ebns<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>The Ocean Is Not Infinite<\/strong> \u00b7 Armand Amar<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Storm<\/strong> \u00b7 Worakls &amp; Rusanda Panfili<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>The Great Wave of Kanagawa<\/strong> \u00b7 Sven Gerrlich<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>La Mer<\/strong> \u00b7 Charles Trenet<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>How Far I\u2019ll Go<\/strong> \u00b7 Royal Philharmonic Orchestra<\/span>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"clapi-fireworks-show\">\n\n                    <span class=\"clapi-fireworks-show-date\">\n                        15 ao\u00fbt 2026 \u00b7 22h \u00b7 Baie de Cannes\n                    <\/span>\n\n                    <h3>Brume en Feu<\/h3>\n\n                    <span class=\"clapi-fireworks-show-subtitle\">\n                        Cr\u00e9ation musicale et pyrotechnique\n                    <\/span>\n\n                    <p>\n                        Con\u00e7u par Johan Hollander, Brume en Feu joue sur les contrastes.\n                        Une brume basse accompagne les premi\u00e8res s\u00e9quences avant des\n                        compositions rouges et dor\u00e9es, puis bleues et violettes.\n                        La seconde partie gagne progressivement en intensit\u00e9 avec\n                        des tonalit\u00e9s rouges, roses et \u00e9lectriques.\n                    <\/p>\n\n                    <div class=\"clapi-fireworks-show-meta\">\n                        Concepteur : Johan Hollander\n                    <\/div>\n\n                    <div class=\"clapi-fireworks-music\">\n\n                        <span class=\"clapi-fireworks-music-label\">\n                            S\u00e9lection musicale\n                        <\/span>\n\n                        <span class=\"clapi-fireworks-track\"><strong>Cry of the Celts<\/strong> \u00b7 Ronan Hardiman<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Beethoven<\/strong> \u00b7 Trans-Siberian Orchestra<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Children<\/strong> \u00b7 Alex Christensen &amp; The Berlin Orchestra<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>The Lonely Shepherd<\/strong> \u00b7 Gheorghe Zamfir<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>I Was Made for Lovin\u2019 You<\/strong> \u00b7 Yungblud<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>On and On and On<\/strong> \u00b7 Klara Hammarstr\u00f6m<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Black Velvet<\/strong> \u00b7 Erik Gr\u00f6nwall<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Tattoo<\/strong> \u00b7 Loreen<\/span>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"clapi-fireworks-show\">\n\n                    <span class=\"clapi-fireworks-show-date\">\n                        24 ao\u00fbt 2026 \u00b7 22h \u00b7 Hors comp\u00e9tition\n                    <\/span>\n\n                    <h3>Tout est dans les \u00e9toiles<\/h3>\n\n                    <span class=\"clapi-fireworks-show-subtitle\">\n                        Voyage cosmique\n                    <\/span>\n\n                    <p>\n                        Imagin\u00e9e par Jaroslav Stolba, cette cr\u00e9ation explore les \u00e9toiles\n                        comme symboles du pass\u00e9, du futur, des souhaits et du destin.\n                        La mise en sc\u00e8ne m\u00eale imaginaire cosmique, ambiance r\u00e9tro-futuriste\n                        et s\u00e9quences rock dans une progression spectaculaire.\n                    <\/p>\n\n                    <div class=\"clapi-fireworks-show-meta\">\n                        Concepteur : Jaroslav Stolba\n                    <\/div>\n\n                    <div class=\"clapi-fireworks-music\">\n\n                        <span class=\"clapi-fireworks-music-label\">\n                            S\u00e9lection musicale\n                        <\/span>\n\n                        <span class=\"clapi-fireworks-track\"><strong>Our Destiny<\/strong> \u00b7 Thomas Bergersen<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Heart of Courage<\/strong> \u00b7 Thomas Bergersen<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Two Hearts<\/strong> \u00b7 Thomas Bergersen<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Running Up That Hill<\/strong> \u00b7 Kate Bush<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>We Care a Lot<\/strong> \u00b7 Faith No More<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Separate Ways<\/strong> \u00b7 Journey \/ Brice Miller Remix<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>Heathens<\/strong> \u00b7 Twenty One Pilots<\/span>\n                        <span class=\"clapi-fireworks-track\"><strong>I\u2019m Always Chasing Rainbows<\/strong> \u00b7 Alice Cooper<\/span>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- POURQUOI -->\n\n<section class=\"clapi-fireworks-section\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-split\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">Depuis la mer<\/div>\n                <h2>Pourquoi voir les feux d'artifice depuis un bateau ?<\/h2>\n            <\/div>\n\n            <div class=\"clapi-fireworks-copy\">\n\n                <p>\n                    Pendant les soir\u00e9es du festival, les plages et la Croisette\n                    se remplissent rapidement. Les points de vue les plus recherch\u00e9s\n                    sont souvent occup\u00e9s plusieurs heures avant le spectacle.\n                <\/p>\n\n                <p>\n                    Depuis un bateau, l\u2019exp\u00e9rience change compl\u00e8tement.\n                    La mer devient un v\u00e9ritable amphith\u00e9\u00e2tre naturel face au spectacle,\n                    avec une perspective ouverte sur Cannes et toute la baie.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-benefits\">\n\n            <div class=\"clapi-fireworks-benefit\">\n                <span class=\"clapi-fireworks-number\">01<\/span>\n                <div class=\"clapi-fireworks-benefit-title\">Vue panoramique<\/div>\n                <p>Une perspective ouverte sur la baie et la Croisette.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-benefit\">\n                <span class=\"clapi-fireworks-number\">02<\/span>\n                <div class=\"clapi-fireworks-benefit-title\">Distance id\u00e9ale<\/div>\n                <p>Le capitaine recherche un positionnement adapt\u00e9 dans le respect du dispositif maritime.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-benefit\">\n                <span class=\"clapi-fireworks-number\">03<\/span>\n                <div class=\"clapi-fireworks-benefit-title\">Cadre privil\u00e9gi\u00e9<\/div>\n                <p>Votre groupe profite de son propre espace \u00e0 bord, loin de la foule du littoral.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-benefit\">\n                <span class=\"clapi-fireworks-number\">04<\/span>\n                <div class=\"clapi-fireworks-benefit-title\">Ambiance \u00e0 bord<\/div>\n                <p>Ap\u00e9ritif, musique et d\u00eener l\u00e9ger selon le yacht et la formule choisis.<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- SOIR\u00c9E TYPE -->\n\n<section class=\"clapi-fireworks-section clapi-fireworks-evening\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-evening-header\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">One perfect evening<\/div>\n                <h2>Une soir\u00e9e type en bateau pendant les feux d'artifice<\/h2>\n            <\/div>\n\n            <div class=\"clapi-fireworks-copy\">\n\n                <p>\n                    Une sortie en mer pour les feux d\u2019artifice commence g\u00e9n\u00e9ralement\n                    en fin de journ\u00e9e depuis Cannes ou Antibes. Le programme peut\n                    combiner navigation, baignade, coucher de soleil et spectacle\n                    dans la baie.\n                <\/p>\n\n                <p>\n                    Avant de revenir vers Cannes, une\n                    <a class=\"clapi-fireworks-text-link\"\n                       href=\"https:\/\/clapiboats.com\/accueil\/itineraires-cote-dazur\/cannes-iles-de-lerins-cap-antibes\/\">\n                        navigation vers les \u00eeles de L\u00e9rins\n                    <\/a>\n                    permet de profiter pleinement de la fin d\u2019apr\u00e8s-midi.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-timeline\">\n\n            <div class=\"clapi-fireworks-moment\">\n                <span class=\"clapi-fireworks-moment-time\">01<\/span>\n                <span class=\"clapi-fireworks-moment-label\">Embarquement<\/span>\n                <p>D\u00e9part en fin d\u2019apr\u00e8s-midi depuis Cannes ou Antibes.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-moment\">\n                <span class=\"clapi-fireworks-moment-time\">02<\/span>\n                <span class=\"clapi-fireworks-moment-label\">L\u00e9rins<\/span>\n                <p>Navigation et mouillage autour des \u00eeles.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-moment\">\n                <span class=\"clapi-fireworks-moment-time\">03<\/span>\n                <span class=\"clapi-fireworks-moment-label\">Golden hour<\/span>\n                <p>Retour progressif vers Cannes au coucher du soleil.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-moment\">\n                <span class=\"clapi-fireworks-moment-time\">04<\/span>\n                <span class=\"clapi-fireworks-moment-label\">Ap\u00e9ritif<\/span>\n                <p>Boissons ou d\u00eener l\u00e9ger selon la formule choisie.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-moment\">\n                <span class=\"clapi-fireworks-moment-time\">05<\/span>\n                <span class=\"clapi-fireworks-moment-label\">Showtime<\/span>\n                <p>Mouillage dans la baie avant le d\u00e9but du spectacle.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-moment\">\n                <span class=\"clapi-fireworks-moment-time\">06<\/span>\n                <span class=\"clapi-fireworks-moment-label\">Retour de nuit<\/span>\n                <p>Navigation vers le port apr\u00e8s le feu d\u2019artifice.<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<div class=\"clapi-fireworks-experience-photo\"\n     role=\"img\"\n     aria-label=\"Soir\u00e9e en yacht au coucher du soleil dans la baie de Cannes\">\n\n    <div class=\"clapi-fireworks-experience-label\">\n        Du coucher du soleil aux premi\u00e8res lumi\u00e8res dans le ciel de Cannes.\n    <\/div>\n\n<\/div>\n\n\n\n<!-- POSITIONNEMENT -->\n\n<section class=\"clapi-fireworks-section\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-split\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">Dans la baie<\/div>\n                <h2>O\u00f9 se positionnent les bateaux pendant les feux d'artifice ?<\/h2>\n            <\/div>\n\n            <div class=\"clapi-fireworks-copy\">\n\n                <p>\n                    Les bateaux se positionnent g\u00e9n\u00e9ralement dans la baie face\n                    \u00e0 la Croisette, dans le respect des r\u00e8gles de navigation et\n                    des distances de s\u00e9curit\u00e9 d\u00e9finies par les autorit\u00e9s maritimes.\n                <\/p>\n\n                <p>\n                    Pendant ces soir\u00e9es, de nombreux yachts et bateaux rejoignent\n                    la baie. Le capitaine adapte le mouillage aux conditions,\n                    aux restrictions applicables et au trafic maritime.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-position-grid\">\n\n            <div class=\"clapi-fireworks-position\">\n                <span class=\"clapi-fireworks-number\">01<\/span>\n                <h3>Face au Palais des Festivals<\/h3>\n                <p>Une perspective directe sur Cannes et le c\u0153ur du spectacle.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-position\">\n                <span class=\"clapi-fireworks-number\">02<\/span>\n                <h3>Entre la Croisette et les \u00eeles de L\u00e9rins<\/h3>\n                <p>Une zone ouverte permettant de conserver une belle perspective sur l\u2019ensemble de la baie.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-position\">\n                <span class=\"clapi-fireworks-number\">03<\/span>\n                <h3>Zones de s\u00e9curit\u00e9<\/h3>\n                <p>Le positionnement reste soumis au dispositif maritime mis en place par les autorit\u00e9s pour chaque soir\u00e9e.<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- YACHTS -->\n\n<section class=\"clapi-fireworks-section clapi-fireworks-yachts\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-yachts-header\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">Votre bateau<\/div>\n                <h2>Yachts disponibles au d\u00e9part de Cannes<\/h2>\n            <\/div>\n\n            <div>\n\n                <p>\n                    D\u00e9couvrez les mod\u00e8les les plus adapt\u00e9s pour assister aux\n                    feux d'artifice de Cannes depuis la mer. Day boats, yachts\n                    interm\u00e9diaires et grandes unit\u00e9s permettent d\u2019adapter la\n                    soir\u00e9e au nombre de participants et \u00e0 l\u2019exp\u00e9rience recherch\u00e9e.\n                <\/p>\n\n                <p>\n                    Retrouvez \u00e9galement notre s\u00e9lection pour une\n                    <a class=\"clapi-fireworks-text-link\"\n                       style=\"color:#fff!important;\"\n                       href=\"https:\/\/clapiboats.com\/accueil\/location-yacht-cote-dazur\/de-cannes-a-antibes\/\">\n                        location de bateau entre Cannes et Antibes\n                    <\/a>.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-yacht-gallery\">\n\n            <a class=\"clapi-fireworks-yacht-card clapi-fireworks-yacht-1\"\n               href=\"https:\/\/clapiboats.com\/accueil\/location-yacht-cote-dazur\/de-cannes-a-antibes\/\">\n\n                <div class=\"clapi-fireworks-yacht-card-content\">\n                    <span class=\"clapi-fireworks-yacht-card-label\">Cannes \u00b7 Day boats<\/span>\n                    <span class=\"clapi-fireworks-yacht-card-title\">Formats ouverts<\/span>\n                <\/div>\n\n                <span class=\"clapi-fireworks-yacht-card-arrow\">\u2192<\/span>\n            <\/a>\n\n\n            <a class=\"clapi-fireworks-yacht-card clapi-fireworks-yacht-2\"\n               href=\"https:\/\/clapiboats.com\/accueil\/location-yacht-cote-dazur\/yachts-catamarans\/\">\n\n                <div class=\"clapi-fireworks-yacht-card-content\">\n                    <span class=\"clapi-fireworks-yacht-card-label\">Plus d\u2019espace<\/span>\n                    <span class=\"clapi-fireworks-yacht-card-title\">Yachts &amp; grandes unit\u00e9s<\/span>\n                <\/div>\n\n                <span class=\"clapi-fireworks-yacht-card-arrow\">\u2192<\/span>\n            <\/a>\n\n\n            <a class=\"clapi-fireworks-yacht-card clapi-fireworks-yacht-3\"\n               href=\"https:\/\/clapiboats.com\/accueil\/location-yacht-cote-dazur\/\">\n\n                <div class=\"clapi-fireworks-yacht-card-content\">\n                    <span class=\"clapi-fireworks-yacht-card-label\">Riviera<\/span>\n                    <span class=\"clapi-fireworks-yacht-card-title\">Toute la flotte<\/span>\n                <\/div>\n\n                <span class=\"clapi-fireworks-yacht-card-arrow\">\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- MEILLEURS ENDROITS -->\n\n<section class=\"clapi-fireworks-section clapi-fireworks-places\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-split\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">Cannes<\/div>\n                <h2>Les meilleurs endroits pour voir les feux d'artifice \u00e0 Cannes<\/h2>\n            <\/div>\n\n            <div class=\"clapi-fireworks-copy\">\n                <p>\n                    La configuration de la baie permet d\u2019observer le spectacle\n                    depuis plusieurs points de vue. L\u2019exp\u00e9rience varie fortement\n                    selon que l\u2019on se trouve sur le littoral, en hauteur ou\n                    directement sur l\u2019eau.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-place-grid\">\n\n            <div class=\"clapi-fireworks-place\">\n                <span class=\"clapi-fireworks-number\">01<\/span>\n                <h3>La Croisette<\/h3>\n                <p>Le point de vue le plus populaire, mais \u00e9galement l\u2019un des plus fr\u00e9quent\u00e9s.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-place\">\n                <span class=\"clapi-fireworks-number\">02<\/span>\n                <h3>Le Suquet<\/h3>\n                <p>La vieille ville offre une perspective panoramique sur l\u2019ensemble de la baie.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-place\">\n                <span class=\"clapi-fireworks-number\">03<\/span>\n                <h3>Les \u00eeles de L\u00e9rins<\/h3>\n                <p>Un environnement naturel exceptionnel, mais plus \u00e9loign\u00e9 du c\u0153ur du tir.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-place\">\n                <span class=\"clapi-fireworks-number\">04<\/span>\n                <h3>Depuis un bateau dans la baie<\/h3>\n                <p>Une perspective particuli\u00e8rement d\u00e9gag\u00e9e avec Cannes illumin\u00e9e en arri\u00e8re-plan.<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- AUTRES FEUX -->\n\n<section class=\"clapi-fireworks-section\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-split\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">C\u00f4te d'Azur<\/div>\n                <h2>Autres feux d'artifice sur la C\u00f4te d'Azur<\/h2>\n            <\/div>\n\n            <div class=\"clapi-fireworks-copy\">\n\n                <p>\n                    Cannes n\u2019est pas la seule ville de la Riviera \u00e0 proposer\n                    des soir\u00e9es pyrotechniques pendant l\u2019\u00e9t\u00e9. Selon le calendrier,\n                    des sorties en mer peuvent \u00e9galement \u00eatre organis\u00e9es pour\n                    certains \u00e9v\u00e9nements \u00e0 Antibes, Nice ou Monaco.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-other-grid\">\n\n            <div class=\"clapi-fireworks-other\">\n                <span class=\"clapi-fireworks-number\">01<\/span>\n                <span class=\"clapi-fireworks-other-city\">Antibes<\/span>\n                <p>Feux et \u00e9v\u00e9nements estivaux selon la programmation locale.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-other\">\n                <span class=\"clapi-fireworks-number\">02<\/span>\n                <span class=\"clapi-fireworks-other-city\">Nice<\/span>\n                <p>Une perspective maritime ouverte sur la baie des Anges.<\/p>\n            <\/div>\n\n            <div class=\"clapi-fireworks-other\">\n                <span class=\"clapi-fireworks-number\">03<\/span>\n                <span class=\"clapi-fireworks-other-city\">Monaco<\/span>\n                <p>Des \u00e9v\u00e9nements saisonniers visibles depuis la mer selon le calendrier.<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- CLAPI -->\n\n<section class=\"clapi-fireworks-clapi\">\n\n    <div class=\"clapi-fireworks-clapi-photo\"\n         role=\"img\"\n         aria-label=\"Sortie en yacht avec Clapi Boats \u00e0 Cannes\">\n    <\/div>\n\n    <div class=\"clapi-fireworks-clapi-content\">\n\n        <div class=\"clapi-fireworks-clapi-inner\">\n\n            <div class=\"clapi-fireworks-eyebrow\">Clapi Boats<\/div>\n\n            <h2>Voir les feux d'artifice de Cannes avec Clapi Boats<\/h2>\n\n            <p>\n                Clapi Boats organise des sorties en mer depuis Cannes et Antibes,\n                ainsi que depuis Nice ou Monaco selon le spectacle et le programme souhait\u00e9.\n            <\/p>\n\n            <p>\n                Nous vous aidons \u00e0 choisir le bateau, organiser le programme,\n                pr\u00e9voir un ap\u00e9ritif ou un d\u00eener \u00e0 bord et coordonner les horaires\n                de navigation avec le spectacle.\n            <\/p>\n\n            <p>\n                La soir\u00e9e peut \u00e9galement s\u2019inscrire dans l\u2019organisation d\u2019un\n                <a class=\"clapi-fireworks-text-link\"\n                   href=\"https:\/\/clapiboats.com\/accueil\/evenements-yacht-cote-dazur\/\">\n                    \u00e9v\u00e9nement en yacht sur la C\u00f4te d\u2019Azur\n                <\/a>,\n                pour un anniversaire, une soir\u00e9e entre amis ou un \u00e9v\u00e9nement priv\u00e9.\n            <\/p>\n\n            <div class=\"clapi-fireworks-clapi-list\">\n\n                <div class=\"clapi-fireworks-clapi-item\">\n                    <span>Choix du bateau<\/span><span>01<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-clapi-item\">\n                    <span>Programme de la soir\u00e9e<\/span><span>02<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-clapi-item\">\n                    <span>Ap\u00e9ritif ou d\u00eener \u00e0 bord<\/span><span>03<\/span>\n                <\/div>\n\n                <div class=\"clapi-fireworks-clapi-item\">\n                    <span>Coordination du timing<\/span><span>04<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- MAILLAGE -->\n\n<section class=\"clapi-fireworks-section\">\n\n    <div class=\"clapi-fireworks-container\">\n\n        <div class=\"clapi-fireworks-split\">\n\n            <div>\n                <div class=\"clapi-fireworks-eyebrow\">Autour de Cannes<\/div>\n                <h2>Envie de prolonger l'exp\u00e9rience ?<\/h2>\n            <\/div>\n\n            <div class=\"clapi-fireworks-copy\">\n                <p>\n                    Une soir\u00e9e feu d\u2019artifice peut \u00eatre l\u2019occasion de d\u00e9couvrir\n                    les \u00eeles de L\u00e9rins et les mouillages autour de Cannes avant\n                    de rejoindre la baie en fin de journ\u00e9e.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-discover-grid\">\n\n            <a class=\"clapi-fireworks-discover-link\"\n               href=\"https:\/\/clapiboats.com\/accueil\/itineraires-cote-dazur\/cannes-iles-de-lerins-cap-antibes\/\">\n\n                <span class=\"clapi-fireworks-discover-type\">Itin\u00e9raire<\/span>\n                <span class=\"clapi-fireworks-discover-title\">\n                    Cannes, \u00eeles de L\u00e9rins et Cap d\u2019Antibes\n                <\/span>\n                <span class=\"clapi-fireworks-discover-arrow\">\u2192<\/span>\n            <\/a>\n\n\n            <a class=\"clapi-fireworks-discover-link\"\n               href=\"https:\/\/clapiboats.com\/blog\/destinations-itineraires\/legendes-iles-de-lerins\/\">\n\n                <span class=\"clapi-fireworks-discover-type\">\u00c0 d\u00e9couvrir<\/span>\n                <span class=\"clapi-fireworks-discover-title\">\n                    Les l\u00e9gendes des \u00eeles de L\u00e9rins\n                <\/span>\n                <span class=\"clapi-fireworks-discover-arrow\">\u2192<\/span>\n            <\/a>\n\n\n            <a class=\"clapi-fireworks-discover-link\"\n               href=\"https:\/\/clapiboats.com\/blog\/destinations-itineraires\/plus-belles-criques-mouillages-cote-azur-bateau\/\">\n\n                <span class=\"clapi-fireworks-discover-type\">Inspiration<\/span>\n                <span class=\"clapi-fireworks-discover-title\">\n                    Les plus belles criques et mouillages de la C\u00f4te d\u2019Azur\n                <\/span>\n                <span class=\"clapi-fireworks-discover-arrow\">\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- CTA -->\n\n<section class=\"clapi-fireworks-cta\">\n\n    <div class=\"clapi-fireworks-container clapi-fireworks-cta-grid\">\n\n        <div>\n\n            <div class=\"clapi-fireworks-eyebrow\">\n                Cannes \u00b7 Depuis la mer\n            <\/div>\n\n            <h2>\n                Envie de voir les feux d'artifice de Cannes depuis la mer ?\n            <\/h2>\n\n        <\/div>\n\n        <div>\n\n            <p>\n                Indiquez-nous la date souhait\u00e9e et le nombre de participants.\n                Nous vous proposerons les bateaux les plus adapt\u00e9s pour profiter\n                du spectacle dans la baie de Cannes.\n            <\/p>\n\n            <a class=\"clapi-fireworks-button\" href=\"https:\/\/forms.fillout.com\/t\/mDp3XGsW8Xus\" target=\"_blank\" rel=\"noopener\">\n\n                <span class=\"clapi-fireworks-button-text\">\n                    \u00c9tudier les disponibilit\u00e9s\n                <\/span>\n\n                <span class=\"clapi-fireworks-button-arrow\">\u2192<\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- FAQ -->\n\n<section class=\"clapi-fireworks-faq\">\n\n    <div class=\"clapi-fireworks-container clapi-fireworks-faq-layout\">\n\n        <div class=\"clapi-fireworks-faq-intro\">\n\n            <div class=\"clapi-fireworks-eyebrow\">\n                Questions fr\u00e9quentes\n            <\/div>\n\n            <h2>\n                FAQ : Feux d'artifice de Cannes en bateau\n            <\/h2>\n\n            <p>\n                Dates, d\u00e9parts, horaires, bateaux et organisation pratique\n                d\u2019une soir\u00e9e dans la baie.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"clapi-fireworks-faq-list\">\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">01<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">Quand ont lieu les feux d'artifice de Cannes ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Le Festival International d\u2019Art Pyrotechnique de Cannes\n                            se d\u00e9roule chaque \u00e9t\u00e9, g\u00e9n\u00e9ralement entre juillet et ao\u00fbt.\n                            Plusieurs dates sont programm\u00e9es dans la baie face \u00e0 la Croisette.\n                            Les dates 2027 seront ajout\u00e9es d\u00e8s leur publication officielle.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">02<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">Peut-on voir les feux d'artifice de Cannes depuis un bateau ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Oui. Depuis un bateau, la baie offre une vue d\u00e9gag\u00e9e\n                            sur le spectacle et la Croisette, dans un environnement\n                            plus calme et confortable que les zones les plus fr\u00e9quent\u00e9es du littoral.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">03<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">D'o\u00f9 partent les bateaux pour cette sortie ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Les d\u00e9parts se font le plus souvent depuis Cannes ou Antibes,\n                            selon le bateau s\u00e9lectionn\u00e9, son port d\u2019attache et le programme\n                            pr\u00e9vu pour la soir\u00e9e.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">04<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">\u00c0 quelle heure commence g\u00e9n\u00e9ralement la sortie ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Les sorties commencent g\u00e9n\u00e9ralement en fin de journ\u00e9e\n                            afin de profiter d\u2019une navigation au coucher du soleil\n                            avant de rejoindre la baie pour le feu d\u2019artifice.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">05<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">Peut-on pr\u00e9voir un ap\u00e9ritif ou un d\u00eener \u00e0 bord ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Oui. Selon le bateau s\u00e9lectionn\u00e9, il est possible de pr\u00e9voir\n                            boissons, ap\u00e9ritif, snacks ou d\u00eener l\u00e9ger avant le spectacle.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">06<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">Quel type de bateau choisir pour une soir\u00e9e feu d'artifice ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Le choix d\u00e9pend du nombre de participants et de l\u2019exp\u00e9rience\n                            recherch\u00e9e. Day boats, yachts de taille interm\u00e9diaire ou unit\u00e9s\n                            plus spacieuses peuvent convenir selon le format souhait\u00e9.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">07<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">Les bateaux peuvent-ils s'approcher du feu d'artifice ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Les bateaux se positionnent dans la baie dans le respect\n                            des distances de s\u00e9curit\u00e9 et des r\u00e8gles d\u00e9finies par les\n                            autorit\u00e9s maritimes pour chaque soir\u00e9e.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">08<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">Est-ce une bonne id\u00e9e pour un anniversaire ou une soir\u00e9e priv\u00e9e ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Oui. Une soir\u00e9e feu d\u2019artifice en bateau convient particuli\u00e8rement\n                            \u00e0 un anniversaire, une soir\u00e9e entre amis, une occasion romantique\n                            ou un \u00e9v\u00e9nement priv\u00e9.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">09<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">Faut-il r\u00e9server \u00e0 l'avance ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Oui. La demande est importante pendant les soir\u00e9es du festival\n                            et les bateaux les plus adapt\u00e9s peuvent \u00eatre r\u00e9serv\u00e9s rapidement\n                            pendant la saison estivale.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n            <article class=\"clapi-fireworks-faq-item\">\n                <h3>\n                    <button class=\"clapi-fireworks-faq-trigger\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"clapi-fireworks-faq-index\">10<\/span>\n                        <span class=\"clapi-fireworks-faq-question\">Organisez-vous aussi ce type de sortie pour d'autres feux d'artifice sur la C\u00f4te d'Azur ?<\/span>\n                        <span class=\"clapi-fireworks-faq-plus\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"clapi-fireworks-faq-answer\">\n                    <div class=\"clapi-fireworks-faq-answer-inner\">\n                        <p>\n                            Oui. Selon la p\u00e9riode et la programmation locale,\n                            des sorties peuvent \u00e9galement \u00eatre organis\u00e9es pour\n                            certains feux d\u2019artifice \u00e0 Antibes, Nice ou Monaco.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<\/div>\n\n\n<script>\n(function () {\n\n    function initClapiFireworksFAQ() {\n\n        const triggers =\n            document.querySelectorAll('.clapi-fireworks-faq-trigger');\n\n        triggers.forEach(function (trigger) {\n\n            if (trigger.dataset.clapiFaqReady === 'true') {\n                return;\n            }\n\n            trigger.dataset.clapiFaqReady = 'true';\n\n            trigger.addEventListener('click', function () {\n\n                const item =\n                    trigger.closest('.clapi-fireworks-faq-item');\n\n                if (!item) {\n                    return;\n                }\n\n                const isOpening =\n                    !item.classList.contains('is-open');\n\n                item.classList.toggle('is-open', isOpening);\n\n                trigger.setAttribute(\n                    'aria-expanded',\n                    isOpening ? 'true' : 'false'\n                );\n\n            });\n\n        });\n\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener(\n            'DOMContentLoaded',\n            initClapiFireworksFAQ\n        );\n    } else {\n        initClapiFireworksFAQ();\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c06873 e-con-full e-flex e-con e-parent\" data-id=\"1c06873\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4c95a5 elementor-widget elementor-widget-html\" data-id=\"f4c95a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   CLAPI BOATS \u00b7 INTERNAL LINKING COMPACT\n   Bloc de sortie avant footer\n   ========================================================= *\/\n\n.clapi-related,\n.clapi-related * {\n    box-sizing:border-box;\n}\n\n.clapi-related {\n    --anthracite:#2C3035;\n    --white:#FFFFFF;\n    --gold:#8A7C5C;\n    --gold-light:#B7AA89;\n    --line:rgba(44,48,53,.11);\n\n    \/* =====================================================\n       PHOTOS \u00c0 REMPLACER\n       ===================================================== *\/\n\n    --photo-1:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2026\/07\/SAY-42-1-scaled.jpg');\n    --photo-2:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2025\/12\/mipim-cannes-yacht-clapi-boats.webp');\n    --photo-3:url('https:\/\/clapiboats.com\/wp-content\/uploads\/2026\/04\/iles-de-lerins-cannes-cote-dazur-2.webp');\n\n    width:100%;\n    overflow:hidden;\n    padding:58px 0 62px;\n    background:var(--white);\n    font-family:'Montserrat',Arial,sans-serif;\n}\n\n.clapi-related-container {\n    width:min(88vw,1380px);\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   PETIT TITRE\n   ========================================================= *\/\n\n.clapi-related-head {\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:30px;\n    margin-bottom:22px;\n}\n\n.clapi-related-eyebrow {\n    display:flex;\n    align-items:center;\n    gap:12px;\n    margin:0;\n    font-size:12px;\n    line-height:1.4;\n    font-weight:700;\n    letter-spacing:.22em;\n    text-transform:uppercase;\n    color:var(--gold);\n}\n\n.clapi-related-eyebrow::before {\n    content:\"\";\n    width:30px;\n    height:1px;\n    flex-shrink:0;\n    background:currentColor;\n}\n\n.clapi-related-note {\n    margin:0;\n    font-size:9px;\n    line-height:1.5;\n    font-weight:600;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n    color:rgba(44,48,53,.38);\n}\n\n\n\/* =========================================================\n   GRID\n\n   3 cartes :\n   50% \/ 25% \/ 25%\n\n   2 cartes :\n   50% \/ 50%\n   ========================================================= *\/\n\n.clapi-related-grid {\n    display:grid;\n    grid-template-columns:2fr 1fr 1fr;\n    gap:12px;\n}\n\n\/* S'il n'y a que 2 cartes *\/\n\n.clapi-related-grid:has(.clapi-related-card:nth-child(2):last-child) {\n    grid-template-columns:1fr 1fr;\n}\n\n\n\/* =========================================================\n   CARTES\n   ========================================================= *\/\n\n.clapi-related-card {\n    position:relative;\n    display:block;\n    min-width:0;\n    height:230px;\n    overflow:hidden;\n    background:var(--anthracite);\n    text-decoration:none !important;\n    color:var(--white) !important;\n}\n\n.clapi-related-card-image {\n    position:absolute;\n    inset:0;\n    background-size:cover;\n    background-position:center;\n    background-repeat:no-repeat;\n    transform:scale(1);\n    transition:transform .6s cubic-bezier(.2,.65,.3,1);\n}\n\n.clapi-related-card--1 .clapi-related-card-image {\n    background-image:var(--photo-1);\n}\n\n.clapi-related-card--2 .clapi-related-card-image {\n    background-image:var(--photo-2);\n}\n\n.clapi-related-card--3 .clapi-related-card-image {\n    background-image:var(--photo-3);\n}\n\n.clapi-related-card::after {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:1;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(24,27,29,.01) 20%,\n            rgba(24,27,29,.08) 47%,\n            rgba(24,27,29,.76) 100%\n        );\n}\n\n.clapi-related-card-content {\n    position:absolute;\n    z-index:2;\n    left:0;\n    right:0;\n    bottom:0;\n    padding:20px 21px 19px;\n}\n\n.clapi-related-card-meta {\n    display:block;\n    margin-bottom:7px;\n    font-size:8px;\n    line-height:1.4;\n    font-weight:700;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    color:var(--gold-light);\n}\n\n.clapi-related-card-bottom {\n    display:grid;\n    grid-template-columns:minmax(0,1fr) 20px;\n    gap:13px;\n    align-items:end;\n}\n\n.clapi-related-card-title {\n    margin:0;\n    max-width:350px;\n    font-size:15px;\n    line-height:1.3;\n    font-weight:500;\n    letter-spacing:-.015em;\n    color:var(--white);\n}\n\n.clapi-related-card--1 .clapi-related-card-title {\n    font-size:18px;\n}\n\n.clapi-related-card-arrow {\n    display:block;\n    justify-self:end;\n    padding-bottom:1px;\n    font-size:18px;\n    line-height:1;\n    font-weight:300;\n    color:var(--gold-light);\n    transition:transform .25s ease;\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n\n@media (hover:hover) {\n\n    .clapi-related-card:hover .clapi-related-card-image {\n        transform:scale(1.035);\n    }\n\n    .clapi-related-card:hover .clapi-related-card-arrow {\n        transform:translateX(4px);\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n.clapi-related-card:focus-visible {\n    outline:2px solid var(--gold);\n    outline-offset:3px;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:767px) {\n\n    .clapi-related {\n        padding:46px 0 50px;\n    }\n\n    .clapi-related-container {\n        width:100% !important;\n        max-width:none !important;\n        margin:0 auto !important;\n        padding-left:22px !important;\n        padding-right:22px !important;\n    }\n\n    .clapi-related-head {\n        margin-bottom:18px;\n    }\n\n    .clapi-related-eyebrow {\n        font-size:10px;\n        letter-spacing:.18em;\n    }\n\n    .clapi-related-eyebrow::before {\n        width:23px;\n    }\n\n    .clapi-related-note {\n        display:none;\n    }\n\n    .clapi-related-grid,\n    .clapi-related-grid:has(.clapi-related-card:nth-child(2):last-child) {\n        grid-template-columns:1fr;\n        gap:10px;\n    }\n\n    .clapi-related-card {\n        height:190px;\n    }\n\n    .clapi-related-card-content {\n        padding:18px;\n    }\n\n    .clapi-related-card-meta {\n        font-size:7.5px;\n    }\n\n    .clapi-related-card-title,\n    .clapi-related-card--1 .clapi-related-card-title {\n        max-width:280px;\n        font-size:16px;\n        line-height:1.3;\n    }\n\n    .clapi-related-card-arrow {\n        font-size:17px;\n    }\n\n}\n\n\n@media (prefers-reduced-motion:reduce) {\n\n    .clapi-related-card-image,\n    .clapi-related-card-arrow {\n        transition:none;\n    }\n\n}\n\n<\/style>\n\n\n<section class=\"clapi-related\">\n\n    <div class=\"clapi-related-container\">\n\n\n        <!-- =================================================\n             TITRE\n             ================================================= -->\n\n        <div class=\"clapi-related-head\">\n\n            <div class=\"clapi-related-eyebrow\">\n                \u00c0 d\u00e9couvrir \u00e9galement\n            <\/div>\n\n            <p class=\"clapi-related-note\">\n                Explorez la Riviera avec Clapi Boats\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =================================================\n             CARTES\n             \n             Pour une version \u00e0 2 cartes :\n             supprimer simplement la CARTE 3.\n             La grille passera automatiquement en 50 \/ 50.\n             ================================================= -->\n\n        <div class=\"clapi-related-grid\">\n\n\n            <!-- =============================================\n                 CARTE 1 \u00b7 PRINCIPALE\n                 ============================================= -->\n\n            <a class=\"clapi-related-card clapi-related-card--1\" href=\"https:\/\/clapiboats.com\/accueil\/location-yacht-cote-dazur\/de-cannes-a-antibes\/\">\n\n                <div class=\"clapi-related-card-image\"><\/div>\n\n                <div class=\"clapi-related-card-content\">\n\n                    <span class=\"clapi-related-card-meta\">\n                        Location \u00b7 Cannes\n                    <\/span>\n\n                    <div class=\"clapi-related-card-bottom\">\n\n                        <h3 class=\"clapi-related-card-title\">\n                            D\u00e9couvrir nos yachts \u00e0 Cannes\n                        <\/h3>\n\n                        <span class=\"clapi-related-card-arrow\"\n                              aria-hidden=\"true\">\n                            \u2192\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =============================================\n                 CARTE 2\n                 ============================================= -->\n\n            <a class=\"clapi-related-card clapi-related-card--2\" href=\"https:\/\/clapiboats.com\/accueil\/evenements-yacht-cote-dazur\/cannes-a-antibes\">\n\n                <div class=\"clapi-related-card-image\"><\/div>\n\n                <div class=\"clapi-related-card-content\">\n\n                    <span class=\"clapi-related-card-meta\">\n                        \u00c9v\u00e9nements\n                    <\/span>\n\n                    <div class=\"clapi-related-card-bottom\">\n\n                        <h3 class=\"clapi-related-card-title\">\n                            Les grands \u00e9v\u00e9nements de la Riviera\n                        <\/h3>\n\n                        <span class=\"clapi-related-card-arrow\"\n                              aria-hidden=\"true\">\n                            \u2192\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =============================================\n                 CARTE 3\n                 \n                 Supprimer ce bloc entier si seulement\n                 2 destinations sont pertinentes.\n                 ============================================= -->\n\n            <a class=\"clapi-related-card clapi-related-card--3\" href=\"https:\/\/clapiboats.com\/accueil\/itineraires-cote-dazur\/\">\n\n                <div class=\"clapi-related-card-image\"><\/div>\n\n                <div class=\"clapi-related-card-content\">\n\n                    <span class=\"clapi-related-card-meta\">\n                        Inspiration\n                    <\/span>\n\n                    <div class=\"clapi-related-card-bottom\">\n\n                        <h3 class=\"clapi-related-card-title\">\n                            Nos itin\u00e9raires sur la C\u00f4te d\u2019Azur\n                        <\/h3>\n\n                        <span class=\"clapi-related-card-arrow\"\n                              aria-hidden=\"true\">\n                            \u2192\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-affa87a e-flex e-con-boxed e-con e-parent\" data-id=\"affa87a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1682a02 elementor-widget elementor-widget-html\" data-id=\"1682a02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Quand ont lieu les feux d\u2019artifice de Cannes ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Le Festival International d\u2019Art Pyrotechnique de Cannes se d\u00e9roule chaque \u00e9t\u00e9, g\u00e9n\u00e9ralement entre juillet et ao\u00fbt. Plusieurs dates sont programm\u00e9es pendant la saison estivale, avec des spectacles tir\u00e9s en baie face \u00e0 la Croisette.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Peut-on voir les feux d\u2019artifice de Cannes depuis un bateau ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui. Voir les feux d\u2019artifice depuis un bateau permet de profiter d\u2019une vue d\u00e9gag\u00e9e sur la baie de Cannes, dans un cadre plus calme et plus confortable que depuis le rivage.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"D\u2019o\u00f9 partent les bateaux pour cette sortie ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Les d\u00e9parts se font le plus souvent depuis Cannes ou Antibes, selon le bateau choisi et le programme de la soir\u00e9e.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u00c0 quelle heure commence g\u00e9n\u00e9ralement la sortie ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Les sorties commencent g\u00e9n\u00e9ralement en fin de journ\u00e9e afin de profiter d\u2019une navigation au coucher du soleil avant le d\u00e9but du feu d\u2019artifice.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Peut-on pr\u00e9voir un ap\u00e9ritif ou un d\u00eener \u00e0 bord ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui. Selon le bateau s\u00e9lectionn\u00e9, il est possible de pr\u00e9voir un ap\u00e9ritif, des boissons ou un d\u00eener l\u00e9ger afin de profiter pleinement de la soir\u00e9e avant le spectacle.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Quel type de bateau choisir pour une soir\u00e9e feu d\u2019artifice ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Le choix d\u00e9pend du nombre de participants et de l\u2019exp\u00e9rience recherch\u00e9e. Day boats, yachts de taille interm\u00e9diaire ou unit\u00e9s plus spacieuses peuvent convenir selon le type de soir\u00e9e souhait\u00e9.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Les bateaux peuvent-ils s\u2019approcher du feu d\u2019artifice ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Les bateaux se positionnent dans la baie dans le respect de la distance de s\u00e9curit\u00e9 d\u00e9finie par les autorit\u00e9s maritimes. Cela permet de profiter du spectacle dans de bonnes conditions tout en respectant les r\u00e8gles en vigueur.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Est-ce une bonne id\u00e9e pour un anniversaire ou une soir\u00e9e priv\u00e9e ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui. Une sortie en bateau pendant les feux d\u2019artifice de Cannes est particuli\u00e8rement adapt\u00e9e pour un anniversaire, une soir\u00e9e entre amis, une occasion romantique ou un \u00e9v\u00e9nement priv\u00e9 en petit comit\u00e9.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Faut-il r\u00e9server \u00e0 l\u2019avance ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui. Les soir\u00e9es de feu d\u2019artifice attirent de nombreux bateaux dans la baie de Cannes et les disponibilit\u00e9s peuvent partir rapidement pendant l\u2019\u00e9t\u00e9. Il est donc conseill\u00e9 d\u2019anticiper la r\u00e9servation.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Organisez-vous aussi ce type de sortie pour d\u2019autres feux d\u2019artifice sur la C\u00f4te d\u2019Azur ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui. Selon la p\u00e9riode et les villes concern\u00e9es, il est \u00e9galement possible d\u2019organiser des sorties en mer pour observer d\u2019autres feux d\u2019artifice sur la C\u00f4te d\u2019Azur, notamment \u00e0 Antibes, Nice ou Monaco.\"\n      }\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bf95c7 e-flex e-con-boxed e-con e-parent\" data-id=\"7bf95c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c65a194 elementor-widget elementor-widget-html\" data-id=\"c65a194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"BreadcrumbList\",\n  \"itemListElement\": [\n    {\n      \"@type\": \"ListItem\",\n      \"position\": 1,\n      \"name\": \"Home\",\n      \"item\": \"https:\/\/clapiboats.com\/\"\n    },\n    {\n      \"@type\": \"ListItem\",\n      \"position\": 2,\n      \"name\": \"\u00c9v\u00e9nements yacht C\u00f4te d\u2019Azur\",\n      \"item\": \"https:\/\/clapiboats.com\/accueil\/evenements-yacht-cote-dazur\/\"\n    },\n    {\n      \"@type\": \"ListItem\",\n      \"position\": 3,\n      \"name\": \"Feux d\u2019artifice Cannes en bateau\",\n      \"item\": \"https:\/\/clapiboats.com\/accueil\/evenements-yacht-cote-dazur\/feux-artifice-cannes\/\"\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cannes \u00b7 \u00c9t\u00e9 \u00b7 Depuis la mer FEUX D&rsquo;ARTIFICES DE CANNES : LES VOIR DEPUIS UN BATEAU La baie s&rsquo;illumine. Vous \u00eates aux premi\u00e8res loges. Chaque \u00e9t\u00e9, la baie de Cannes devient le th\u00e9\u00e2tre d\u2019un spectacle unique. Depuis un bateau, les feux d\u2019artifice se d\u00e9couvrent sous un angle privil\u00e9gi\u00e9, entre mer calme, coucher de soleil [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":886,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7082","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/pages\/7082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/comments?post=7082"}],"version-history":[{"count":46,"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/pages\/7082\/revisions"}],"predecessor-version":[{"id":15623,"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/pages\/7082\/revisions\/15623"}],"up":[{"embeddable":true,"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/pages\/886"}],"wp:attachment":[{"href":"https:\/\/clapiboats.com\/en\/wp-json\/wp\/v2\/media?parent=7082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}