Outiref

Code source de l'URL : http://afleursdo.fr/

<!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&#039;O Artisan fleuriste à Bain-de-Bretagne, livraison de fleurs à domicile - A FLEURS D&#039;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&#039;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&#039;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&#039;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&#039;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&eacute;couvrez A Fleurs d'O<br />Artisan fleuriste &agrave; Bain-de-Bretagne :</p>
<p>Un accueil chaleureux, des conseils personnalis&eacute;s et une large s&eacute;lection de fleurs fra&icirc;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>&nbsp;</p>
<p><strong>Retrouvez toutes nos cr&eacute;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 &eacute;v&eacute;nements. Nous vous conseillerons et concr&eacute;tiserons vos id&eacute;es, m&ecirc;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 &agrave; vos c&ocirc;t&eacute;s pour sublimer ce jour unique qu'est votre mariage. De la cr&eacute;ation de votre bouquet de mari&eacute;e &agrave; la d&eacute;coration florale, nous mettons tout en &oelig;uvre pour concr&eacute;tiser vos d&eacute;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&eacute;l&eacute;brer l'arriv&eacute;e d'un nouveau-n&eacute;, nous vous accompagnons en vous proposant des bouquets et des d&eacute;corations florales personnalis&eacute;es, adapt&eacute;s &agrave; 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&eacute;alisant avec soin et respect vos compositions florales fun&eacute;raires. Confiez-nous vos souhaits, nous les ex&eacute;cuterons avec une attention particuli&egrave;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&ecirc;te, un &eacute;v&eacute;nement sp&eacute;cial ou simplement pour offrir, nous cr&eacute;ons des compositions florales sur mesure, selon vos envies. Contactez-nous pour donner vie &agrave; vos id&eacute;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 &agrave; 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&ugrave; l'on trouve toujours son bonheur, pour les grands et les petits. Un des lieux qui rend Bain si agr&eacute;able &agrave; vivre."</p>
<p>------</p>
<p>"Un grand merci pour notre mariage civil !<br />Nous avons &eacute;t&eacute; parfaitement bien guid&eacute; pour la r&eacute;alisation de nos petits bouquets de tables ainsi que pour le bouquet de mari&eacute;e.<br />Un vrai plus que d&rsquo;avoir un essaie avant le jour J afin d&rsquo;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&nbsp;</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&egrave;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&eacute;e pour un int&eacute;rieur color&eacute; en &eacute;t&eacute; comme en hiver.</p>
                            </div>
                                <div class="btn btn-primary btn-block mt25">S&#039;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&eacute;pondre au mieux &agrave; 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&eacute;&acirc;tralisez vos &eacute;v&eacute;nements en v&eacute;g&eacute;talisant vos espaces d'accueil et de r&eacute;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&ecirc;te, un projet ? Contactez-nous sans plus attendre, nous vous r&eacute;pondrons au plus vite 🌷&nbsp;</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&eacute;couvrez chaque mois les cr&eacute;ations originales de A Fleurs d'O, pour le plaisir d'offrir ou pour le simple plaisir des yeux.&nbsp;</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&#039;O vous livre à domicile
                                </small>
                            
                            
                        </h2>
                    
                                            <div class="contenu">
                            <p>35320 Panc&eacute;・35320 Polign&eacute;・35470 La No&euml;-Blanche・35320 La Bosse-de-Bretagne・35470 Pl&eacute;ch&acirc;tel・35320 Le Sel-de-Bretagne・ 35390 La Dominelais・35620 Erc&eacute;-en-Lam&eacute;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&egrave;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>