<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Votre boutique A Fleurs d'O Artisan fleuriste à Bain-de-Bretagne, livraison de fleurs à domicile - A FLEURS D'O</title> <meta name="description" content="livraison de fleurs à domicile à Bain-de-Bretagne" /> <meta name="generator" content="Web Propulse" /> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=MonteCarlo:ital,wght@0,400&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Unna:ital,wght@0,400&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Libre+Baskerville:wght@700&family=Montserrat:wght@700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/assets/css/plugins/aos.min.css" /> <link rel="stylesheet" href="/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="/assets/css/styleSite.css?v=2.26.0"> <link rel="stylesheet" href="/assets/css/styleMasque.css?v=1.0.0"> <link rel="icon" href="/assets/images/commerces/1240/favicon.png?v=1" /> <meta property="og:site_name" content="A FLEURS D'O" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://afleursdo.fr/" /> <meta property="og:title" content="Votre boutique A Fleurs d'O Artisan fleuriste à Bain-de-Bretagne, livraison de fleurs à domicile" /> <meta property="og:description" content="livraison de fleurs à domicile à Bain-de-Bretagne" /> <meta property="og:image" content="https://afleursdo.fr/assets/images/commerces/642/pages/dbca762c8684ece0841636135f21938b.png" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Votre boutique A Fleurs d'O Artisan fleuriste à Bain-de-Bretagne, livraison de fleurs à domicile" /> <meta name="twitter:description" content="livraison de fleurs à domicile à Bain-de-Bretagne" /> <meta name="twitter:image" content="https://afleursdo.fr/assets/images/commerces/642/pages/dbca762c8684ece0841636135f21938b.png" /> <meta name="twitter:url" content="https://afleursdo.fr/" /> <link rel="canonical" href="https://afleursdo.fr/" /> <style> body{--font-textes: Unna;--font-titres: MonteCarlo;--font-weight-titres: 400;--blocpage-texte-size: 17px;--footer-t4-titre-color: rgb(255, 255, 255);--footer-t4-texte-color: rgb(255, 255, 255);--footer-t4-titre-size: 25px;--blocpage-bouton-radius: 6px;--footer-t4-lien-color: rgb(255, 255, 255);--navbar-t1-general-bgcolor: rgba(107, 57, 53, 0.6);--footer-t4-general-bgcolor: rgb(107, 55, 53);--entete-t6-titre-color: rgb(255, 255, 255);--entete-t6-filtre-bgcolor: rgba(107, 57, 53, 0.2);--entete-t6-texte-color: rgb(255, 255, 255);--blocpage-formcontrol-radius: 10px;--items-t5-content-padding-x: 25px;--items-t5-content-padding-y: 25px;--items-t5-content-padding: 25px 25px;--items-t5-item-align: left;--navbar-t1-lien-color: rgb(255, 255, 255);--entete-t6-titre-size: 70px;--entete-t6-texte-size: 20px;--blocpage-titre-size: 40px;--items-t5-titre-size: 30px;--categorieproduits-t9-titre-size: 18px;--categorieproduits-t9-content-align: left;--categorieproduits-t9-content-padding-x: 10px;--categorieproduits-t9-content-padding-y: 20px;--categorieproduits-t9-content-padding: 10px 20px;--apercuproduit-t11-content-align: left;--apercuproduit-t11-content-padding-x: 10px;--apercuproduit-t11-content-padding-y: 10px;--apercuproduit-t11-content-padding: 10px 10px;--categorieproduits-t9-texte-size: 16px;--avisclient-t10-texte-size: 16px;--avisclient-t10-nomclient-size: 16px;--footer-t4-texte-size: 14px;--apercuarticle-t12-content-align: left;--apercuarticle-t12-content-padding-x: 10px;--apercuarticle-t12-content-padding-y: 10px;--apercuarticle-t12-content-padding: 10px 10px;--navbar-t2-general-bgcolor: rgb(52, 58, 64);--navbar-t3-general-bgcolor: rgb(52, 58, 64);--navbar-t2-lien-color: rgb(255, 255, 255);--navbar-t3-lien-color: rgb(255, 255, 255);--entete-t7-titre-color: rgb(157, 85, 85);--entete-t7-titre-size: 60px;--entete-t7-fond-bgcolor: rgb(255, 255, 255);--entete-t7-texte-color: rgb(201, 165, 145);--entete-t7-texte-size: 20px;--blocpage-bouton-padding-x: 6px;--blocpage-bouton-padding-y: 17px;--blocpage-bouton-padding: 6px 17px;--blocpage-formcontrol-padding-x: 10px;--blocpage-formcontrol-padding-y: 10px;--blocpage-formcontrol-padding: 10px 10px;--entete-t16-fond-bgcolor: rgb(255, 255, 255);--entete-t16-titre-color: rgb(157, 85, 85);--entete-t16-titre-size: 70px;--entete-t16-texte-color: rgb(201, 165, 145);--entete-t16-texte-size: 20px;--navbar-t1-bouton-bgcolor: rgb(107, 55, 53);--navbar-t1-bouton-color: rgb(255, 255, 255);--navbar-t1-bouton-radius: 6px;--navbar-t1-bouton-border-top: none;--navbar-t1-bouton-border-bottom: none;--navbar-t1-bouton-border-left: none;--navbar-t1-bouton-border-right: none;--navbar-t1-bouton-padding-x: 6px;--navbar-t1-bouton-padding-y: 10px;--navbar-t1-bouton-padding: 6px 10px;--entete-t6-bouton-bgcolor: rgb(107, 55, 53);--entete-t6-bouton-color: rgb(255, 255, 255);--entete-t6-bouton-radius: 5px;--entete-t6-bouton-border-top: 1px solid rgb(255, 255, 255);--entete-t6-bouton-border-bottom: 1px solid rgb(255, 255, 255);--entete-t6-bouton-border-left: 1px solid rgb(255, 255, 255);--entete-t6-bouton-border-right: 1px solid rgb(255, 255, 255);--entete-t6-bouton-padding-x: 6px;--entete-t6-bouton-padding-y: 25px;--entete-t6-bouton-padding: 6px 25px;--entete-t7-bouton-bgcolor: rgb(157, 85, 85);--entete-t7-bouton-color: rgb(255, 255, 255);--entete-t7-bouton-radius: 6px;--entete-t7-bouton-border-top: 1px dotted rgb(157, 85, 85);--entete-t7-bouton-border-bottom: 1px dotted rgb(157, 85, 85);--entete-t7-bouton-border-left: 1px dotted rgb(157, 85, 85);--entete-t7-bouton-border-right: 1px dotted rgb(157, 85, 85);--entete-t7-bouton-padding-x: 6px;--entete-t7-bouton-padding-y: 20px;--entete-t7-bouton-padding: 6px 20px;--entete-t16-bouton-bgcolor: rgb(107, 55, 53);--entete-t16-bouton-color: rgb(255, 255, 255);--entete-t16-bouton-radius: 7px;--entete-t16-bouton-border-top: 1px dotted rgb(107, 55, 53);--entete-t16-bouton-border-bottom: 1px dotted rgb(107, 55, 53);--entete-t16-bouton-border-left: 1px dotted rgb(107, 55, 53);--entete-t16-bouton-border-right: 1px dotted rgb(107, 55, 53);--entete-t16-bouton-padding-x: 6px;--entete-t16-bouton-padding-y: 20px;--entete-t16-bouton-padding: 6px 20px;--navbar-t1-lien-size: 15px;--navbar-t1-bouton-size: 15px;--entete-t6-bouton-size: 17px;--entete-t7-bouton-size: 18px;--entete-t16-bouton-size: 18px;--blocpage-bouton-size: 17px;--entete-t16-fond-align: center;--entete-t6-general-align: left;--items-t5-btn-padding-x: 6px;--items-t5-btn-padding-y: 10px;--items-t5-btn-padding: 6px 10px;--avisclient-t10-avis-radius: 7px;--navbar-t1-lien-fontweight: unset;--apercuproduit-t11-content-radius: 7px;--apercuproduit-t11-titre-size: 18px;--apercuproduit-t11-more-fontweight: bold;--apercuarticle-t12-bloc-radius: 10px;--apercuarticle-t12-categorie-fontweight: bold;--apercuarticle-t12-titre-size: 20px;--items-t5-item-radius: 7px;--categorieproduits-t9-bloc-radius: 7px;--categorieproduits-t24-bloc-radius: 0px;--categorieproduits-t24-content-padding-x: 10px;--categorieproduits-t24-content-padding-y: 10px;--categorieproduits-t24-content-padding: 10px 10px;--categorieproduits-t24-content-size: 20px;--categorieproduits-t24-content-fontweight: bold;--navbar-t1-general-blur: 5px;--blocpage-titrestrong-fontweight: bold;--blocpage-soustitre-size: 25px;--entete-t6-titrestrong-color: rgb(255, 255, 255);--entete-t6-titrestrong-fontweight: bold;--entete-t7-titrestrong-color: rgb(107, 55, 53);--entete-t7-titrestrong-fontweight: unset;--entete-t16-titrestrong-color: rgb(107, 55, 53);--entete-t16-titrestrong-fontweight: unset;--blocpage-t26-cadre-radius: 10px;--blocpage-t26-cadre-padding-x: 50px;--blocpage-t26-cadre-padding-y: 50px;--blocpage-t26-cadre-padding: 50px 50px;--blocpage-t26-soustitre-size: 25px;--blocpage-t26-titre-size: 40px;--blocpage-t26-titrestrong-fontweight: bold;--blocpage-t26-texte-size: 17px;--items-t5-texte-size: 17px;--items-t5-btn-size: 17px;--items-t5-btn-radius: 7px;--apercuproduit-t11-more-size: 16px;--apercuproduit-t11-prixbarre-size: 16px;--apercuproduit-t11-prix-size: 19px;--apercuproduit-t11-btn-padding-x: 10px;--apercuproduit-t11-btn-padding-y: 10px;--apercuproduit-t11-btn-padding: 10px 10px;--apercuproduit-t11-btn-size: 16px;--apercuproduit-t11-btn-radius: 7px;--avisclient-t10-avis-padding-x: 30px;--avisclient-t10-avis-padding-y: 30px;--avisclient-t10-avis-padding: 30px 30px;--apercuarticle-t12-texte-size: 14px;--apercuarticle-t12-more-size: 16px;--apercuarticle-t12-categorie-size: 14px;--faq-t93-faq-radius: 7px;--faq-t93-question-size: 30px;--faq-t93-reponse-size: 16px;--faq-t93-content-padding-x: 25px;--faq-t93-content-padding-y: 25px;--faq-t93-content-padding: 25px 25px;--items-t28-item-align: center;--items-t28-titre-size: 18px;--items-t28-texte-size: 14px;--items-t28-btn-padding-x: 10px;--items-t28-btn-padding-y: 10px;--items-t28-btn-padding: 10px 10px;--items-t28-btn-size: 15px;--items-t28-btn-radius: 6px;--faq-t93-icone-size: 30px;--entete-t6-btnsecondary-bgcolor: rgb(255, 255, 255);--entete-t6-btnsecondary-color: rgb(107, 55, 53);--entete-t6-btnsecondary-border-top: 1px solid rgb(255, 255, 255);--entete-t6-btnsecondary-border-bottom: 1px solid rgb(255, 255, 255);--entete-t6-btnsecondary-border-left: 1px solid rgb(255, 255, 255);--entete-t6-btnsecondary-border-right: 1px solid rgb(255, 255, 255);--entete-t7-btnsecondary-bgcolor: rgb(255, 255, 255);--entete-t7-btnsecondary-color: rgb(157, 85, 85);--entete-t7-btnsecondary-border-top: 1px dotted rgb(157, 85, 85);--entete-t7-btnsecondary-border-bottom: 1px dotted rgb(157, 85, 85);--entete-t7-btnsecondary-border-left: 1px dotted rgb(157, 85, 85);--entete-t7-btnsecondary-border-right: 1px dotted rgb(157, 85, 85);--entete-t16-btnsecondary-bgcolor: rgb(255, 255, 255);--entete-t16-btnsecondary-color: rgb(107, 55, 53);--entete-t16-btnsecondary-border-top: 1px dotted rgb(107, 55, 53);--entete-t16-btnsecondary-border-bottom: 1px dotted rgb(107, 55, 53);--entete-t16-btnsecondary-border-left: 1px dotted rgb(107, 55, 53);--entete-t16-btnsecondary-border-right: 1px dotted rgb(107, 55, 53);--entete-t6-soustitre-size: 20px;--entete-t6-soustitre-color: rgb(255, 255, 255);--entete-t7-soustitre-size: 20px;--entete-t7-soustitre-color: rgb(107, 55, 53);--entete-t16-soustitre-size: 20px;--entete-t16-soustitre-color: rgb(107, 55, 53);--blocpage-texte-color-v1: rgb(201, 165, 145);--blocpage-texte-color-v2: rgb(157, 85, 85);--blocpage-texte-color-v3: rgb(255, 255, 255);--blocpage-bouton-bgcolor-v1: rgb(157, 85, 85);--blocpage-bouton-bgcolor-v2: rgb(157, 85, 85);--blocpage-bouton-bgcolor-v3: rgb(255, 255, 255);--blocpage-bouton-color-v1: rgb(255, 255, 255);--blocpage-bouton-color-v2: rgb(255, 255, 255);--blocpage-bouton-color-v3: rgb(157, 85, 85);--blocpage-section-bgcolor-v1: rgb(255, 255, 255);--blocpage-section-bgcolor-v2: rgb(246, 245, 245);--blocpage-section-bgcolor-v3: rgb(157, 85, 85);--blocpage-titre-color-v1: rgb(157, 85, 85);--blocpage-titre-color-v2: rgb(157, 85, 85);--blocpage-titre-color-v3: rgb(255, 255, 255);--items-t5-content-bgcolor-v1: rgba(255, 255, 255, 0.85);--items-t5-content-bgcolor-v2: rgba(255, 255, 255, 0.85);--items-t5-content-bgcolor-v3: rgba(107, 55, 53, 0.8);--items-t5-titre-color-v1: rgb(157, 85, 85);--items-t5-titre-color-v2: rgb(157, 85, 85);--items-t5-titre-color-v3: rgb(255, 255, 255);--items-t5-texte-color-v1: rgb(201, 165, 145);--items-t5-texte-color-v2: rgb(201, 165, 145);--items-t5-texte-color-v3: rgb(201, 165, 145);--categorieproduits-t9-titre-color-v1: rgb(41, 40, 45);--categorieproduits-t9-titre-color-v2: rgb(41, 40, 45);--categorieproduits-t9-titre-color-v3: rgb(255, 255, 255);--categorieproduits-t9-texte-color-v1: rgb(200, 210, 220);--categorieproduits-t9-texte-color-v2: rgb(255, 255, 255);--categorieproduits-t9-texte-color-v3: rgb(200, 210, 220);--blocpage-bouton-border-top-v1: 1px dotted rgb(157, 85, 85);--blocpage-bouton-border-bottom-v1: 1px dotted rgb(157, 85, 85);--blocpage-bouton-border-left-v1: 1px dotted rgb(157, 85, 85);--blocpage-bouton-border-right-v1: 1px dotted rgb(157, 85, 85);--blocpage-bouton-border-top-v2: none;--blocpage-bouton-border-bottom-v2: none;--blocpage-bouton-border-left-v2: none;--blocpage-bouton-border-right-v2: none;--blocpage-bouton-border-top-v3: 1px dotted rgb(255, 255, 255);--blocpage-bouton-border-bottom-v3: 1px dotted rgb(255, 255, 255);--blocpage-bouton-border-left-v3: 1px dotted rgb(255, 255, 255);--blocpage-bouton-border-right-v3: 1px dotted rgb(255, 255, 255);--categorieproduits-t9-content-bgcolor-v1: rgb(255, 255, 255);--categorieproduits-t9-content-bgcolor-v2: rgb(255, 255, 255);--categorieproduits-t9-content-bgcolor-v3: rgba(107, 57, 53, 1);--apercuproduit-t11-content-bgcolor-v1: rgb(255, 255, 255);--apercuproduit-t11-content-bgcolor-v2: rgb(200, 210, 220);--apercuproduit-t11-content-bgcolor-v3: rgb(255, 255, 255);--avisclient-t10-texte-color-v1: rgb(157, 85, 85);--avisclient-t10-texte-color-v2: rgb(157, 85, 85);--avisclient-t10-texte-color-v3: rgb(255, 255, 255);--avisclient-t10-nomclient-color-v1: rgb(107, 55, 53);--avisclient-t10-nomclient-color-v2: rgb(235, 235, 235);--avisclient-t10-nomclient-color-v3: rgb(201, 165, 145);--blocpage-formcontrol-bgcolor-v1: rgba(255, 255, 255, 0.8);--blocpage-formcontrol-bgcolor-v2: rgba(255, 255, 255, 1);--blocpage-formcontrol-bgcolor-v3: rgba(255, 255, 255, 0);--blocpage-formcontrol-border-top-v1: 1px solid rgb(201, 165, 145);--blocpage-formcontrol-border-bottom-v1: 1px solid rgb(201, 165, 145);--blocpage-formcontrol-border-left-v1: 1px solid rgb(201, 165, 145);--blocpage-formcontrol-border-right-v1: 1px solid rgb(201, 165, 145);--blocpage-formcontrol-border-top-v2: none;--blocpage-formcontrol-border-bottom-v2: none;--blocpage-formcontrol-border-left-v2: none;--blocpage-formcontrol-border-right-v2: none;--blocpage-formcontrol-border-top-v3: 1px dotted rgb(255, 255, 255);--blocpage-formcontrol-border-bottom-v3: 1px dotted rgb(255, 255, 255);--blocpage-formcontrol-border-left-v3: 1px dotted rgb(255, 255, 255);--blocpage-formcontrol-border-right-v3: 1px dotted rgb(255, 255, 255);--blocpage-lien-color-v1: rgb(201, 165, 145);--blocpage-lien-color-v2: rgb(157, 85, 85);--blocpage-lien-color-v3: rgb(235, 235, 235);--apercuproduit-t11-titre-color-v1: rgb(41, 40, 45);--apercuproduit-t11-titre-color-v2: rgb(41, 40, 45);--apercuproduit-t11-titre-color-v3: rgb(255, 255, 255);--apercuproduit-t11-more-color-v1: rgb(200, 210, 220);--apercuproduit-t11-more-color-v2: rgb(255, 255, 255);--apercuproduit-t11-more-color-v3: rgb(41, 40, 45);--apercuarticle-t12-content-bgcolor-v1: rgba(255, 255, 255, 0.8);--apercuarticle-t12-content-bgcolor-v2: rgba(255, 255, 255, 0.8);--apercuarticle-t12-content-bgcolor-v3: rgba(255, 255, 255, 1);--apercuarticle-t12-categorie-color-v1: rgb(93, 111, 77);--apercuarticle-t12-categorie-color-v2: rgb(93, 111, 77);--apercuarticle-t12-categorie-color-v3: rgb(93, 111, 77);--apercuarticle-t12-titre-color-v1: rgb(32, 59, 48);--apercuarticle-t12-titre-color-v2: rgb(32, 59, 48);--apercuarticle-t12-titre-color-v3: rgb(32, 59, 48);--apercuarticle-t12-texte-color-v1: rgb(32, 59, 48);--apercuarticle-t12-texte-color-v2: rgb(32, 59, 48);--apercuarticle-t12-texte-color-v3: rgb(93, 111, 77);--apercuarticle-t12-more-color-v1: rgb(186, 206, 147);--apercuarticle-t12-more-color-v2: rgb(186, 206, 147);--apercuarticle-t12-more-color-v3: rgb(186, 206, 147);--categorieproduits-t9-bloc-border-top-v1: none;--categorieproduits-t9-bloc-border-bottom-v1: none;--categorieproduits-t9-bloc-border-left-v1: none;--categorieproduits-t9-bloc-border-right-v1: none;--categorieproduits-t9-bloc-border-top-v2: none;--categorieproduits-t9-bloc-border-bottom-v2: none;--categorieproduits-t9-bloc-border-left-v2: none;--categorieproduits-t9-bloc-border-right-v2: none;--categorieproduits-t9-bloc-border-top-v3: none;--categorieproduits-t9-bloc-border-bottom-v3: none;--categorieproduits-t9-bloc-border-left-v3: none;--categorieproduits-t9-bloc-border-right-v3: none;--apercuarticle-t12-content-border-top-v1: none;--apercuarticle-t12-content-border-bottom-v1: none;--apercuarticle-t12-content-border-left-v1: none;--apercuarticle-t12-content-border-right-v1: none;--apercuarticle-t12-content-border-top-v2: none;--apercuarticle-t12-content-border-bottom-v2: none;--apercuarticle-t12-content-border-left-v2: none;--apercuarticle-t12-content-border-right-v2: none;--apercuarticle-t12-content-border-top-v3: none;--apercuarticle-t12-content-border-bottom-v3: none;--apercuarticle-t12-content-border-left-v3: none;--apercuarticle-t12-content-border-right-v3: none;--apercuproduit-t11-prix-color-v1: rgb(77, 134, 198);--apercuproduit-t11-prix-color-v2: rgb(77, 134, 198);--apercuproduit-t11-prix-color-v3: rgb(77, 134, 198);--blocpage-formcontrol-color-v1: rgb(201, 165, 145);--blocpage-formcontrol-color-v2: rgb(201, 165, 145);--blocpage-formcontrol-color-v3: rgb(255, 255, 255);--items-t5-btn-bgcolor-v1: rgb(157, 85, 85);--items-t5-btn-bgcolor-v2: rgb(255, 255, 255);--items-t5-btn-bgcolor-v3: rgb(255, 255, 255);--items-t5-btn-color-v1: rgb(255, 255, 255);--items-t5-btn-color-v2: rgb(157, 85, 85);--items-t5-btn-color-v3: rgb(107, 55, 53);--categorieproduits-t24-filtre-bgcolor-v1: rgba(0, 0, 0, 0.25);--categorieproduits-t24-filtre-bgcolor-v2: rgba(0, 0, 0, 0.25);--categorieproduits-t24-filtre-bgcolor-v3: rgba(0, 0, 0, 0.25);--categorieproduits-t24-content-color-v1: rgb(255, 255, 255);--categorieproduits-t24-content-color-v2: rgb(255, 255, 255);--categorieproduits-t24-content-color-v3: rgb(255, 255, 255);--blocpage-titrestrong-color-v1: rgb(201, 165, 145);--blocpage-titrestrong-color-v2: rgb(157, 85, 85);--blocpage-titrestrong-color-v3: rgb(255, 255, 255);--blocpage-soustitre-color-v1: rgb(157, 85, 85);--blocpage-soustitre-color-v2: rgb(201, 165, 145);--blocpage-soustitre-color-v3: rgb(255, 255, 255);--avisclient-t10-avis-shadow-v1: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--avisclient-t10-avis-shadow-v2: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--avisclient-t10-avis-shadow-v3: none;--blocpage-t26-cadre-bgcolor-v1: rgba(204, 169, 147, 0.2);--blocpage-t26-cadre-bgcolor-v2: rgba(255, 255, 255, 0.8);--blocpage-t26-cadre-bgcolor-v3: rgba(107, 55, 53, 0.8);--blocpage-t26-cadre-shadow-v1: none;--blocpage-t26-cadre-shadow-v2: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--blocpage-t26-cadre-shadow-v3: none;--blocpage-t26-soustitre-color-v1: rgb(201, 165, 145);--blocpage-t26-soustitre-color-v2: rgb(201, 165, 145);--blocpage-t26-soustitre-color-v3: rgb(255, 255, 255);--blocpage-t26-titre-color-v1: rgb(157, 85, 85);--blocpage-t26-titre-color-v2: rgb(157, 85, 85);--blocpage-t26-titre-color-v3: rgb(255, 255, 255);--blocpage-t26-titrestrong-color-v1: rgb(157, 85, 85);--blocpage-t26-titrestrong-color-v2: rgb(201, 165, 145);--blocpage-t26-titrestrong-color-v3: rgb(255, 255, 255);--blocpage-t26-texte-color-v1: rgb(157, 85, 85);--blocpage-t26-texte-color-v2: rgb(201, 165, 145);--blocpage-t26-texte-color-v3: rgb(255, 255, 255);--blocpage-t26-bouton-bgcolor-v1: rgb(157, 85, 85);--blocpage-t26-bouton-bgcolor-v2: rgb(255, 255, 255);--blocpage-t26-bouton-bgcolor-v3: rgb(201, 165, 145);--blocpage-t26-bouton-color-v1: rgb(255, 255, 255);--blocpage-t26-bouton-color-v2: rgb(157, 85, 85);--blocpage-t26-bouton-color-v3: rgb(255, 255, 255);--blocpage-t26-bouton-border-top-v1: 1px dotted rgb(157, 85, 85);--blocpage-t26-bouton-border-bottom-v1: 1px dotted rgb(157, 85, 85);--blocpage-t26-bouton-border-left-v1: 1px dotted rgb(157, 85, 85);--blocpage-t26-bouton-border-right-v1: 1px dotted rgb(157, 85, 85);--blocpage-t26-bouton-border-top-v2: 1px dotted rgb(157, 85, 85);--blocpage-t26-bouton-border-bottom-v2: 1px dotted rgb(157, 85, 85);--blocpage-t26-bouton-border-left-v2: 1px dotted rgb(157, 85, 85);--blocpage-t26-bouton-border-right-v2: 1px dotted rgb(157, 85, 85);--blocpage-t26-bouton-border-top-v3: none;--blocpage-t26-bouton-border-bottom-v3: none;--blocpage-t26-bouton-border-left-v3: none;--blocpage-t26-bouton-border-right-v3: none;--items-t5-item-border-top-v1: none;--items-t5-item-border-bottom-v1: none;--items-t5-item-border-left-v1: none;--items-t5-item-border-right-v1: none;--items-t5-item-border-top-v2: none;--items-t5-item-border-bottom-v2: none;--items-t5-item-border-left-v2: none;--items-t5-item-border-right-v2: none;--items-t5-item-border-top-v3: none;--items-t5-item-border-bottom-v3: none;--items-t5-item-border-left-v3: none;--items-t5-item-border-right-v3: none;--items-t5-item-shadow-v1: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);--items-t5-item-shadow-v2: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);--items-t5-item-shadow-v3: none;--items-t5-content-blur-v1: 5px;--items-t5-content-blur-v2: 5px;--items-t5-content-blur-v3: 5px;--items-t5-btn-border-top-v1: 1px solid rgb(235, 235, 235);--items-t5-btn-border-bottom-v1: 1px solid rgb(235, 235, 235);--items-t5-btn-border-left-v1: 1px solid rgb(235, 235, 235);--items-t5-btn-border-right-v1: 1px solid rgb(235, 235, 235);--items-t5-btn-border-top-v2: 1px dotted rgb(157, 85, 85);--items-t5-btn-border-bottom-v2: 1px dotted rgb(157, 85, 85);--items-t5-btn-border-left-v2: 1px dotted rgb(157, 85, 85);--items-t5-btn-border-right-v2: 1px dotted rgb(157, 85, 85);--items-t5-btn-border-top-v3: 1px dotted rgb(255, 255, 255);--items-t5-btn-border-bottom-v3: 1px dotted rgb(255, 255, 255);--items-t5-btn-border-left-v3: 1px dotted rgb(255, 255, 255);--items-t5-btn-border-right-v3: 1px dotted rgb(255, 255, 255);--categorieproduits-t9-bloc-shadow-v1: none;--categorieproduits-t9-bloc-shadow-v2: none;--categorieproduits-t9-bloc-shadow-v3: none;--categorieproduits-t9-content-blur-v1: 0px;--categorieproduits-t9-content-blur-v2: 0px;--categorieproduits-t9-content-blur-v3: 5px;--categorieproduits-t24-bloc-shadow-v1: none;--categorieproduits-t24-bloc-shadow-v2: none;--categorieproduits-t24-bloc-shadow-v3: none;--apercuproduit-t11-content-border-top-v1: none;--apercuproduit-t11-content-border-bottom-v1: none;--apercuproduit-t11-content-border-left-v1: none;--apercuproduit-t11-content-border-right-v1: none;--apercuproduit-t11-content-border-top-v2: none;--apercuproduit-t11-content-border-bottom-v2: none;--apercuproduit-t11-content-border-left-v2: none;--apercuproduit-t11-content-border-right-v2: none;--apercuproduit-t11-content-border-top-v3: none;--apercuproduit-t11-content-border-bottom-v3: none;--apercuproduit-t11-content-border-left-v3: none;--apercuproduit-t11-content-border-right-v3: none;--apercuproduit-t11-content-shadow-v1: none;--apercuproduit-t11-content-shadow-v2: none;--apercuproduit-t11-content-shadow-v3: none;--apercuproduit-t11-content-blur-v1: 0px;--apercuproduit-t11-content-blur-v2: 0px;--apercuproduit-t11-content-blur-v3: 0px;--apercuproduit-t11-prixbarre-color-v1: rgb(200, 210, 220);--apercuproduit-t11-prixbarre-color-v2: rgb(255, 255, 255);--apercuproduit-t11-prixbarre-color-v3: rgb(200, 210, 220);--apercuproduit-t11-btn-bgcolor-v1: rgb(53, 70, 153);--apercuproduit-t11-btn-bgcolor-v2: rgb(53, 70, 153);--apercuproduit-t11-btn-bgcolor-v3: rgb(255, 255, 255);--apercuproduit-t11-btn-color-v1: rgb(255, 255, 255);--apercuproduit-t11-btn-color-v2: rgb(255, 255, 255);--apercuproduit-t11-btn-color-v3: rgb(53, 70, 153);--apercuproduit-t11-btn-border-top-v1: none;--apercuproduit-t11-btn-border-bottom-v1: none;--apercuproduit-t11-btn-border-left-v1: none;--apercuproduit-t11-btn-border-right-v1: none;--apercuproduit-t11-btn-border-top-v2: none;--apercuproduit-t11-btn-border-bottom-v2: none;--apercuproduit-t11-btn-border-left-v2: none;--apercuproduit-t11-btn-border-right-v2: none;--apercuproduit-t11-btn-border-top-v3: none;--apercuproduit-t11-btn-border-bottom-v3: none;--apercuproduit-t11-btn-border-left-v3: none;--apercuproduit-t11-btn-border-right-v3: none;--avisclient-t10-avis-border-top-v1: none;--avisclient-t10-avis-border-bottom-v1: none;--avisclient-t10-avis-border-left-v1: none;--avisclient-t10-avis-border-right-v1: none;--avisclient-t10-avis-border-top-v2: none;--avisclient-t10-avis-border-bottom-v2: none;--avisclient-t10-avis-border-left-v2: none;--avisclient-t10-avis-border-right-v2: none;--avisclient-t10-avis-border-top-v3: none;--avisclient-t10-avis-border-bottom-v3: none;--avisclient-t10-avis-border-left-v3: none;--avisclient-t10-avis-border-right-v3: none;--avisclient-t10-avis-bgcolor-v1: rgba(255, 255, 255, 0.8);--avisclient-t10-avis-bgcolor-v2: rgba(255, 255, 255, 0.8);--avisclient-t10-avis-bgcolor-v3: rgba(107, 55, 53, 0.8);--avisclient-t10-avis-blur-v1: 5px;--avisclient-t10-avis-blur-v2: 5px;--avisclient-t10-avis-blur-v3: 5px;--apercuarticle-t12-bloc-shadow-v1: 0px 25px 20px -28px rgba(0, 0, 0, 0.45);--apercuarticle-t12-bloc-shadow-v2: 0px 25px 20px -30px rgba(0, 0, 0, 0.45);--apercuarticle-t12-bloc-shadow-v3: none;--apercuarticle-t12-content-blur-v1: 5px;--apercuarticle-t12-content-blur-v2: 5px;--apercuarticle-t12-content-blur-v3: 5px;--faq-t93-faq-shadow-v1: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);--faq-t93-faq-shadow-v2: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);--faq-t93-faq-shadow-v3: none;--faq-t93-question-color-v1: rgb(107, 55, 53);--faq-t93-question-color-v2: rgb(157, 85, 85);--faq-t93-question-color-v3: rgb(255, 255, 255);--faq-t93-reponse-color-v1: rgb(157, 85, 85);--faq-t93-reponse-color-v2: rgb(201, 165, 145);--faq-t93-reponse-color-v3: rgb(201, 165, 145);--faq-t93-content-bgcolor-v1: rgba(255, 255, 255, 0.85);--faq-t93-content-bgcolor-v2: rgba(255, 255, 255, 0.85);--faq-t93-content-bgcolor-v3: rgba(107, 55, 53, 0.8);--faq-t93-content-blur-v1: 5px;--faq-t93-content-blur-v2: 5px;--faq-t93-content-blur-v3: 5px;--items-t28-titre-color-v1: rgb(32, 59, 48);--items-t28-titre-color-v2: rgb(68, 68, 68);--items-t28-titre-color-v3: rgb(255, 255, 255);--items-t28-texte-color-v1: rgb(93, 111, 77);--items-t28-texte-color-v2: rgb(93, 111, 77);--items-t28-texte-color-v3: rgb(255, 255, 255);--items-t28-btn-bgcolor-v1: rgb(186, 206, 147);--items-t28-btn-bgcolor-v2: rgb(93, 111, 77);--items-t28-btn-bgcolor-v3: rgb(255, 255, 255);--items-t28-btn-color-v1: rgb(255, 255, 255);--items-t28-btn-color-v2: rgb(255, 255, 255);--items-t28-btn-color-v3: rgb(32, 59, 48);--items-t28-btn-border-top-v1: none;--items-t28-btn-border-bottom-v1: none;--items-t28-btn-border-left-v1: none;--items-t28-btn-border-right-v1: none;--items-t28-btn-border-top-v2: none;--items-t28-btn-border-bottom-v2: none;--items-t28-btn-border-left-v2: none;--items-t28-btn-border-right-v2: none;--items-t28-btn-border-top-v3: none;--items-t28-btn-border-bottom-v3: none;--items-t28-btn-border-left-v3: none;--items-t28-btn-border-right-v3: none;--faq-t93-icone-color-v1: rgb(107, 55, 53);--faq-t93-icone-color-v2: rgb(157, 85, 85);--faq-t93-icone-color-v3: rgb(255, 255, 255);--blocpage-btnsecondary-bgcolor-v1: rgb(255, 255, 255);--blocpage-btnsecondary-bgcolor-v2: rgb(255, 255, 255);--blocpage-btnsecondary-bgcolor-v3: rgb(157, 85, 85);--blocpage-btnsecondary-color-v1: rgb(157, 85, 85);--blocpage-btnsecondary-color-v2: rgb(157, 85, 85);--blocpage-btnsecondary-color-v3: rgb(255, 255, 255);--blocpage-btnsecondary-border-top-v1: 1px dotted rgb(157, 85, 85);--blocpage-btnsecondary-border-bottom-v1: 1px dotted rgb(157, 85, 85);--blocpage-btnsecondary-border-left-v1: 1px dotted rgb(157, 85, 85);--blocpage-btnsecondary-border-right-v1: 1px dotted rgb(157, 85, 85);--blocpage-btnsecondary-border-top-v2: none;--blocpage-btnsecondary-border-bottom-v2: none;--blocpage-btnsecondary-border-left-v2: none;--blocpage-btnsecondary-border-right-v2: none;--blocpage-btnsecondary-border-top-v3: 1px dotted rgb(255, 255, 255);--blocpage-btnsecondary-border-bottom-v3: 1px dotted rgb(255, 255, 255);--blocpage-btnsecondary-border-left-v3: 1px dotted rgb(255, 255, 255);--blocpage-btnsecondary-border-right-v3: 1px dotted rgb(255, 255, 255);--blocpage-t26-btnsecondary-bgcolor-v1: rgb(255, 255, 255);--blocpage-t26-btnsecondary-bgcolor-v2: rgb(157, 85, 85);--blocpage-t26-btnsecondary-bgcolor-v3: rgb(255, 255, 255);--blocpage-t26-btnsecondary-color-v1: rgb(157, 85, 85);--blocpage-t26-btnsecondary-color-v2: rgb(255, 255, 255);--blocpage-t26-btnsecondary-color-v3: rgb(201, 165, 145);--blocpage-t26-btnsecondary-border-top-v1: 1px dotted rgb(157, 85, 85);--blocpage-t26-btnsecondary-border-bottom-v1: 1px dotted rgb(157, 85, 85);--blocpage-t26-btnsecondary-border-left-v1: 1px dotted rgb(157, 85, 85);--blocpage-t26-btnsecondary-border-right-v1: 1px dotted rgb(157, 85, 85);--blocpage-t26-btnsecondary-border-top-v2: 1px dotted rgb(157, 85, 85);--blocpage-t26-btnsecondary-border-bottom-v2: 1px dotted rgb(157, 85, 85);--blocpage-t26-btnsecondary-border-left-v2: 1px dotted rgb(157, 85, 85);--blocpage-t26-btnsecondary-border-right-v2: 1px dotted rgb(157, 85, 85);--blocpage-t26-btnsecondary-border-top-v3: none;--blocpage-t26-btnsecondary-border-bottom-v3: none;--blocpage-t26-btnsecondary-border-left-v3: none;--blocpage-t26-btnsecondary-border-right-v3: none;} </style> </head> <body> <div class="navbar-parent" > <nav class="navbar navbar-expand-md t-1 navbar-grand" id="navbar"> <div class="navbar-container container"> <div class="navbar-brand-parent"> <a class="navbar-brand" href="/"> <img src="/assets/images/commerces/1240/logo.png?v=1" alt="Logo A FLEURS D'O" id="logonavbar" /> </a> </div> <button class="navbar-toggler custom-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"> <span class="line"></span> <span class="line"></span> <span class="line"></span> <span class="line"></span> </span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto d-lg-flex align-items-center"> <li class="nav-item"> <a class="nav-link" href="/artisan-fleuriste"> La boutique </a> </li> <li class="nav-item"> <a class="nav-link" href="/fleurs"> Fleurs </a> </li> <li class="nav-item"> <a class="nav-link" href="/plantes"> Plantes </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Occasions </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li> <a class="dropdown-item" href="/bouquet-de-mariage"> Mariage </a> </li> <li> <a class="dropdown-item" href="/couronne-deuil"> Deuil </a> </li> <li> <a class="dropdown-item" href="/fleurs-naissance"> Naissance </a> </li> <li> <a class="dropdown-item" href="/composition-bouquets"> Autres </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="/artisan-fleuriste-evenement"> Événementiel </a> </li> <li class="nav-item"> <a class="nav-link btn btn-primary" href="https://www.artisansfleuristesdefrance.com/livraison/35-bain-de-bretagne-a-fleurs-d-o" target="_blank"> Boutique en ligne </a> </li> </ul> </div> </div> </nav> </div> <div id="illustration" class="t-6 minHeight-50" style="background-image: url('/assets/images/commerces/642/pages/dbca762c8684ece0841636135f21938b.png')"> <div class="filtre"> <div class="container intro" > <div class="row"> <div class="col-12"> <div class="div-texte"> <h1 class="titre"> Votre boutique A Fleurs d'O<br />Artisan fleuriste à Bain-de-Bretagne </h1> <div class="contenu"> <p>Découvrez A Fleurs d'O<br />Artisan fleuriste à Bain-de-Bretagne :</p> <p>Un accueil chaleureux, des conseils personnalisés et une large sélection de fleurs fraîches et d'articles floraux.</p> <p>Livraison disponible.</p> </div> <div class="mt25"> <div class="div-boutons"> <a href="https://www.artisansfleuristesdefrance.com/livraison/35-bain-de-bretagne-a-fleurs-d-o" target="_blank" class="btn btn-primary btnsection">La boutique ▸</a> </div> </div> </div> </div> </div> </div> </div> </div> <div id="content"> <div class="blocpage blocimagetexte t-19 fond1 ordre-imgTxt" id="imageEtTexte-1687860134" style=""> <div id="filtre-imageEtTexte-1687860134" class="filtre pt50 pb50" style="background-color: ;" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="row align-items-dynamique"> <div class="col-12 col-md-5 js-colonne1"> <div class="div-image"> <img class="" src="/assets/images/commerces/642/pages/fbc9e01d08e57fa8d46c8c84a2731e40.png" alt="Votre artisan fleuriste à Bain-de-Bretagne" loading="lazy"> </div> </div> <div class="col-12 col-md-7 js-colonne2"> <div class="div-texte"> <h2 class="titre"> Votre artisan fleuriste à Bain-de-Bretagne </h2> <div class="contenu"> <p> </p> <p><strong>Retrouvez toutes nos créations florales</strong><br /><br /><br /></p> </div> <div class="mt25"> <div class="div-boutons"> <a href="/fleurs" class="btn btn-primary btnsection">Nos créations</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="blocpage blocitems fond3 t-38 parallax" id="items-1687860133" style="background-image: url('/assets/images/commerces/642/pages/e2faa4023ab0df4ade13f57a3f6bab21.png')"> <div id="filtre-items-1687860133" class="filtre pt50 pb0" style="background-color: rgba(255, 255, 255, 0);" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="row justify-content-end text-right mb50"> <div class="col-12 col-md-9"> <h2 class="titre"> ⎖ Nos savoir-faire </h2> <div class="contenu"> <p>Nous vous accompagnons dans l'embellissement de vos divers événements. Nous vous conseillerons et concrétiserons vos idées, même les plus audacieuses.</p> <p>Contactez-nous !</p> </div> </div> </div> <div class="row items"> <div class="col-12 col-md-3 item mb25" id="item-1687860133"> <a href="/bouquet-de-mariage" class="no-underline"> <div class="frame t-29 alignement-centre"> <div class="bloc bordure"> <div class="div-contenu ratioImg-naturel"> <div class="illustration"> <img src="/assets/images/commerces/642/pages/5df2c73606fdfeb20a0d20f71664ebdd.png" alt="Mariage"> </div> <div class="content"> <h3 class="autoheight1">Mariage</h3> <div class="contenu autoheight2"> <p>Nous sommes à vos côtés pour sublimer ce jour unique qu'est votre mariage. De la création de votre bouquet de mariée à la décoration florale, nous mettons tout en œuvre pour concrétiser vos désirs. Prenez contact avec nous pour en savoir plus !</p> </div> <div class="btn btn-primary btn-block mt25">En savoir +</div> </div> </div> </div> </div> </a> </div> <div class="col-12 col-md-3 item mb25" id="item-1687860134"> <a href="/composition-bouquets" class="no-underline"> <div class="frame t-29 alignement-centre"> <div class="bloc bordure"> <div class="div-contenu ratioImg-naturel"> <div class="illustration"> <img src="/assets/images/commerces/642/pages/63ff3e2b7d2d2ec02cbbc0475f572703.png" alt="Naissance"> </div> <div class="content"> <h3 class="autoheight1">Naissance</h3> <div class="contenu autoheight2"> <p>Pour célébrer l'arrivée d'un nouveau-né, nous vous accompagnons en vous proposant des bouquets et des décorations florales personnalisées, adaptés à ce moment exceptionnel. Faites-nous part de vos envies !</p> </div> <div class="btn btn-primary btn-block mt25">En savoir +</div> </div> </div> </div> </div> </a> </div> <div class="col-12 col-md-3 item mb25" id="item-1687860135"> <a href="/couronne-deuil" class="no-underline"> <div class="frame t-29 alignement-centre"> <div class="bloc bordure"> <div class="div-contenu ratioImg-naturel"> <div class="illustration"> <img src="/assets/images/commerces/642/pages/9106f859c457b8e85e6c2d155e135a5f.png" alt="Deuil"> </div> <div class="content"> <h3 class="autoheight1">Deuil</h3> <div class="contenu autoheight2"> <p>Dans ces instants difficiles, nous vous apportons notre soutien en réalisant avec soin et respect vos compositions florales funéraires. Confiez-nous vos souhaits, nous les exécuterons avec une attention particulière.</p> </div> <div class="btn btn-primary btn-block mt25">En savoir +</div> </div> </div> </div> </div> </a> </div> <div class="col-12 col-md-3 item mb25" id="item-1688830324"> <a href="/composition-bouquets" class="no-underline"> <div class="frame t-29 alignement-centre"> <div class="bloc bordure"> <div class="div-contenu ratioImg-naturel"> <div class="illustration"> <img src="/assets/images/commerces/642/pages/3e6892067cc068631fbcc62032758e7f.png" alt="Pour toute occasion"> </div> <div class="content"> <h3 class="autoheight1">Pour toute occasion</h3> <div class="contenu autoheight2"> <p>Que ce soit pour une fête, un événement spécial ou simplement pour offrir, nous créons des compositions florales sur mesure, selon vos envies. Contactez-nous pour donner vie à vos idées et rendre chaque occasion unique.</p> </div> <div class="btn btn-primary btn-block mt25">En savoir +</div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div class="blocpage bloctexte fond2 t-26 parallax pt50 pb50" id="texte-1689086250" style="background-image: url('/assets/images/commerces/642/pages/4c2b58b915a5ec0ab03bb74b388a354a.png')" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="cadre"> <div class="row justify-content-md-center text-center"> <div class="col-12"> <h2 class="titre"> Toutes les fleurs de la boutique A Fleurs d'O </h2> <div class="contenu"> <p>Toutes nos fleurs à la vente sont disponibles sur la boutique en ligne.</p> </div> <div class="mt25"> <div class="div-boutons justify-content-center"> <a href="https://www.artisansfleuristesdefrance.com/livraison/35-bain-de-bretagne-a-fleurs-d-o" target="_blank" class="btn btn-primary btnsection">Commander ▸</a> </div> </div> </div> </div> </div> </div> </div> <div class="blocpage bloctexte fond2 t-17 parallax" id="texte-1690126256" style="" > <div id="filtre-texte-1690126256" class="filtre pt50 pb0" style="background-color: ;" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="row justify-content-center text-center"> <div class="col-12 col-md-11"> <h2 class="titre"> <small> Avis Google [4.7/5] ★★★★☆ </small> Ce que nos clients retiennent de nous </h2> <div class="contenu"> <p><br />"Accueil toujours impeccable. Des compositions magnifiques et d'une grande finesse. Et une boutique où l'on trouve toujours son bonheur, pour les grands et les petits. Un des lieux qui rend Bain si agréable à vivre."</p> <p>------</p> <p>"Un grand merci pour notre mariage civil !<br />Nous avons été parfaitement bien guidé pour la réalisation de nos petits bouquets de tables ainsi que pour le bouquet de mariée.<br />Un vrai plus que d’avoir un essaie avant le jour J afin d’ajuster la composition !!"</p> </div> <div class="mt25"> </div> </div> </div> </div> </div> </div> <div class="blocpage bloctexte fond2 t-26 parallax pt50 pb50" id="texte-1689153372" style="background-image: url('/assets/images/commerces/642/pages/24b89307cbee6b59140fa6d07702458e.png')" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="cadre"> <div class="row justify-content-md-center text-center"> <div class="col-12"> <h2 class="titre"> Toutes les plantes de la boutique A Fleurs d'O </h2> <div class="contenu"> <p>Changez vos habitudes et optez pour une jolie plante en pot </p> </div> <div class="mt25"> <div class="div-boutons justify-content-center"> <a href="/plantes" class="btn btn-primary btnsection">Commander ▸</a> </div> </div> </div> </div> </div> </div> </div> <div class="blocpage blocitems fond2 t-46" id="items-1689240084" style="background-image: url('/assets/images/commerces/642/pages/e2faa4023ab0df4ade13f57a3f6bab21.png')"> <div id="filtre-items-1689240084" class="filtre pt50 pb0" style="background-color: ;" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="row items"> <div class="col-12 col-md-2 mb25"> <h2 class="titre"> ⎖ Autres services </h2> <div class="mt25"> </div> </div> <div class="col-12 col-md-2 item mb25" id="item-1689240495"> <a href="https://www.artisansfleuristesdefrance.com/livraison/35-bain-de-bretagne-a-fleurs-d-o" target="_blank" class="no-underline"> <div class="frame t-29 alignement-centre"> <div class="bloc bordure"> <div class="div-contenu ratioImg-naturel"> <div class="illustration"> <img src="/assets/images/commerces/642/pages/09fb5cc824828f2b6e3e0269ef1b2792.png" alt="Livraison Express"> </div> <div class="content"> <h3 class="autoheight1">Livraison Express</h3> <div class="contenu autoheight2"> <p>Livraison chez vous ou chez un tiers, dans la limite de 5 kilomètres.</p> </div> <div class="btn btn-primary btn-block mt25">Livrer ▸</div> </div> </div> </div> </div> </a> </div> <div class="col-12 col-md-2 item mb25" id="item-1689240497"> <a href="https://www.artisansfleuristesdefrance.com/livraison/35-bain-de-bretagne-a-fleurs-d-o" target="_blank" class="no-underline"> <div class="frame t-29 alignement-centre"> <div class="bloc bordure"> <div class="div-contenu ratioImg-naturel"> <div class="illustration"> <img src="/assets/images/commerces/642/pages/770824cf254962b3ba52657f1069f313.png" alt="Abonnement Bouquet"> </div> <div class="content"> <h3 class="autoheight1">Abonnement Bouquet</h3> <div class="contenu autoheight2"> <p>Des fleurs tout au long de l'année pour un intérieur coloré en été comme en hiver.</p> </div> <div class="btn btn-primary btn-block mt25">S'abonner ▸</div> </div> </div> </div> </div> </a> </div> <div class="col-12 col-md-2 item mb25" id="item-1689240498"> <a href="https://www.artisansfleuristesdefrance.com/livraison/35-bain-de-bretagne-a-fleurs-d-o" target="_blank" class="no-underline"> <div class="frame t-29 alignement-centre"> <div class="bloc bordure"> <div class="div-contenu ratioImg-naturel"> <div class="illustration"> <img src="/assets/images/commerces/642/pages/3ebf9144525e28f8567ca93df43fa763.png" alt="Composition Sur-mesure"> </div> <div class="content"> <h3 class="autoheight1">Composition Sur-mesure</h3> <div class="contenu autoheight2"> <p>Un service de composition sur-mesure pour répondre au mieux à votre besoin.</p> </div> <div class="btn btn-primary btn-block mt25">Composer ▸</div> </div> </div> </div> </div> </a> </div> <div class="col-12 col-md-2 item mb25" id="item-1689241240"> <a href="/artisan-fleuriste-evenement" class="no-underline"> <div class="frame t-29 alignement-centre"> <div class="bloc bordure"> <div class="div-contenu ratioImg-naturel"> <div class="illustration"> <img src="/assets/images/commerces/642/pages/6411103321710fa8561a26ef910ae58d.png" alt="Vos événements"> </div> <div class="content"> <h3 class="autoheight1">Vos événements</h3> <div class="contenu autoheight2"> <p>Théâtralisez vos événements en végétalisant vos espaces d'accueil et de réception.</p> </div> <div class="btn btn-primary btn-block mt25">En savoir +</div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div class="blocpage bloctexte fond2 t-26 pt0 pb25" id="texte-1689344752" style="" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="cadre"> <div class="row justify-content-md-center text-center"> <div class="col-12"> <h2 class="titre"> Pour nous contacter </h2> <div class="contenu"> <p>Une question, une requête, un projet ? Contactez-nous sans plus attendre, nous vous répondrons au plus vite 🌷 </p> </div> <div class="mt25"> <div class="div-boutons justify-content-center"> <a href="/contact" class="btn btn-primary btnsection">Nous contacter ▸</a> </div> </div> </div> </div> </div> </div> </div> <div class="blocpage blocnewsletter fond2" id="formNewsletter-1689065984" style=""> <div id="filtre-formNewsletter-1689065984" class="filtre pt25 pb50" style="background-color: ;"> <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="row text-center"> <div class="col-12"> <h2 class="titre"> ✿ Newsletter ✿ </h2> <div class="contenu"> <p>Découvrez chaque mois les créations originales de A Fleurs d'O, pour le plaisir d'offrir ou pour le simple plaisir des yeux. </p> </div> </div> </div> <div class="row mt50 justify-content-md-center"> <div class="col-12 col-md-8"> <form name="form" method="post" action="/newsletter/submit" class="formContact"> <div class="row"> <div class="col-12 col-md-6"> <input type="email" id="form_email" name="form[email]" required="required" placeholder="Votre email" class="form-control" /> </div> <div class="col-12 col-md-6"> <button type="submit" id="form_submit" name="form[submit]" class="btn btn-primary btn-block btn">Valider</button> </div> </div> <input type="hidden" id="form__token" name="form[_token]" value="VtqYxVhyabl7CsabqfFqvL0FfJzXD-o3fcv7wqzMRG4" /> </form> </div> </div> </div> </div> </div> <div class="blocpage bloctexte fond2 t-17" id="texte-1690106953" style="" > <div id="filtre-texte-1690106953" class="filtre pt25 pb25" style="background-color: ;" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="row justify-content-center text-center"> <div class="col-12 col-md-12"> <h2 class="titre"> <small> La boutique A Fleurs d'O vous livre à domicile </small> </h2> <div class="contenu"> <p>35320 Pancé・35320 Poligné・35470 La Noë-Blanche・35320 La Bosse-de-Bretagne・35470 Pléchâtel・35320 Le Sel-de-Bretagne・ 35390 La Dominelais・35620 Ercé-en-Lamée・ 35390 Saint-Sulpice-des-Landes</p> </div> <div class="mt25"> </div> </div> </div> </div> </div> </div> <div class="blocpage blocimagetexte t-19 fond3 ordre-imgTxt" id="imageEtTexte-1692977013" style="background-image: url('/assets/images/commerces/642/pages/493ed9eeff0d0c701467dac41c78e52e.png')"> <div id="filtre-imageEtTexte-1692977013" class="filtre pt25 pb25" style="background-color: rgba(255, 255, 255, 0);" > <div class="container" data-aos="fade-up" data-aos-once="true" data-aos-duration="1250"> <div class="row align-items-center"> <div class="col-12 col-md-2 js-colonne1"> <div class="div-image"> <img class="" src="/assets/images/commerces/642/pages/ec097992ad7fa80d396474b2e2aac0c8.png" alt="Partenaire A Fleurs d'O" loading="lazy"> </div> </div> <div class="col-12 col-md-10 js-colonne2"> <div class="div-texte"> <h2 class="titre"> Partenaire A Fleurs d'O </h2> <div class="contenu"> <p>La boutique A Fleurs d'O est fière de faire partie des partenaires d'excellence de l'enseigne Les Artisans Fleuristes de France.</p> </div> <div class="mt25"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="lightbox js-fermer-lightbox"> <div class="lightbox-body"> <div class="lightbox-bouton"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 -960 960 960"> <path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/> </svg> </div> <div class="lightbox-image"> <img src=""> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md"> <h4>Notre Offre</h4> <ul> <li> <a href="/bouquet-de-mariage">Mariage ▸</a> </li> <li> <a href="/couronne-deuil">Deuil ▸</a> </li> <li> <a href="/fleurs">Toutes nos fleurs ▸</a> </li> <li> <a href="/plantes">Toutes nos plantes ▸</a> </li> <li> <a href="/artisan-fleuriste-evenement">Votre événement ▸</a> </li> </ul> </div> <div class="col-xs-12 col-md"> <h4>Informations</h4> </div> <div class="col-xs-12 col-md"> <h4>Général</h4> <ul> <li> <a href="/mentions-legales">Mentions Légales</a> </li> <li> <a href="/contact">Contact I Réclamation</a> </li> <li> <a href="/blog">Le blog</a> </li> </ul> </div> <div class="col-xs-12 col-md"> <h4>Suivez-nous</h4> <p> 16 Place de la République, <br> 35470 Bain-de-Bretagne </p> <p> </p> </div> </div> <div class="row text-center mt50"> <div class="col"> <p> <a href="https://web-propulse.fr/" target="_blank">Créez votre site professionnel sur Web Propulse <img class="drapeau-france" src="https://flagcdn.com/24x18/fr.png"></a> </p> </div> </div> </div> </footer> <script src="/assets/js/jquery.js"></script> <script src="/assets/js/popper.min.js"></script> <script src="/assets/js/bootstrap.min.js"></script> <script src="/assets/js/matchHeight.js"></script> <script src="/assets/js/app.js?v=1.3.0"></script> <script src="/assets/js/jQueryCookie.js"></script> <script src='https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js'></script> <script> window.addEventListener("message", function(event) { if(event.data && event.data.type === "changecss"){ var body = $("body"); var css = event.data.value; var unite = event.data.unite; $.each(css, function(key, value){ //console.log(key+' : '+value+unite) body.get(0).style.setProperty(key, value+unite); }); } }); </script> <noscript id="deferred-styles"> <link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet"/> <link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.0.1/css/unicons.css"> </noscript> <script> var loadDeferredStyles = function () { var addStylesNode = document.getElementById("deferred-styles"); if(addStylesNode){ var replacement = document.createElement("div"); replacement.innerHTML = addStylesNode.textContent; document.body.appendChild(replacement) addStylesNode.parentElement.removeChild(addStylesNode); } }; var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; if (raf) raf(function () { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles); </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBvrdpCclqGdNKNIyrVY31CENr4wxgkKyo"></script> <script> function updateMap() { if($('#map').length){ var lat = $('#map').attr('data-lat'); var lng = $('#map').attr('data-lng'); if (lat !== "" && lng !== "") { var latlng = new google.maps.LatLng(lat, lng); var parametres = { zoom: 17, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map"), parametres); var marker = new google.maps.Marker(); marker.setPosition(new google.maps.LatLng(lat, lng)); marker.setMap(map); } } } $(function () { updateMap(); updateMasonry(); }); $(document).on('DOMNodeInserted', function (e) { var target = $(e.target); if (target.find('.map_canvas').length > 0) { updateMap(); } if (target.is('.blocpage')) { gererDecalagesImgs(); majAutoHeight(); //updateMasonry(); } if (target.is('#illustration')) { gererDecalagesImgs(); } }); $('.t-19 img').on('load', function () { gererDecalagesImgs(); }); // Prevent closing from click inside dropdown $(document).on('click', '.dropdown-menu', function (e) { e.stopPropagation(); }); $(function() { // ------------------------------------------------------- // // Multi Level dropdowns // ------------------------------------------------------ // $("ul.dropdown-menu [data-toggle='dropdown']").on("click", function(event) { event.preventDefault(); event.stopPropagation(); $(this).siblings().toggleClass("show"); if (!$(this).next().hasClass('show')) { $(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); } $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) { $('.dropdown-submenu .show').removeClass("show"); }); }); gererDecalagesImgs(); }); $(function(){ $(window).on('resize', function() { gererDecalagesImgs(); }).trigger('resize'); }); // Gérer les marges avec les décalages function gererDecalagesImgs(){ var blocs = $('.blocpage'); $(blocs).each(function() { // Recupérer la section précédente var testBlocPrecedent = $(this).prev('.blocpage'); if(testBlocPrecedent.length) { var blocPrecedent = testBlocPrecedent; } else { var blocPrecedent = $('#illustration'); } // Chercher le dernier element qui ne doit pas disparaitre a cause du chevauchement var dernierElement = blocPrecedent.find('h1, h2, p, a, img, .titre, .contenu').last(); var imgDecalee = $(this).find('img.decalage').first(); if(imgDecalee.length) { imgDecalee.css('margin-top', 0); if(dernierElement && imgDecalee) { //on cherche les coordonnées du denier elements a ne pas cacher ainsi que de l'image pour calculer l'ecart entre les 2 const offsetHautElement = dernierElement.offset().top; var offsetBasElement = offsetHautElement + dernierElement.outerHeight(); const offsetImg = imgDecalee.offset().top; var verticalDistance = Math.abs(offsetBasElement - offsetImg); if(imgDecalee.hasClass('decalage-h-10')) { var decalageImg = imgDecalee.height() * 0.1; } else if(imgDecalee.hasClass('decalage-h-25')) { var decalageImg = imgDecalee.height() * 0.25; } else if(imgDecalee.hasClass('decalage-h-50')) { var decalageImg = imgDecalee.height() * 0.5; } else { var decalageImg = 0; } if(verticalDistance > (decalageImg + 25)) { imgDecalee.css('margin-top', decalageImg * (-1)); //console.log('on decale normalement') } else { var decalageImg = verticalDistance - 25; if(decalageImg > 0){ imgDecalee.css('margin-top', decalageImg * (-1)); //console.log('on decale en appliquant une limite') } } } } }); } </script> <script src="/assets/js/plugins/aos.min.js"></script> <script> AOS.init(); </script> <script> function alignerDynamiquementSection(element, scrollPos) { var offsetHaut = element.offset().top; // Position de l'élément par rapport au haut de la page var offsetBas = offsetHaut + element.outerHeight(); // Position du bas de l'élément par rapport au haut de la page var colonne1 = element.find('.js-colonne1'); var colonne2 = element.find('.js-colonne2'); if (colonne1.find('.div-image').length > 0) { colonne1 = colonne1.find('.div-image'); } if (colonne2.find('.div-image').length > 0) { colonne2 = colonne2.find('.div-image'); } var decalage = Math.abs(colonne1.outerHeight() - colonne2.outerHeight()) / 2; var positionInitiale = 0; var positionFinale = decalage * 2; colonne1.css('transform', 'translateY(0px)'); colonne2.css('transform', 'translateY(0px)'); if (window.innerWidth >= 768 && offsetHaut < scrollPos && offsetBas > scrollPos) { // L'élément est visible à l'écran var animationProgress = (scrollPos - offsetHaut) / (offsetBas - offsetHaut); // Calcul de la progression de l'animation // Calcul de la position intermédiaire var positionIntermediaire = positionInitiale + (positionFinale - positionInitiale) * animationProgress; if(colonne1.outerHeight() > colonne2.outerHeight()) { colonne2.css('transform', 'translateY(' + positionIntermediaire + 'px)'); } else { colonne1.css('transform', 'translateY(' + positionIntermediaire + 'px)'); } } /*else if(window.innerWidth >= 768 && offsetHaut >= scrollPos) { // L'élément est en dessous de la position de scroll if(colonne1.outerHeight() > colonne2.outerHeight()) { colonne2.css('transform', 'translateY(0px)'); } else { colonne1.css('transform', 'translateY(0px)'); } }*/ else if(window.innerWidth >= 768 && offsetBas <= scrollPos) { // L'élément est au dessus de la position de scroll if(colonne1.outerHeight() > colonne2.outerHeight()) { colonne2.css('transform', 'translateY('+positionFinale+'px)'); } else { colonne1.css('transform', 'translateY('+positionFinale+'px)'); } } } function lancerAlignementDynamique() { var hauteurFenetre = $(window).height(); // Hauteur de la fenêtre d'affichage var scrollPos = $(window).scrollTop() + (hauteurFenetre / 2); $('.align-items-dynamique').each(function() { alignerDynamiquementSection($(this), scrollPos); }); } $(window).scroll(function() { lancerAlignementDynamique(); }); $(window).resize(function() { lancerAlignementDynamique(); }); </script> <script> /* * AFFICHER LE PANIER * */ var offcanvas = $('#offcanvas-panier'); var offcanvasBody = offcanvas.find('.offcanvas-body'); var dureeAnimOpacite = 200; var dureeAnimTranslation = 500; offcanvas.css('animation-duration', dureeAnimOpacite +'ms'); offcanvasBody.css('animation-duration', dureeAnimTranslation +'ms'); function ouvrirPanier() { offcanvas.css('animation-name', 'offcanvasApparition'); offcanvasBody.css('animation-name', 'offcanvasOuverture'); offcanvas.css('display', 'block'); offcanvas.css('animation-play-state', 'running'); setTimeout(function() { offcanvas.css('animation-play-state', 'paused'); offcanvasBody.css('animation-play-state', 'running'); setTimeout(function() { offcanvasBody.css('animation-play-state', 'paused'); }, dureeAnimTranslation); }, dureeAnimOpacite); } function fermerPanier() { offcanvas.css('animation-name', 'offcanvasDisparition'); offcanvasBody.css('animation-name', 'offcanvasFermeture'); offcanvasBody.css('animation-play-state', 'running'); setTimeout(function() { offcanvasBody.css('animation-play-state', 'paused'); offcanvas.css('animation-play-state', 'running'); setTimeout(function() { offcanvas.css('animation-play-state', 'paused'); offcanvas.css('display', 'none'); }, dureeAnimOpacite); }, dureeAnimTranslation); } // OUVERTURE $('body').on('click', '.js-panier-ouvrir', function(e) { e.preventDefault(); if($('#offcanvas-panier').attr('data-loaded') == 0){ $.ajax({ url: "/panier/recharger-ajax", type: 'POST', success: function (response) { $('#offcanvas-panier').html(response); }, }); $('#offcanvas-panier').attr('data-loaded', 1) } ouvrirPanier(); }); // FERMETURE $('body').on('click', '.js-panier-fermer', function() { fermerPanier(); }); $(document).keydown(function(e) { if (e.which === 27) { fermerPanier(); } }); offcanvas.on('click', function(e) { var target = $(e.target); if (!target.parents('.offcanvas-body').length) { fermerPanier(); } }); function majIndicateurQuantiteProduitsNavbar() { // Changer la valeur de quantite produits dans la navbar var indicateurQuantiteProduits = $('.js-indicateur-quantite-produits'); var valeurQuantiteProduits = $('.offcanvas-panier').find('.offcanvas-body').attr('data-quantite-produits'); indicateurQuantiteProduits.text(valeurQuantiteProduits); } function affichagePrixUnitaire() { // Identifier les elements produits var divProduitsPanier = $('#offcanvas-panier').find('.div-produit') // Parcourir les produits dans le panier divProduitsPanier.each(function () { let divQuantitesProduitsPanier = $(this).find('.produit-quantite').find('p'); let divPrixUnitaireProduitsPanier = $(this).find('.produit-prix').find('.prix-unitaire'); let quantiteProduitPanier = parseInt(divQuantitesProduitsPanier.html()); if(quantiteProduitPanier > 1) { divPrixUnitaireProduitsPanier.removeClass('d-none'); } else { divPrixUnitaireProduitsPanier.addClass('d-none'); } }); } $('body').on('click', '.addpanier', function(e) { e.preventDefault(); // Cibler la réponse à la question personnalisée let reponse = $('#produitReponsePersonnalisee'); let reponseParent = reponse.closest('.input-caracteres'); // Lorsqu'il y a une question personnalisée dans le DOM if(reponse.length) { // Lorsque la question est obligatoire if (reponse.attr('data-required') == 'true') { let reponseValeur = reponse.val().trim(); let reponseMessageErreur = reponseParent.next('.message-erreur'); // Lorsque la réponse à la question personnalisée est vide if (reponseValeur === '') { // Ajouter la surbrillance rouge reponse.addClass('input-erreur'); // Lorsqu'il n'y a pas de message d'erreur après la question personnalisée if (reponseMessageErreur.length == 0) { var inputErreurHTML = ` <div class="message-erreur"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"> <path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/> </svg> <p>Vous avez oublié de répondre à cette question.</p> </div> `; reponseParent.after(inputErreurHTML); } return false; } // Lorsque la réponse à la question personnalisée est remplie else { // Enlever la surbrillance rouge reponse.removeClass('input-erreur'); // Lorsqu'il y a un message d'erreur après la question personnalisée if (reponseMessageErreur.length > 0) { // Supprimer le message d'erreur reponseMessageErreur.remove(); } } } } // Enlever le focus du bouton this.blur(); // Supprime la classe active du bouton if (this.classList.contains('active')) { this.classList.remove('active'); } // Définir le produit ajouté au panier $('#ajout_panier_idProduit').val($(this).attr('data-idproduit')); $('#ajout_panier_valeurQuestionPersonnalisee').val($('#produitReponsePersonnalisee').val()); // Identifier le formulaire d'ajout au panier var form = $('#formAjoutProduitPanier'); var serialized = form.serialize(); $.ajax({ url: "/panier/ajouter", type: 'POST', data: serialized, success: function (response) { if(response.ordre == 200) { $('#offcanvas-panier').html(response.contenu); ouvrirPanier(); majIndicateurQuantiteProduitsNavbar(); affichagePrixUnitaire(); } else if(response.ordre == 302) { window.location.href = response.contenu; } //console.log(response); }, error: function (html) { alert('Oups ! Une erreur est survenue ...'); //console.log(html); } }); }); $('body').on('click', '.js-panier-update-quantite', function(e) { e.preventDefault(); $.ajax({ url: $(this).attr('data-ressource'), type: 'GET', success: function (response) { if(response.status == 200) { $('#offcanvas-panier').html(response.html); majIndicateurQuantiteProduitsNavbar(); affichagePrixUnitaire(); } }, }); ouvrirPanier(); }); </script> <script> $(function() { /* ========== DECLARATION DES FONCTIONS ========== */ function changerDesignNavBar() { // Lorsque l'option d'agrandissement de navbar est active if(agrandirNavbar == true) { // Lorsque l'internaute n'est pas en haut de la page if ($(window).scrollTop() != 0) { navbar.removeClass('navbar-grand'); } // Lorsque l'internaute est en haut de la page else { navbar.addClass('navbar-grand'); } } // Lorsque l'option de transparence de navbar est active if(transparencerNavbar == true) { // Lorsque l'internaute n'est pas en haut de la page if ($(window).scrollTop() != 0) { navbar.removeClass('navbar-transparent'); } // Lorsque l'internaute est en haut de la page else { navbar.addClass('navbar-transparent'); } } } // Forcer l'affichage de la barre de navigation en menu burger en cas de manque de place function forcerBurgerNavbar() { var largeurNavbarBrandNav = largeurNavbarMenu + largeurNavbarBrand + largeurNavbarEspace + largeurNavbarPanier; // Lorsque la navbar dépasse de son container if(largeurNavbarBrandNav > largeurNavbarContainer) { // Forcer l'affichage du menu en mode burger navbar.removeClass('navbar-expand-md'); // Indiquer que la navbar est au format burger navbar.addClass('navbar-burger'); } // Lorsque la navbar ne dépasse pas de son container else { // Autoriser l'affichage du menu en mode burger navbar.addClass('navbar-expand-md'); // Lorsque la navbar est au format mobile if(window.innerWidth < 768) { // Indiquer que la navbar est au format burger navbar.addClass('navbar-burger'); } else { // Ne plus indiquer que la navbar est au format burger navbar.removeClass('navbar-burger'); } } } /* ========== IDENTIFICATION DES ELEMENTS ========== */ // Récupérer la navbar et ses élements const navbar = $('.navbar'); const navbarContainer = navbar.find('.navbar-container'); const navbarBrand = navbarContainer.find('.navbar-brand'); const navbarCollapse = navbarContainer.find('.navbar-collapse'); const navbarMenu = navbarContainer.find('.navbar-nav'); const navbarPanier = navbarContainer.find('.nav-panier'); // Mesurer la largeur des éléments de la navbar var largeurNavbarContainer = navbarContainer.width(); var largeurNavbarBrand = navbarBrand.innerWidth(); var largeurNavbarMenu = navbarMenu.innerWidth(); var largeurNavbarPanier = 0; var largeurNavbarEspace = parseInt(navbarContainer.css('gap')); // Lorsque le panier existe if (navbarPanier.length > 0) { largeurNavbarPanier = navbarPanier.innerWidth(); largeurNavbarEspace *= 2; } /* ========== EVENEMENTS ========== */ /* ----- NAVBAR OUVERTE ----- */ $('body').on('click', '.navbar-toggler', function() { // Lorsque l'on ferme le menu burger if(navbarCollapse.hasClass('show')) { navbar.removeClass('navbar-ouvert'); } // Lorsque l'on ouvre le menu burger else { navbar.addClass('navbar-ouvert'); } }); /* ----- NAVBAR TRANSPARENTE OU AGRANDIE ----- */ // Rendre transparent la navbar en haut de page var transparencerNavbar = false; // Agrandir la navbar en haut de page var agrandirNavbar = true; // Lorsque l'internaute scroll $(window).on('scroll', function () { changerDesignNavBar(); }); /* ----- NAVBAR TROP LONGUE ----- */ forcerBurgerNavbar(); // Lorsque l'internaute redimentionne sa fenêtre $(window).on('resize', function () { largeurNavbarContainer = navbarContainer.width(); forcerBurgerNavbar(); }); }); </script> <script> /* * GALERIE D'IMAGES * */ var lightbox = $('.lightbox'); var body = $('body'); // AGRANDIR LES IMAGES // Ouvrir la lightbox $('body').on('click', '.js-ouvrir-lightbox', function() { var imageSrc = $(this).find('img').attr('src'); var lightboxImg = lightbox.find('img'); lightboxImg.attr('src', imageSrc); lightbox.fadeIn(); }); // Fermer la lightbox $('body').on('click', '.js-fermer-lightbox', function() { lightbox.fadeOut(); }); $(document).keydown(function(e) { if (e.which === 27) { lightbox.fadeOut(); } }); </script> <script> /* * MASONRY MAISON * */ $(window).resize(function() { updateMasonry(); }); function updateMasonry(masonry = null) { if (!masonry) { masonry = $('.masonry'); } masonry.each(function () { var divMasonry = $(this); var divColonnes = divMasonry.find('.colonnes'); var nbColsMax = divMasonry.attr('data-nbcols'); var largeurCol = divMasonry.attr('data-largeurcols'); // Gérer le nombre de colonnes var nbCols = nbColsMax; var largeurFenetre = window.innerWidth; if(largeurFenetre < 768) { nbCols = 1; } // Remettre les items dans la div .items initiale divMasonry.find('.item').appendTo(divMasonry.find('.liste-items')) // Vider le contenu de la div .colonnes divColonnes.empty(); // Créer les colonnes for (let $i = 1; $i <= nbCols; $i++) { jQuery('<div>', { id: 'some-id-' + $i, class: 'col-12 col-md-'+largeurCol, }).appendTo(divColonnes); } // Ordonner les items var listeItemOrdre = []; divMasonry.find('.item').each(function() { listeItemOrdre.push($(this).attr('data-ordre')); }); listeItemOrdre.sort(compareNumbers); // Déplacer les items dans les colonnes for (let i = 0; i < listeItemOrdre.length; i++) { var item = divMasonry.find('.item[data-ordre="' + listeItemOrdre[i] + '"]'); var indexMoinsHaute = getColonneMoinsHaute(divColonnes); item.appendTo(divColonnes.find('.col-12')[indexMoinsHaute]); } }); } function compareNumbers(a, b) { return a - b; } function getColonneMoinsHaute(divColonnes) { // Récupérer les colonnes var listeColonnes = divColonnes.find('.col-12'); // Initialiser la hauteur minimale avec la première colonne var hauteurMin = listeColonnes.eq(0).height(); var indexPlusPetite = 0; // Parcourir toutes les colonnes for (let $i = 0; $i < listeColonnes.length; $i++) { var hauteurCol = listeColonnes.eq($i).height(); // Identifier la colonne la plus petite if (hauteurCol < hauteurMin) { indexPlusPetite = $i; hauteurMin = hauteurCol; } } return indexPlusPetite; } </script> <script> /*$('.js-defileur').each(function () { // Récupérer les données (nombre d'items et de colonnes) //var nbColonnes = $(this).attr('data-nbColonnes'); //var nbItems = $(this).find('.item').length; // Récupérer les éléments dans le DOM var divItems = $(this).find('.items'); // Changer la largeur du défileur //$(this).css('width', 'calc('+(100 / nbColonnes)+'% * '+(nbItems * 2)+')'); // Sélectionnez tous les éléments '.item' à cloner var itemsToClone = $(this).find('.item').clone(); // Parcourez chaque élément cloné itemsToClone.each(function() { divItems.append($(this)); }); });*/ </script> </body> </html>