Blue Roch's - Trio Pop\/Rock & Jazz<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <style>\n :root {\n --bg-dark: #0A0E17;\n --bg-card: #131B2E;\n --bg-light: #1A243B;\n --accent-gold: #D4AF37;\n --accent-gold-hover: #F3C63F;\n --accent-blue: #2A52BE;\n --text-main: #F0F4F8;\n --text-muted: #A0AEC0;\n --font-title: 'Playfair Display', serif;\n --font-body: 'Montserrat', sans-serif;\n --radius-card: 16px;\n --transition: all 0.3s ease;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }\n body { background-color: var(--bg-dark); color: var(--text-main); font-family: var(--font-body); line-height: 1.6; overflow-x: hidden; }\n a { color: inherit; text-decoration: none; }\n ul { list-style: none; }\n h1, h2, h3 { font-family: var(--font-title); line-height: 1.2; }\n\n .section-title { font-size: 2.2rem; text-align: center; margin-bottom: 0.5rem; color: var(--text-main); }\n .section-subtitle { text-align: center; color: var(--accent-gold); font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2.5rem; }\n .container { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; }\n\n .btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 26px; border-radius: 50px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: var(--transition); border: none; }\n .btn-primary { background: linear-gradient(135deg, var(--accent-gold), #B38F24); color: #000; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3); }\n .btn-primary:hover { background: linear-gradient(135deg, var(--accent-gold-hover), var(--accent-gold)); transform: translateY(-2px); }\n .btn-secondary { background: transparent; color: var(--text-main); border: 2px solid var(--accent-gold); }\n\n \/* HEADER *\/\n .header { position: sticky; top: 0; width: 100%; z-index: 1000; background: rgba(10, 14, 23, 0.92); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }\n .navbar { display: flex; justify-content: space-between; align-items: center; height: 70px; }\n .logo { font-family: var(--font-title); font-size: 1.6rem; font-weight: 700; color: var(--text-main); }\n .logo span { color: var(--accent-gold); font-style: italic; }\n .nav-links { display: flex; gap: 1.5rem; align-items: center; font-size: 0.85rem; }\n\n \/* HERO *\/\n .hero { \n padding: 130px 0 100px; \n background: linear-gradient(180deg, rgba(10,14,23,0.7) 0%, rgba(10,14,23,0.95) 100%), \n url('https:\/\/images.unsplash.com\/photo-1511671782779-c97d3d27a1d4?auto=format&fit=crop&w=1600&q=80') center\/cover no-repeat; \n text-align: center; \n }\n .hero-badge { display: inline-block; background: rgba(42, 82, 190, 0.3); border: 1px solid rgba(42, 82, 190, 0.6); color: #8CA8FF; padding: 6px 16px; border-radius: 30px; font-size: 0.85rem; font-weight: 600; margin-bottom: 1.2rem; }\n .hero h1 { font-size: 3.2rem; margin-bottom: 1rem; }\n .hero h1 span { color: var(--accent-gold); font-style: italic; }\n .hero p { font-size: 1.15rem; color: var(--text-muted); margin: 0 auto 2rem; max-width: 680px; }\n .hero-buttons { display: flex; gap: 1rem; justify-content: center; }\n\n \/* ABOUT MEMBRES *\/\n .about { padding: 80px 0; background-color: var(--bg-dark); }\n .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: center; }\n .about-image img { width: 100%; height: 420px; object-fit: cover; border-radius: var(--radius-card); border: 2px solid var(--accent-gold); box-shadow: 0 15px 30px rgba(0,0,0,0.5); }\n .about-text p { color: var(--text-muted); margin-bottom: 1.2rem; font-size: 0.95rem; }\n \n .trio-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.5rem; }\n .feature-card { background: var(--bg-card); padding: 1.2rem; border-radius: 12px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.05); }\n .feature-card i { font-size: 1.5rem; color: var(--accent-gold); margin-bottom: 0.5rem; }\n .feature-card h4 { font-size: 0.95rem; margin-bottom: 0.2rem; }\n .feature-card p { font-size: 0.75rem; color: var(--text-muted); margin: 0; }\n\n \/* GALERIE PHOTOS GROUPE *\/\n .gallery-section { padding: 80px 0; background: var(--bg-card); }\n .gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }\n .gallery-item { position: relative; border-radius: var(--radius-card); overflow: hidden; height: 350px; border: 1px solid rgba(255,255,255,0.08); }\n .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: var(--transition); }\n .gallery-item:hover img { transform: scale(1.05); }\n .gallery-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 100%); font-size: 0.95rem; font-weight: 600; color: var(--text-main); text-align: center; }\n\n \/* PRESTATIONS *\/\n .services { padding: 80px 0; background: var(--bg-dark); }\n .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8rem; }\n .service-card { background: var(--bg-card); border-radius: var(--radius-card); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.05); transition: var(--transition); }\n .service-card:hover { transform: translateY(-5px); border-color: var(--accent-gold); }\n .service-img { height: 180px; width: 100%; overflow: hidden; }\n .service-img img { width: 100%; height: 100%; object-fit: cover; }\n .service-content { padding: 1.5rem; }\n .service-card h3 { font-size: 1.25rem; margin-bottom: 0.6rem; }\n .service-card p { color: var(--text-muted); font-size: 0.85rem; margin-bottom: 1rem; }\n .service-card ul li { font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 6px; }\n .service-card ul li i { color: var(--accent-gold); }\n\n \/* CONTACT *\/\n .contact { padding: 80px 0; background: var(--bg-card); }\n .contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; }\n .contact-form { background: var(--bg-light); padding: 2rem; border-radius: var(--radius-card); border: 1px solid rgba(255,255,255,0.05); }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; margin-bottom: 0.8rem; }\n .form-group { margin-bottom: 0.8rem; }\n label { display: block; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.3rem; color: var(--text-muted); }\n input, select, textarea { width: 100%; padding: 10px 12px; background: var(--bg-dark); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; color: var(--text-main); font-size: 0.85rem; }\n\n footer { background: #05070C; padding: 25px 0; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.05); font-size: 0.8rem; color: var(--text-muted); }\n\n @media (max-width: 768px) {\n .about-grid, .services-grid, .gallery-grid, .contact-grid { grid-template-columns: 1fr; }\n .hero h1 { font-size: 2.2rem; }\n .nav-links { display: none; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"header\">\n <div class=\"container\">\n <nav class=\"navbar\">\n <a href=\"#\" class=\"logo\">Blue <span>Roch's<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">Le Groupe<\/a><\/li>\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\n <li><a href=\"#services\">Prestations<\/a><\/li>\n <li><a href=\"#contact\" class=\"btn btn-primary\" style=\"padding: 8px 16px;\">Devis Gratuit<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"hero\">\n <div class=\"container\">\n <span class=\"hero-badge\"><i class=\"fa-solid fa-music\"><\/i> Trio Pop-Rock & Jazz Groove<\/span>\n <h1>Vos standards Pop\/Rock <span>sublim\u00e9s par le Jazz<\/span><\/h1>\n <p>Une chanteuse envo\u00fbtante, un guitariste passionn\u00e9 et un saxophoniste\/percussionniste r\u00e9inventent les plus grands hits pour vos \u00e9v\u00e9nements.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#contact\" class=\"btn btn-primary\"><i class=\"fa-solid fa-calendar-check\"><\/i> R\u00e9server le groupe<\/a>\n <a href=\"#gallery\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-image\"><\/i> D\u00e9couvrir le groupe<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image\">\n \n <img decoding=\"async\" src=\"URL_PHOTO_TRIO_COMPLET\" alt=\"Blue Roch's Trio\">\n <\/div>\n <div class=\"about-text\">\n <h2 class=\"section-title\" style=\"text-align: left;\">Le Trio Blue Roch's<\/h2>\n <p class=\"section-subtitle\" style=\"text-align: left;\">Une complicit\u00e9 musicale naturelle<\/p>\n <p>Sublimant la rencontre entre la Pop\/Rock et les sonorit\u00e9s chaleureuses du Jazz, le trio apporte une vraie pr\u00e9sence vivante et raffin\u00e9e \u00e0 votre \u00e9v\u00e9nement.<\/p>\n <div class=\"trio-features\">\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-microphone-lines\"><\/i>\n <h4>Chant Lead<\/h4>\n <p>Timbre chaleureux<\/p>\n <\/div>\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-guitar\"><\/i>\n <h4>Guitare Jazz<\/h4>\n <p>Harmonies groovy<\/p>\n <\/div>\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-sax-hot\"><\/i>\n <h4>Sax & Percus<\/h4>\n <p>Rythmique dynamique<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"gallery\" class=\"gallery-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Galerie Photos<\/h2>\n <p class=\"section-subtitle\">L'esprit et la convivialit\u00e9 Blue Roch's<\/p>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n \n <img decoding=\"async\" src=\"URL_PHOTO_DUO_LIVE\" alt=\"Prestation Live Duo\">\n <div class=\"gallery-overlay\">Prestation Live \u2014 Duo Chant & Guitare<\/div>\n <\/div>\n <div class=\"gallery-item\">\n \n <img decoding=\"async\" src=\"URL_PHOTO_TRIO_COMPLET\" alt=\"Le Groupe au complet\">\n <div class=\"gallery-overlay\">Le Trio au complet \u2014 Saxophone, Chant & Guitare<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"services\">\n <div class=\"container\">\n <h2 class=\"section-title\">Nos Prestations<\/h2>\n <p class=\"section-subtitle\">Formules adapt\u00e9es \u00e0 vos besoins<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=600&q=80\" alt=\"Mariage\">\n <\/div>\n <div class=\"service-content\">\n <h3>Mariages & R\u00e9ceptions<\/h3>\n <p>Cocktails raffin\u00e9s, vins d'honneur et soir\u00e9es sur-mesure.<\/p>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?auto=format&fit=crop&w=600&q=80\" alt=\"Entreprise\">\n <\/div>\n <div class=\"service-content\">\n <h3>Entreprises & Galas<\/h3>\n <p>Animation professionnelle pour vos soir\u00e9es de gala et cocktails.<\/p>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514933651103-005eec06c04b?auto=format&fit=crop&w=600&q=80\" alt=\"Concert\">\n <\/div>\n <div class=\"service-content\">\n <h3>Lieux Priv\u00e9s & Bars<\/h3>\n <p>Sets dynamiques pour h\u00f4tels, restaurants et \u00e9v\u00e9nements priv\u00e9s.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"contact\">\n <div class=\"container\">\n <div class=\"contact-grid\">\n <div>\n <h2 class=\"section-title\" style=\"text-align:left;\">R\u00e9server le Groupe<\/h2>\n <p class=\"section-subtitle\" style=\"text-align:left;\">Devis sous 24h<\/p>\n <p style=\"color:var(--text-muted); font-size:0.9rem;\">Contactez-nous pour conna\u00eetre nos disponibilit\u00e9s pour votre \u00e9v\u00e9nement.<\/p>\n <\/div>\n <form class=\"contact-form\" onsubmit=\"event.preventDefault();\">\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Nom<\/label><input type=\"text\" placeholder=\"Votre nom\"><\/div>\n <div class=\"form-group\"><label>Email<\/label><input type=\"email\" placeholder=\"votre@email.com\"><\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Type d'\u00e9v\u00e9nement<\/label><select><option>Mariage<\/option><option>Entreprise<\/option><option>Priv\u00e9<\/option><\/select><\/div>\n <div class=\"form-group\"><label>Date<\/label><input type=\"date\"><\/div>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%; justify-content:center; margin-top:0.5rem;\">Envoyer ma demande<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"container\">\n <p>\u00a9 2026 Blue Roch's \u2014 Trio Pop\/Rock & Jazz. Tous droits r\u00e9serv\u00e9s.<\/p>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Blue Roch’s – Trio Pop\/Rock & Jazz Blue Roch’s Le Groupe Galerie Prestations Devis Gratuit Trio Pop-Rock & Jazz Groove […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":5,"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n \n \n Blue Roch's - Trio Pop\/Rock & Jazz<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <style>\n :root {\n --bg-dark: #0A0E17;\n --bg-card: #131B2E;\n --bg-light: #1A243B;\n --accent-gold: #D4AF37;\n --accent-gold-hover: #F3C63F;\n --accent-blue: #2A52BE;\n --text-main: #F0F4F8;\n --text-muted: #A0AEC0;\n --font-title: 'Playfair Display', serif;\n --font-body: 'Montserrat', sans-serif;\n --radius-card: 16px;\n --transition: all 0.3s ease;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }\n body { background-color: var(--bg-dark); color: var(--text-main); font-family: var(--font-body); line-height: 1.6; overflow-x: hidden; }\n a { color: inherit; text-decoration: none; }\n ul { list-style: none; }\n h1, h2, h3 { font-family: var(--font-title); line-height: 1.2; }\n\n .section-title { font-size: 2.2rem; text-align: center; margin-bottom: 0.5rem; color: var(--text-main); }\n .section-subtitle { text-align: center; color: var(--accent-gold); font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2.5rem; }\n .container { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; }\n\n .btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 26px; border-radius: 50px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: var(--transition); border: none; }\n .btn-primary { background: linear-gradient(135deg, var(--accent-gold), #B38F24); color: #000; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3); }\n .btn-primary:hover { background: linear-gradient(135deg, var(--accent-gold-hover), var(--accent-gold)); transform: translateY(-2px); }\n .btn-secondary { background: transparent; color: var(--text-main); border: 2px solid var(--accent-gold); }\n\n \/* HEADER *\/\n .header { position: sticky; top: 0; width: 100%; z-index: 1000; background: rgba(10, 14, 23, 0.92); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }\n .navbar { display: flex; justify-content: space-between; align-items: center; height: 70px; }\n .logo { font-family: var(--font-title); font-size: 1.6rem; font-weight: 700; color: var(--text-main); }\n .logo span { color: var(--accent-gold); font-style: italic; }\n .nav-links { display: flex; gap: 1.5rem; align-items: center; font-size: 0.85rem; }\n\n \/* HERO *\/\n .hero { \n padding: 130px 0 100px; \n background: linear-gradient(180deg, rgba(10,14,23,0.7) 0%, rgba(10,14,23,0.95) 100%), \n url('https:\/\/images.unsplash.com\/photo-1511671782779-c97d3d27a1d4?auto=format&fit=crop&w=1600&q=80') center\/cover no-repeat; \n text-align: center; \n }\n .hero-badge { display: inline-block; background: rgba(42, 82, 190, 0.3); border: 1px solid rgba(42, 82, 190, 0.6); color: #8CA8FF; padding: 6px 16px; border-radius: 30px; font-size: 0.85rem; font-weight: 600; margin-bottom: 1.2rem; }\n .hero h1 { font-size: 3.2rem; margin-bottom: 1rem; }\n .hero h1 span { color: var(--accent-gold); font-style: italic; }\n .hero p { font-size: 1.15rem; color: var(--text-muted); margin: 0 auto 2rem; max-width: 680px; }\n .hero-buttons { display: flex; gap: 1rem; justify-content: center; }\n\n \/* ABOUT MEMBRES *\/\n .about { padding: 80px 0; background-color: var(--bg-dark); }\n .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: center; }\n .about-image img { width: 100%; height: 420px; object-fit: cover; border-radius: var(--radius-card); border: 2px solid var(--accent-gold); box-shadow: 0 15px 30px rgba(0,0,0,0.5); }\n .about-text p { color: var(--text-muted); margin-bottom: 1.2rem; font-size: 0.95rem; }\n \n .trio-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.5rem; }\n .feature-card { background: var(--bg-card); padding: 1.2rem; border-radius: 12px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.05); }\n .feature-card i { font-size: 1.5rem; color: var(--accent-gold); margin-bottom: 0.5rem; }\n .feature-card h4 { font-size: 0.95rem; margin-bottom: 0.2rem; }\n .feature-card p { font-size: 0.75rem; color: var(--text-muted); margin: 0; }\n\n \/* GALERIE PHOTOS GROUPE *\/\n .gallery-section { padding: 80px 0; background: var(--bg-card); }\n .gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }\n .gallery-item { position: relative; border-radius: var(--radius-card); overflow: hidden; height: 350px; border: 1px solid rgba(255,255,255,0.08); }\n .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: var(--transition); }\n .gallery-item:hover img { transform: scale(1.05); }\n .gallery-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 100%); font-size: 0.95rem; font-weight: 600; color: var(--text-main); text-align: center; }\n\n \/* PRESTATIONS *\/\n .services { padding: 80px 0; background: var(--bg-dark); }\n .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8rem; }\n .service-card { background: var(--bg-card); border-radius: var(--radius-card); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.05); transition: var(--transition); }\n .service-card:hover { transform: translateY(-5px); border-color: var(--accent-gold); }\n .service-img { height: 180px; width: 100%; overflow: hidden; }\n .service-img img { width: 100%; height: 100%; object-fit: cover; }\n .service-content { padding: 1.5rem; }\n .service-card h3 { font-size: 1.25rem; margin-bottom: 0.6rem; }\n .service-card p { color: var(--text-muted); font-size: 0.85rem; margin-bottom: 1rem; }\n .service-card ul li { font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 6px; }\n .service-card ul li i { color: var(--accent-gold); }\n\n \/* CONTACT *\/\n .contact { padding: 80px 0; background: var(--bg-card); }\n .contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; }\n .contact-form { background: var(--bg-light); padding: 2rem; border-radius: var(--radius-card); border: 1px solid rgba(255,255,255,0.05); }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; margin-bottom: 0.8rem; }\n .form-group { margin-bottom: 0.8rem; }\n label { display: block; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.3rem; color: var(--text-muted); }\n input, select, textarea { width: 100%; padding: 10px 12px; background: var(--bg-dark); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; color: var(--text-main); font-size: 0.85rem; }\n\n footer { background: #05070C; padding: 25px 0; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.05); font-size: 0.8rem; color: var(--text-muted); }\n\n @media (max-width: 768px) {\n .about-grid, .services-grid, .gallery-grid, .contact-grid { grid-template-columns: 1fr; }\n .hero h1 { font-size: 2.2rem; }\n .nav-links { display: none; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"header\">\n <div class=\"container\">\n <nav class=\"navbar\">\n <a href=\"#\" class=\"logo\">Blue <span>Roch's<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">Le Groupe<\/a><\/li>\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\n <li><a href=\"#services\">Prestations<\/a><\/li>\n <li><a href=\"#contact\" class=\"btn btn-primary\" style=\"padding: 8px 16px;\">Devis Gratuit<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"hero\">\n <div class=\"container\">\n <span class=\"hero-badge\"><i class=\"fa-solid fa-music\"><\/i> Trio Pop-Rock & Jazz Groove<\/span>\n <h1>Vos standards Pop\/Rock <span>sublim\u00e9s par le Jazz<\/span><\/h1>\n <p>Une chanteuse envo\u00fbtante, un guitariste passionn\u00e9 et un saxophoniste\/percussionniste r\u00e9inventent les plus grands hits pour vos \u00e9v\u00e9nements.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#contact\" class=\"btn btn-primary\"><i class=\"fa-solid fa-calendar-check\"><\/i> R\u00e9server le groupe<\/a>\n <a href=\"#gallery\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-image\"><\/i> D\u00e9couvrir le groupe<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image\">\n \n <img decoding=\"async\" src=\"URL_PHOTO_TRIO_COMPLET\" alt=\"Blue Roch's Trio\">\n <\/div>\n <div class=\"about-text\">\n <h2 class=\"section-title\" style=\"text-align: left;\">Le Trio Blue Roch's<\/h2>\n <p class=\"section-subtitle\" style=\"text-align: left;\">Une complicit\u00e9 musicale naturelle<\/p>\n <p>Sublimant la rencontre entre la Pop\/Rock et les sonorit\u00e9s chaleureuses du Jazz, le trio apporte une vraie pr\u00e9sence vivante et raffin\u00e9e \u00e0 votre \u00e9v\u00e9nement.<\/p>\n <div class=\"trio-features\">\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-microphone-lines\"><\/i>\n <h4>Chant Lead<\/h4>\n <p>Timbre chaleureux<\/p>\n <\/div>\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-guitar\"><\/i>\n <h4>Guitare Jazz<\/h4>\n <p>Harmonies groovy<\/p>\n <\/div>\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-sax-hot\"><\/i>\n <h4>Sax & Percus<\/h4>\n <p>Rythmique dynamique<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"gallery\" class=\"gallery-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Galerie Photos<\/h2>\n <p class=\"section-subtitle\">L'esprit et la convivialit\u00e9 Blue Roch's<\/p>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n \n <img decoding=\"async\" src=\"URL_PHOTO_DUO_LIVE\" alt=\"Prestation Live Duo\">\n <div class=\"gallery-overlay\">Prestation Live \u2014 Duo Chant & Guitare<\/div>\n <\/div>\n <div class=\"gallery-item\">\n \n <img decoding=\"async\" src=\"URL_PHOTO_TRIO_COMPLET\" alt=\"Le Groupe au complet\">\n <div class=\"gallery-overlay\">Le Trio au complet \u2014 Saxophone, Chant & Guitare<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"services\">\n <div class=\"container\">\n <h2 class=\"section-title\">Nos Prestations<\/h2>\n <p class=\"section-subtitle\">Formules adapt\u00e9es \u00e0 vos besoins<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=600&q=80\" alt=\"Mariage\">\n <\/div>\n <div class=\"service-content\">\n <h3>Mariages & R\u00e9ceptions<\/h3>\n <p>Cocktails raffin\u00e9s, vins d'honneur et soir\u00e9es sur-mesure.<\/p>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?auto=format&fit=crop&w=600&q=80\" alt=\"Entreprise\">\n <\/div>\n <div class=\"service-content\">\n <h3>Entreprises & Galas<\/h3>\n <p>Animation professionnelle pour vos soir\u00e9es de gala et cocktails.<\/p>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514933651103-005eec06c04b?auto=format&fit=crop&w=600&q=80\" alt=\"Concert\">\n <\/div>\n <div class=\"service-content\">\n <h3>Lieux Priv\u00e9s & Bars<\/h3>\n <p>Sets dynamiques pour h\u00f4tels, restaurants et \u00e9v\u00e9nements priv\u00e9s.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"contact\">\n <div class=\"container\">\n <div class=\"contact-grid\">\n <div>\n <h2 class=\"section-title\" style=\"text-align:left;\">R\u00e9server le Groupe<\/h2>\n <p class=\"section-subtitle\" style=\"text-align:left;\">Devis sous 24h<\/p>\n <p style=\"color:var(--text-muted); font-size:0.9rem;\">Contactez-nous pour conna\u00eetre nos disponibilit\u00e9s pour votre \u00e9v\u00e9nement.<\/p>\n <\/div>\n <form class=\"contact-form\" onsubmit=\"event.preventDefault();\">\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Nom<\/label><input type=\"text\" placeholder=\"Votre nom\"><\/div>\n <div class=\"form-group\"><label>Email<\/label><input type=\"email\" placeholder=\"votre@email.com\"><\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Type d'\u00e9v\u00e9nement<\/label><select><option>Mariage<\/option><option>Entreprise<\/option><option>Priv\u00e9<\/option><\/select><\/div>\n <div class=\"form-group\"><label>Date<\/label><input type=\"date\"><\/div>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%; justify-content:center; margin-top:0.5rem;\">Envoyer ma demande<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"container\">\n <p>\u00a9 2026 Blue Roch's \u2014 Trio Pop\/Rock & Jazz. Tous droits r\u00e9serv\u00e9s.<\/p>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Blue Roch’s – Trio Pop\/Rock & Jazz Blue Roch’s Le Groupe Galerie Prestations Devis Gratuit Trio Pop-Rock & Jazz Groove […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":5,"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/bluerochs.com\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}