04 88 80 13 06
Contactez-nous
5/5
Accueil
Fusées de couleurs
Cascades d'étincelles
Feux d'artifices
Gender reveal
Effets spéciaux
Lasers
Pistolet CO2
Contactez-nous
Accueil
Fusées de couleurs
Fusées de couleur à la Bauquière d'Allauch près de Marseille pour une surprise lors de l'arrivée des Mariés
Retour
Fusées de couleur à la Bauquière d'Allauch près de Marseille pour une surprise lors de l'arrivée des Mariés
</div> </div> <div class="flex-elem-s"> <div class="sticky"> <div class="txt_contenu"> <p data-start="0" data-end="329">Claire et Mickaël ont choisi de marquer les esprits dès les premiers instants de leur réception à <span class="whitespace-normal">La Bauquière</span>, près de <span class="whitespace-normal">Marseille</span>. À leur arrivée, le ciel s’est illuminé de magnifiques fusées de couleurs, offrant un spectacle aussi élégant que spectaculaire à leurs invités.</p> <p data-start="331" data-end="802" data-is-last-node="" data-is-only-node="">Dans une ambiance chaleureuse et festive, les gerbes lumineuses ont accompagné leur entrée comme un véritable conte de fées moderne. Les éclats rouges, dorés et argentés se reflétaient dans les regards émerveillés des proches, créant un moment suspendu dans le temps. Entre émotion, surprise et émerveillement, Claire et Mickaël ont transformé cette arrivée en un souvenir inoubliable pour tous ceux qui partageaient cette journée exceptionnelle à la Bauquière d’Allauch.</p> </div> <div class="ann-bts bts--inline--gauche normal-margin-top"> </div> </div> </div> </div> <div class="flex-justify-end display-flex flex-align-items-center rs "> <span class="small-padding-right"> Partager : </span> <a class="social " href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.noyevents.fr%2Fdetails-fusees%2Bde%2Bcouleur%2Ba%2Bla%2Bbauquiere%2Bd%2Ballauch%2Bpres%2Bde%2Bmarseille%2Bpour%2Bune%2Bsurprise%2Blors%2Bde%2Bl%2Barrivee%2Bdes%2Bmaries-602" target="_blank" title="Partagez sur Facebook" onclick="gtag('event','Partage Facebook');"> <span class="icon icon-facebook"></span> </a> <a class="social " href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.noyevents.fr%2Fdetails-fusees%2Bde%2Bcouleur%2Ba%2Bla%2Bbauquiere%2Bd%2Ballauch%2Bpres%2Bde%2Bmarseille%2Bpour%2Bune%2Bsurprise%2Blors%2Bde%2Bl%2Barrivee%2Bdes%2Bmaries-602" target="_blank" title="Twittez" onclick="gtag('event','Partage Twitter');"> <span class="icon icon-twitter"></span> </a> <a class="social " href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.noyevents.fr%2Fdetails-fusees%2Bde%2Bcouleur%2Ba%2Bla%2Bbauquiere%2Bd%2Ballauch%2Bpres%2Bde%2Bmarseille%2Bpour%2Bune%2Bsurprise%2Blors%2Bde%2Bl%2Barrivee%2Bdes%2Bmaries-602&media=www.noyevents.fr/public/img/big/87png_6a090398c22491.40352313.png" target="_blank" title="Partagez sur Pinterest" onclick="gtag('event','Partage Pinterest');"> <span class="icon icon-pinterest"></span> </a> <a class="social " href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.noyevents.fr%2Fdetails-fusees%2Bde%2Bcouleur%2Ba%2Bla%2Bbauquiere%2Bd%2Ballauch%2Bpres%2Bde%2Bmarseille%2Bpour%2Bune%2Bsurprise%2Blors%2Bde%2Bl%2Barrivee%2Bdes%2Bmaries-602" target="_blank" title="Partagez sur Linkedin" onclick="gtag('event','Partage Linkedin');"> <span class="icon icon-linkedin"></span> </a> </div> <div class=" bg-compl bordTop normal-padding big-padding-l big-margin-bottom"> <div class="sticky"> <div class="headline-3 small-margin-bottom">Nous écrire</div> <div class="font-size-small ann-desc small-margin-bottom">Les champs indiqués par un astérisque (*) sont obligatoires</div> <form id="frm1" class="frmContactForm" name="frm1" action="" method="post" enctype="multipart/form-data"> <ul> <li class="field input--contact"> <input id="nom" name="nom" placeholder="Nom*" type="text" value="" required x-autocompletetype="family-name" /> <label for="nom">Nom*</label> </li> <li class="field input--contact"> <input id="prenom" name="prenom" placeholder="Prénom" type="text" value="" x-autocompletetype="given-name" /> <label for="prenom">Prénom</label> </li> <li class="field input--contact"> <input id="telephone" name="telephone" placeholder="Téléphone*" type="text" value="" required x-autocompletetype="tel-national" /> <label for="telephone">Téléphone*</label> </li> <li class="field input--contact"> <input id="email" name="email" placeholder="Email*" type="email" value="" required x-autocompletetype="email" /> <label for="email">Email*</label> </li> <li class="field textarea"> <textarea cols="20" rows="6" id="message" class="noErase" name="message" placeholder="Message*" required x-autocompletetype="email">Bonjour. Je souhaiterais avoir de plus amples informations concernant : Fusées de couleur à la Bauquière d'Allauch près de Marseille pour une surprise lors de l'arrivée des Mariés. Pourriez-vous me recontacter s'il vous plait ?</textarea> <label for="message">Message*</label> </li> <li> <label class="checkbox"> <input id="ensoumettantceformulairejacceptequelesinformationssaisiessoienttraiteesparraison_socialedanslecadredemademandedecontactetdelarelationcommercialequipeutendecoulerpolitique_confidentialite" name="ensoumettantceformulairejacceptequelesinformationssaisiessoienttraiteesparraison_socialedanslecadredemademandedecontactetdelarelationcommercialequipeutendecoulerpolitique_confidentialite" type="checkbox" required /> <svg viewBox="0 0 21 21"><path d="M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"></path></svg> <div>En soumettant ce formulaire, j'accepte que les informations saisies soient traitées par <strong>NOY EVENTS MARSEILLE</strong> dans le cadre de ma demande de contact et de la relation commerciale qui peut en découler. <a href="politique-confidentialite" title="En savoir plus en consultant notre politique de confidentialité.">En savoir plus en consultant notre politique de confidentialité.</a>*</div> </label> </li> <ul id="error_form_container"> <li id="error_form"></li> </ul> <li> <input type="hidden" name="iptContactFormSubmit" /> <input type="hidden" name="IdAnnonce" value="602"/> <input type="hidden" name="DateCreationAnnonce" value="23b2d00bd289e8cdfec68749530dedacd4177f0f"/> <input type="hidden" name="iptIdFormulaire" value="1" /> <input type="hidden" name="testval" value="eccd1865c85877bab7eb37b2948f9e10" /> <input style="display:none;" type="text" id="testa1" name="testa1" value="b3dfa95b317b78f4053d7b4a96f856247691d860"> <input style="display:none;" type="text" id="testb1" name="testb1" value=""> <input style="display:none;" type="text" id="email2" name="email2" value=""> <div class="bts--centre small-margin-top"> <input class="bt formulaire submit" type="submit" value="Envoyer" onclick="makeButtonNonClickable()" id="btn-form-submit" onload="gtag('event','Formulaire');"/> </div> </li> </ul> </form> <script type="text/javascript" charset="utf-8"> function checkFileSize(e, input) { const file = input.files[0]; const maxSizeInBytes = 4194304; const errorMsg = "Le fichier que vous tentez de charger dépasse la limite de 4Mo autorisée. Merci de le compresser avant envoi." const ulErrorContainer = document.getElementById("error_form_container"); const liError = document.getElementById("error_form"); if (file.size > maxSizeInBytes) { displayError(ulErrorContainer, liError, errorMsg); input.value = ""; } else { clearError(ulErrorContainer, liError); } } function displayError(ul, li, message) { ul.classList.add("bt", "alert"); li.innerText = message; } function clearError(ul, li) { ul.classList.remove("bt", "alert"); li.innerText = ""; } </script> </div> </div> <div class="clear"></div> <div class="jxpress"> <a href="activites-fusees+de+jour+pour+mariage+anniversaire+bapteme+ou+autre+evenement+privee+a+saint+tropez+pres+de+ramatuelle+saint+tropez+pres+de+ramatuelle-59" title="fusées de jour pour mariage, anniversaire, baptême ou autre événement privée à Saint Tropez près de Ramatuelle saint Tropez près de ramatuelle">fusées de jour pour mariage, anniversaire, baptême ou autre événement privée à Saint Tropez près de Ramatuelle saint Tropez près de ramatuelle</a> <a href="activites-fusees+de+couleurs+ou+feux+diurnes+de+jour+pour+mariage+de+luxe+a+cannes+pres+de+nice+cannes+pres+de+nice-56" title="fusées de couleurs ou feux diurnes de jour pour mariage de luxe à Cannes près de Nice Cannes près de nice">fusées de couleurs ou feux diurnes de jour pour mariage de luxe à Cannes près de Nice Cannes près de nice</a> <a href="activites-fusees+de+couleurs+ou+feux+d+artifices+de+jour+pour+mariage+en+corse+pres+de+bastia+pour+ceremonie+corse+bastia-52" title="fusées de couleurs ou feux d'artifices de jour pour mariage en corse près de Bastia pour cérémonie corse bastia">fusées de couleurs ou feux d'artifices de jour pour mariage en corse près de Bastia pour cérémonie corse bastia</a> </div> <div class="clear"></div> </div> <section class="section-ann big-padding-y"> <div class="centrage"> <div class="headline-1 text-align-center normal-margin-bottom big-margin-top">À découvrir</div> <section class="grid-listing x3 normal-gap"> <div class="ann display-flex flex-direction-column normal-margin-bottom bordy"> <div class="ann-elem cursor-pointer"> <div class="img--back anim-clipToBottom vsy ratio--carre imgDeg noir" onclick="jalik('details[!]fusees[*]de[*]couleur[*]pour[*]leur[*]arrivee[*]a[*]leur[*]mariage[*]au[*]domaine[*]amourella[*]pres[*]de[*]la[*]roque[*]d[*]antheron[*]a[*]villelaure[!]569')"> <img src="public/img/medium/jutpng_69ac851eb7a193.40271638.png" srcset="public/img/small/jutpng_69ac851eb7a193.40271638.png 300w, public/img/medium/jutpng_69ac851eb7a193.40271638.png 500w, public/img/big/jutpng_69ac851eb7a193.40271638.png 1024w" sizes="(max-width: 300px) 100vw,(max-width: 500px) 50vw, 100vw" loading="lazy" alt="fusées de couleur pour mariage à la roque d'anthéron près de villelaure" title=""/> </div> </div> <div class="ann-elem flex-elem display-flex flex-direction-column small-margin-top-children normal-margin-x normal-padding mgT-neg zi-100"> <h2 class="headline-ann small-margin-top"> <a href="details-fusees+de+couleur+pour+leur+arrivee+a+leur+mariage+au+domaine+amourella+pres+de+la+roque+d+antheron+a+villelaure-569" title="Fusées de couleur pour leur arrivée à leur mariage au Domaine Amourella près de la Roque d'anthéron à Villelaure">Fusées de couleur pour leur arrivée à leur mariage au Domaine Amourella près de la Roque d'anthéron à Villelaure</a> </h2> <div class="ann-desc txt_contenu flex-elem"> Justine et Ruben arrivent au Domaine Amourella sous les couleurs du Portugal avec des fusées de couleurs </div> <div class="ann-bts bts--flex normal-margin-top"> <div class="bt cta" onclick="jalik('details[!]fusees[*]de[*]couleur[*]pour[*]leur[*]arrivee[*]a[*]leur[*]mariage[*]au[*]domaine[*]amourella[*]pres[*]de[*]la[*]roque[*]d[*]antheron[*]a[*]villelaure[!]569')"><span>En savoir plus</span></div> </div> </div> </div> <div class="ann display-flex flex-direction-column normal-margin-bottom bordy"> <div class="ann-elem cursor-pointer"> <div class="img--back anim-clipToBottom vsy ratio--carre imgDeg noir" onclick="jalik('details[!]fusees[*]de[*]couleur[*]pour[*]une[*]arrivee[*]explosive[*]au[*]domaine[*]des[*]fregates[*]a[*]saint[*]cyr[*]sur[*]mer[*]pres[*]de[*]bandol[!]475')"> <img src="public/img/medium/freg1png_6872c3477f6d16.25383912.png" srcset="public/img/small/freg1png_6872c3477f6d16.25383912.png 300w, public/img/medium/freg1png_6872c3477f6d16.25383912.png 500w, public/img/big/freg1png_6872c3477f6d16.25383912.png 1024w" sizes="(max-width: 300px) 100vw,(max-width: 500px) 50vw, 100vw" loading="lazy" alt="fusées de couleur mariage près de saint cyr sur mer" title=""/> </div> </div> <div class="ann-elem flex-elem display-flex flex-direction-column small-margin-top-children normal-margin-x normal-padding mgT-neg zi-100"> <h2 class="headline-ann small-margin-top"> <a href="details-fusees+de+couleur+pour+une+arrivee+explosive+au+domaine+des+fregates+a+saint+cyr+sur+mer+pres+de+bandol-475" title="Fusées de couleur pour une arrivée explosive au Domaine des Frégates à Saint cyr sur mer près de Bandol">Fusées de couleur pour une arrivée explosive au Domaine des Frégates à Saint cyr sur mer près de Bandol</a> </h2> <div class="ann-desc txt_contenu flex-elem"> Elodie et Luca ont choisis d'exploser leur arrivée au Domaine des Frégates avec un éventail de 5 fusées de couleurs </div> <div class="ann-bts bts--flex normal-margin-top"> <div class="bt cta" onclick="jalik('details[!]fusees[*]de[*]couleur[*]pour[*]une[*]arrivee[*]explosive[*]au[*]domaine[*]des[*]fregates[*]a[*]saint[*]cyr[*]sur[*]mer[*]pres[*]de[*]bandol[!]475')"><span>En savoir plus</span></div> </div> </div> </div> <div class="ann display-flex flex-direction-column normal-margin-bottom bordy"> <div class="ann-elem cursor-pointer"> <div class="img--back anim-clipToBottom vsy ratio--carre imgDeg noir" onclick="jalik('details[!]fusees[*]de[*]couleurs[*]en[*]eventail[*]rose[*]et[*]orange[*]pour[*]mariage[*]au[*]chateau[*]de[*]roquefeuille[*]a[*]trets[*]pres[*]de[*]pourrieres[!]596')"> <img src="public/img/medium/a3e4c3157cf741c8bde487b3794ad9ceJPG_6a005770425531.57771570.JPG" srcset="public/img/small/a3e4c3157cf741c8bde487b3794ad9ceJPG_6a005770425531.57771570.JPG 300w, public/img/medium/a3e4c3157cf741c8bde487b3794ad9ceJPG_6a005770425531.57771570.JPG 500w, public/img/big/a3e4c3157cf741c8bde487b3794ad9ceJPG_6a005770425531.57771570.JPG 1024w" sizes="(max-width: 300px) 100vw,(max-width: 500px) 50vw, 100vw" loading="lazy" alt="fusées de couleurs mariage château Roquefeuille à Pourrières près de Trets" title=""/> </div> </div> <div class="ann-elem flex-elem display-flex flex-direction-column small-margin-top-children normal-margin-x normal-padding mgT-neg zi-100"> <h2 class="headline-ann small-margin-top"> <a href="details-fusees+de+couleurs+en+eventail+rose+et+orange+pour+mariage+au+chateau+de+roquefeuille+a+trets+pres+de+pourrieres-596" title="Fusées de couleurs en éventail rose et orange pour mariage au Château de Roquefeuille à Trets près de Pourrières">Fusées de couleurs en éventail rose et orange pour mariage au Château de Roquefeuille à Trets près de Pourrières</a> </h2> <div class="ann-desc txt_contenu flex-elem"> Malaurie et Maxime s'unissent au Château de Roquefeuille et clôturent leur cérémonie laïque avec un éventail de fusées de couleurs rose et orange </div> <div class="ann-bts bts--flex normal-margin-top"> <div class="bt cta" onclick="jalik('details[!]fusees[*]de[*]couleurs[*]en[*]eventail[*]rose[*]et[*]orange[*]pour[*]mariage[*]au[*]chateau[*]de[*]roquefeuille[*]a[*]trets[*]pres[*]de[*]pourrieres[!]596')"><span>En savoir plus</span></div> </div> </div> </div> </section> </div> </section> </div> <section class="section-padding-y-l verybig-padding-y p-contact"> <div class="centrage z-index-10 text-color-blanc text-align-center big-margin-top-children "> <div class="headline-1 stue normal-margin-bottom anim-fadeInBottom vsy">N'hésitez pas à nous contacter</div> <div class="bts--centre normal-gap anim-fadeInTop vsy"> <a class="bt ghost big-padding-x-l normal-padding-y-l small-margin-x" href="tel:+33488801306" onclick="gtag('event','Téléphone');"> 04 88 80 13 06 </a> <a href="contact" class="bt big-padding-x-l normal-padding-y-l small-margin-x">Contactez-nous</a> </div> </div> <div class="img--back layout image-fond "> <img src="public/img/big/ce53197629be41648ff94a717567e880JPG_687774830ced65.70039899.JPG" srcset="public/img/small/ce53197629be41648ff94a717567e880JPG_687774830ced65.70039899.JPG 300w, public/img/medium/ce53197629be41648ff94a717567e880JPG_687774830ced65.70039899.JPG 500w, public/img/big/ce53197629be41648ff94a717567e880JPG_687774830ced65.70039899.JPG 1024w" sizes="(max-width: 300px) 100vw,(max-width: 500px) 50vw, 100vw" loading="lazy" alt="fusées de couleurs pour mariage " title=""> </div> <div class="cache--sombre"></div> </section> </div> <ul class="menufx"> <li class="bt small"> <a class="" href="tel:+33488801306" onclick="gtag('event','Téléphone');"> <span> <i class="material-icons">call</i> </span> Tél. </a> </li> <li class="bt small"> <a class=" " href="https://urls.fr/Tj7A6C" target="_blank" rel="nofollow" onclick="gtag('event','Avis');"> <span> <img width="17px" class="" src="templates/noy/img/interface/avis.svg" alt=""> </span> avis </a> </li> <li class="bt blanc small p-contact"> <a class="" href="contact" title="Contactez-nous"> <span> <i class="material-icons">mail</i> </span> contact </a> </li> </ul> <script type="text/javascript" src="https://cdn1.mariages.net/_js/wp-rated.js?v=4"></script> <script>wpShowRatedWAv3('318290','2026');</script> <footer class="" role="contentinfo"> <div class="footer-infos"> <div class="adresse"> <div class="centrage display-flex-m no-margin-top-children-l normal-margin-top-children big-margin-left-children-s big-padding-y p-contact text-color-blanc-all"> <div class="flex-elem-m flex-grow-3-m text-align-left-m text-align-center"> <div class="logo no-margin-m margin-auto"> <img src="templates/noy/img/interface/logo.png" alt="Animations pyrotechniques et visuelles pour événements" width="180px" height="64px" /></div> </div> <ul class="flex-elem-m flex-grow-4-m small-margin-top-children text-align-left-m text-align-center"> <li><strong>NOY EVENTS MARSEILLE</strong></li> <li>5 AVENUE GRACIEUSE </li> <li> 13013 MARSEILLE </li> <li>noyeventsmarseille@gmail.com</li> <li> <a href="tel:+33488801306" itemprop="telephone" onclick="gtag('event','Téléphone');" >04 88 80 13 06</a> </li> </ul> <ul class="flex-elem-s flex-grow-3-s small-margin-top-children footer-liens text-align-left-s text-align-center"> <li class="flex-0-auto-s cursor-pointer"> <a href="guide-local-w1"> Guide local</a> </li> <li class="flex-0-auto-s cursor-pointer"> <label id="footer-bt" for="ouvre-footer">Informations complémentaires</label> </li> <li class="flex-0-auto-s"> <a href="mentions-legales" title="Mentions légales">Mentions légales</a> </li> <li class="flex-0-auto-s"> <a href="politique-confidentialite" title="Politique de confidentialité">Politique de confidentialité</a> </li> </ul> </div> <div class="small-padding-y"> <div class="centrage font-size-small"> <div onclick="jalik('[hs]www[#]jalis[#]fr', true)" rel="noopener" id="logo-jalis" class="logojalis " title="JALIS : Agence web à Marseille - Création et référencement de sites Internet"> <img width="48px" height="25px" src="templates/noy/img/interface/jalis/logo-jalistouch-3.0.png" alt="Jalis"/> </div> </div> </div> </div> </div> </div> </footer> <div class="footer-jalis big-padding-y"> <div class="centrage big-margin-top-children"> <div class="bts--inline"> <label aria-label="Fermer la fenêtre" for="ouvre-footer" class="bt ">Fermer</label> </div> <div class="big-margin-top-children max-width-large margin-auto no-margin-top-children-s big-margin-left-children-s display-flex-s"> <div class="flex-elem"> <ul> <li> <strong>NOY EVENTS MARSEILLE</strong> </li> <li> <a href="toutes-nos-prestations-1" title="Nos prestations">Nos prestations</a> </li> <li> <a href="archives-1" title="Nos archives">Nos archives</a> </li> <li> <a href="secteurs" title="Nos secteurs d'activité">Nos secteurs d'activité</a> </li> <li> <a href="plan-du-site" title="Plan du site">Plan du site</a> </li> <li> <a href="nos-activites" title="Nos activités">Nos activités</a> </li> </ul> </div> <div class="flex-elem"> <ul class="grille-elem-egalise"> <li><strong>Experts en animations pyrotechniques et visuelles pour événements : Feux d’artifice, étincelles, fumées, lasers</strong></li> <li><a href="details-etincelles+au+sol+a+effets+froid+pour+premiere+danse+de+mariage+au+mas+des+comtes+de+provence+a+tarascon-609" title="Étincelles au sol à effets froid pour première danse de mariage au Mas des Comtes de Provence à Tarascon">Étincelles au sol à effets froid pour première danse de mariage au Mas des Comtes de Provence à Tarascon</a></li> <li><a href="details-spectacle+en+cascade+d+etincelles+froides+pour+une+premiere+danse+elegante+pendant+un+mariage+au+domaine+de+bres-391" title="Spectacle en cascade d’étincelles froides pour une première danse élégante pendant un mariage au Domaine de Brès">Spectacle en cascade d’étincelles froides pour une première danse élégante pendant un mariage au Domaine de Brès</a></li> </ul> </div> <div class="flex-elem"> <ul> <li> <strong>Experts en animations pyrotechniques et visuelles pour événements à Marseille, Aix en Provence, Cannes, Avignon et Paris – Feux d’artifice, étincelles, fumées, lasers</strong> </li> <li> <a href="paris+75+en+ile-de-france-y28" title="Paris 75 en Île-de-France">Paris 75 en Île-de-France</a> </li> <li> <a href="aix-en-provence+en+paca-y26" title="Aix-en-Provence en PACA">Aix-en-Provence en PACA</a> </li> <li> <a href="avignon+84+dans+le+vaucluse+proche+montpellier-y29" title="Avignon 84 dans le Vaucluse proche Montpellier">Avignon 84 dans le Vaucluse proche Montpellier</a> </li> <li> <a href="marseille+13+dans+les+bouches-du-rhone+proche+aubagne+-y25" title="Marseille 13 dans les Bouches-du-Rhône proche Aubagne ">Marseille 13 dans les Bouches-du-Rhône proche Aubagne </a> </li> <li> <a href="cannes+mandelieu+proche+antibes+et+nice+06-y27" title="Cannes Mandelieu proche Antibes et Nice 06">Cannes Mandelieu proche Antibes et Nice 06</a> </li> </ul> </div> </div> <div class="txt_contenu max-width-large margin-auto font-size-small"> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js" integrity="sha512-Ysw1DcK1P+uYLqprEAzNQJP+J4hTx4t/3X2nbVwszao8wD+9afLjBQYjz7Uk4ADP+Er++mJoScI42ueGtQOzEA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="apps/backend/web/js/jgo.min.js"></script> <script src="apps/backend/web/js/modernizr.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script> <script> document.addEventListener("DOMContentLoaded", function() { const divs = document.querySelectorAll(".image-fond"); // Sélectionner tous les éléments avec la classe image-fond divs.forEach(function(div) { // Parcourir chaque élément const img = div.querySelector("img"); // Sélectionner l'image à l'intérieur du div if (img) { const imageUrl = img.src; // Récupérer l'URL de l'image const newDiv = document.createElement('div'); // Créer une nouvelle div newDiv.style.backgroundImage = `url(${imageUrl})`; // Ajouter l'image comme fond div.appendChild(newDiv); // Ajouter la nouvelle div comme enfant du div original img.remove(); // Supprimer l'image originale } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Fonction pour faire défiler en douceur vers l'élément cible avec une vitesse spécifique function smoothScroll(targetSelector, offset, duration) { const targetElement = document.querySelector(targetSelector); if (targetElement) { const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset; const startPosition = window.pageYOffset; const distance = targetPosition - offset - startPosition; let startTime = null; function animationScroll(currentTime) { if (startTime === null) startTime = currentTime; const timeElapsed = currentTime - startTime; const run = ease(timeElapsed, startPosition, distance, duration); window.scrollTo(0, run); if (timeElapsed < duration) requestAnimationFrame(animationScroll); } // Fonction pour une animation douce (ease in-out) function ease(t, b, c, d) { t /= d / 2; if (t < 1) return c / 2 * t * t + b; t--; return -c / 2 * (t * (t - 2) - 1) + b; } requestAnimationFrame(animationScroll); } } // Ajouter un écouteur d'événement de clic à chaque bouton avec l'attribut 'data-go' document.querySelectorAll('.go[data-go]').forEach(function(button) { button.addEventListener('click', function() { const target = this.getAttribute('data-go'); const shift = parseInt(this.getAttribute('data-go-shift'), 10) || 0; const speed = parseInt(this.getAttribute('data-go-speed'), 10) || 1000; // Vitesse par défaut de 1000ms // Appeler la fonction de défilement fluide avec la vitesse smoothScroll(target, shift, speed); }); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Function to scroll smoothly to the target element function smoothScroll(targetSelector, offset, origin) { const targetElement = document.querySelector(targetSelector); if (targetElement) { const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset; const offsetPosition = targetPosition - offset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } } // Add click event listener to each button with the 'data-go' attribute document.querySelectorAll('.bouton[data-go]').forEach(function(button) { button.addEventListener('click', function() { const target = this.getAttribute('data-go'); const origin = this.getAttribute('data-go-origin') || 'top'; const shift = parseInt(this.getAttribute('data-go-shift'), 10) || 0; // Call the smooth scroll function smoothScroll(target, shift, origin); }); }); }); </script> <script src="templates/noy/js/fonctions_site.js"></script> <script type="text/javascript"> $("#frm1").submit(function() {$("#testb1").val($("#testa1").val());}); $("#frm2").submit(function() {$("#testb2").val($("#testa2").val());}); $("#frmContactFormNewsletter").submit(function() { $("#test2News").val($("#test1News").val()); }); </script> <script> function makeButtonNonClickable(){ const form = document.getElementsByClassName("frmContactForm")[0]; form.addEventListener("submit", function() { document.getElementById('btn-form-submit').disabled = true }); } </script> <script type="text/javascript"> const els = document.querySelectorAll(".gallery"); for (const e of els) { // console.log(e); const img = new Image(); img.onload = function () { e.setAttribute("data-pswp-height", this.naturalHeight); e.setAttribute("data-pswp-width", this.naturalWidth); }; img.src = e.getAttribute("href"); } </script> <script type="module"> import PhotoSwipeLightbox from './templates/noy/js/photoswipe/dist/photoswipe-lightbox.esm.js'; const options = { gallery:'body', children:'a.gallery', pswpModule: () => import('./templates/noy/js/photoswipe/dist/photoswipe.esm.js') }; const lightbox = new PhotoSwipeLightbox(options); lightbox.on('uiRegister', function() { lightbox.pswp.ui.registerElement({ name: 'custom-caption', order: 9, isButton: false, appendTo: 'root', html: 'Caption text', onInit: (el, pswp) => { lightbox.pswp.on('change', () => { const currSlideElement = lightbox.pswp.currSlide.data.element; let captionHTML = ''; if (currSlideElement) { const hiddenCaption = currSlideElement.querySelector('.hidden-caption-content'); if (hiddenCaption) { // get caption from element with class hidden-caption-content captionHTML = hiddenCaption.innerHTML; } else { // get caption from alt attribute captionHTML = currSlideElement.querySelector('img').getAttribute('alt'); } } el.innerHTML = captionHTML || ''; }); } }); }); lightbox.init(); </script> <script type="text/javascript" async> $("#adminAnchor").click(function(){if($("#ulAdminToolbar ul").hasClass("active")){$("#ulAdminToolbar ul").removeClass("active");}else{$("#ulAdminToolbar ul").addClass("active");}});$(".anchorArrow").click(function(){$("#ulAdminToolbar ul").addClass("active");if($("#ulAdminToolbar").hasClass("hidden")){$("#ulAdminToolbar").removeClass("hidden");$(".anchorArrow").html("<");$(".anchorArrow").attr("title","cacher ce panneau");$("#ulAdminToolbar ul").removeClass("active");}else{$("#ulAdminToolbar").addClass("hidden");$(".anchorArrow").html(">");$(".anchorArrow").attr("title","afficher le panneau de gestion");}}); $("iframe").each(function(){var a=$(this).attr("src");var b="wmode=transparent";if(a.indexOf("?")!=-1){var c=a.split("?");var d=c[1];var e=c[0];$(this).attr("src",e+"?"+b+"&"+d);}else $(this).attr("src",a+"?"+b);}); </script> </body> </html>
5/5
