À propos
Marche et boisés
Nous épauler
Documentation
Contact
Nous contacter
</div> <div class="col-md-6 col-12 order-md-2 order-1"> <div class="pb-5"> <i class="fas fa-map-marker-alt fa-2x pb-4"></i> <p>122 Rue Labonté, Chicoutimi</p> <p>G7G 2K6</p> </div> <div class="pb-5"> <i class="fas fa-phone fa-flip-horizontal fa-2x pb-4"></i> <p>Tél: (418) 973-4261</p> <p>Fax: Inexistant</p> </div> </div> </div> </div> <!--NOUS CONTACTER FIN--> <!--GARDONS CONTACT--> <div class="container-fluid"> <div id="gardercontact" class="row p-5 mb-5"> <div class="col-md-6 col-12"> <h2>Gardons contact!</h2> <p class="py-3">Envoyez-nous un courriel et restez à jour sur toute notre actualité en nous suivant sur nos réseaux sociaux.</p> <span class="call_contact" objet="Commentaire, question ou proposition"><p class="pb-5"><i class="fas fa-envelope mr-3"></i> <!--***LIEN VERS LE MODAL***--> Écrivez-nous!</span></p> <!--***LIEN VERS LE MODAL FIN***--> </div> <div class="d-flex offset-md-4 col-md-2 col-12 align-self-end justify-content-center"> <a href="https://www.facebook.com/lesvertsboisesdufjord/" target="_blank"><i class="fab fa-facebook-f fa-2x px-3"></i></a> <a href="https://www.youtube.com/channel/UC03_-h6nLVGfFQaOY5JKDjg" target="_blank"><i class="fab fa-youtube fa-2x px-3"></i></a> </div> </div> </div> <!--GARDONS CONTACT FIN--> </div> <!--CONTACT FIN--> <!--MODAL CONTACT--> <div id="modal_contact" class="modal fade" tabindex="-1" role="dialog" aria-hidden='true'> <div class="modal-dialog modal-xl modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h2 id="titre_email">Nous contacter</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">Fermer ×</span> </button> </div> <form action="http://www.lvbf.org/lvbf/lvbf_mail" class="form-horizontal" method="post" accept-charset="utf-8"> <div class="modal-body"> <div class="row"> <div class="col-xl-8 col-lg-6 col-12"> <div class="form-group"> <label for="nom">Votre nom</label> <input type="text" class="form-control" name="nom" id="nom" aria-describedby="emailHelp" placeholder="Votre Nom" required> </div> <div class="form-group"> <label for="email">Votre courriel</label> <input type="email" class="form-control" name="email" id="email" aria-describedby="emailHelp" placeholder="votrecourriel@gmail.com" required> <small id="emailHelp" class="form-text text-muted">Ceci nous permettra de vous recontacter au besoin.</small> </div> <input type="hidden" id="objet_email" name="sujet" value=""> <div class="form-group"> <label for="message">Message</label> <textarea class="form-control" name="message" id="message" rows="5" required></textarea> </div> </div> <div class="col-xl-4 col-lg-6 align-items-end"> <img class="d-none d-lg-block img-fluid" src="http://www.lvbf.org/asset/img/arbres.png" alt=""> </div> </div> </div> <div class="modal-footer"> <button type="submit" name="action" value="envoyer" class="btn btn-success"><i class="fas fa-envelope"></i> Envoyer</button> </div> </form> </div> </div> </div> <!--MODAL CONTACT FIN--> <!--FOOTER--> <footer> <!--DÉCO ARBRES--> <div id="deco"> <a class="d-none" href="https://www.freepik.com/free-photos-vectors/tree">Tree vector created by freepik - www.freepik.com</a> </div> <!--DÉCO ARBRES FIN--> <!--PARTENAIRES--> <div id="footer_partenaires" class="container-fluid"> <div id="slider_partenaires" class="pb-5"> <div class="responsive pb-5"> <!--*BOUCLE PARTENAIRES*--> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='https://ville.saguenay.ca/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/ville_de_saguenay.png' alt='ville_de_saguenay'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.rmnat.org/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/LOGO-RMN.png' alt='LOGO-RMN'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='https://www.cegepjonquiere.ca/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/cegep-jonquiere.png' alt='cegep-jonquiere'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.environnement.gouv.qc.ca/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/MDDELCC.png' alt='MDDELCC'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='https://www.rlssaguenaylacstjean.com' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/RLS.png' alt='RLS'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='https://www.uqac.ca/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/UQAC.png' alt='UQAC'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='https://rivieredumoulin.saguenay.ca/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/parc_riviere_moulin.png' alt='parc_riviere_moulin'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.creddsaglac.com/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/CRED.png' alt='CRED'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://eureko.ca/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/eurêko.png' alt='eurêko'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://charlesgravel.csrsaguenay.qc.ca/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/charles-gravel.png' alt='charles-gravel'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.csrsaguenay.qc.ca/odyssee/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/ecole_odysée.png' alt='ecole_odysée'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='https://www.eco-kartier.org/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/ecokartier.png' alt='ecokartier'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.csrsaguenay.qc.ca/primaire/125-ecole-saint-antoine-' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/saint-antoine.png' alt='saint-antoine'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.csrsaguenay.qc.ca/stexupery/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/saint-exupery.png' alt='saint-exupery'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://csrsaguenay.qc.ca/horizon/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/ecole_horizon.png' alt='ecole_horizon'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.naturequebec.org/accueil/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/nature_quebec.png' alt='nature_quebec'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='https://cqde.org/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/CQDE.png' alt='CQDE'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.cgq.qc.ca/fr/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/centregeomatique.png' alt='centregeomatique'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='http://www.riotinto.com/canada-10512-fr.aspx' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/rio_tinto.png' alt='rio_tinto'></a></div> <div class='d-flex justify-content-center col-lg-4 col-md-6 col-sm-12'><a href='https://www.electronicrecyclingassociation.ca/' target='_blank'><img src='http://www.lvbf.org/asset/images/partenaire/era-logo-best-one-to-use-1-.png' alt='era-logo-best-one-to-use-1-'></a></div> <!--BOUCLE FIN PARTENAIRES--> </div> </div> </div> <!--PARTENAIRES FIN--> <!--MENU PRINCIPAL--> <div class="container-fluid"> <div id="footer_menu" class="row pt-4"> <!--BOUCLE MENU DYNAMIQUE--> <div class="col-lg-3 col-12 pb-4"><a class="nav-link" href="http://www.lvbf.org/lvbf/index/apropos/1"><h4> À propos</h4></a><div class="row text-center d-flex flex-column"> <p><a href="http://www.lvbf.org/lvbf/index/apropos/1#section_6">Description</a></p> <p><a href="http://www.lvbf.org/lvbf/index/apropos/1#section_7">Historique</a></p> <p><a href="http://www.lvbf.org/lvbf/index/apropos/1#section_13">Projets</a></p> <p><a href="http://www.lvbf.org/lvbf/index/apropos/1#section_14">Membres</a></p> </div></div><div class="col-lg-3 col-12 pb-4"><a class="nav-link" href="http://www.lvbf.org/lvbf/index/boises/2"><h4>Marche et boisés</h4></a><div class="row text-center d-flex flex-column"> <p><a href="http://www.lvbf.org/lvbf/index/boises/2#section_8">Club de marche</a></p> <p><a href="http://www.lvbf.org/lvbf/index/boises/2#section_26">Parrainage des écoles</a></p> <p><a href="http://www.lvbf.org/lvbf/index/boises/2#section_25">Types de sentiers</a></p> <p><a href="http://www.lvbf.org/lvbf/index/boises/2#section_15">Boisés</a></p> <p><a href="http://www.lvbf.org/lvbf/index/boises/2#section_20">Cartes générales</a></p> <p><a href="http://www.lvbf.org/lvbf/index/boises/2#section_24">Vidéo</a></p> </div></div><div class="col-lg-3 col-12 pb-4"><a class="nav-link" href="http://www.lvbf.org/lvbf/index/epauler/3"><h4>Nous épauler</h4></a><div class="row text-center d-flex flex-column"> <p><a href="http://www.lvbf.org/lvbf/index/epauler/3#section_11">Dons</a></p> <p><a href="http://www.lvbf.org/lvbf/index/epauler/3#section_10">Être membre</a></p> <p><a href="http://www.lvbf.org/lvbf/index/epauler/3#section_9">Être bénévole</a></p> <p><a href="http://www.lvbf.org/lvbf/index/epauler/3#section_21">Lithographie</a></p> </div></div><div class="col-lg-3 col-12 pb-4"><a class="nav-link" href="http://www.lvbf.org/lvbf/index/documentation/4"><h4>Documentation</h4></a><div class="row text-center d-flex flex-column"> <p><a href="http://www.lvbf.org/lvbf/index/documentation/4#section_12">Historique</a></p> <p><a href="http://www.lvbf.org/lvbf/index/documentation/4#section_17">Interventions</a></p> <p><a href="http://www.lvbf.org/lvbf/index/documentation/4#section_18">Projets</a></p> </div></div> <!--BOUCLE FIN--> </div> </div> <!--MENU PRINCIPAL FIN--> <!--INFOS DE CONTACT--> <div class="container-fluid"> <div id="footer_contact" class="row"> <div id="infos" class="col-lg-6 col-12 container-fluid p-4"> <h3>Nos infos</h3> <div class="row text-center d-flex flex-column"> <p>122 Rue Labonté, Chicoutimi</p> <p>G7G 2K6</p> <p>Tél: (418) 973-4261</p> <p>Fax: Inexistant</p> <p><i class="fas fa-envelope mr-3"></i><span class="call_contact font-weight-bold" objet="Commentaire, question ou proposition">vertsboises@lvbf.org</span></p> </div> <div class="row d-flex text-center justify-content-around mt-5"> <a class="reseauxlvbf" href="https://www.facebook.com/lesvertsboisesdufjord/" class="col-6" target="_blank"><img src="http://www.lvbf.org/asset/img/icons/fb.png" alt="Logo Facebook"></a> <a class="reseauxlvbf" href="https://www.youtube.com/channel/UC03_-h6nLVGfFQaOY5JKDjg" class="col-6" target="_blank"><img src="http://www.lvbf.org/asset/img/icons/yt.png" alt="Logo Youtube"></a> </div> </div> <div id="carte" class="col-lg-6 col-12"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2646.9507565800545!2d-71.04990798434042!3d48.4382848792486!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cc020aac836a9d3%3A0x9c0403a711bf791a!2s122%20Rue%20Labont%C3%A9%2C%20Chicoutimi%2C%20QC%20G7G%202K6%2C%20Canada!5e0!3m2!1sen!2sru!4v1633913954873!5m2!1sen!2sru" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"> </div> </div> </div> <!--INFOS DE CONTACT FIN--> <!--COPYRIGHT--> <div id="footer_copyright" class="py-3"> <p>Réalisé par © <a href="http://techniquesmedia.com/codesign/site/" target="_blank" style="font-style: italic;">Codesign</a><br>Tous droits réservés © 2024 Les verts boisés du fjord<br><a href="http://www.lvbf.org/lvbf/index/credits" style="font-style: italic;">Crédits</a></p> </div> <!--COPYRIGHT FIN--> </footer> <!--FOOTER FIN--> <!--SCRIPT JS--> <script src="http://www.lvbf.org/asset/js/jquery.min.js"></script> <script src="http://www.lvbf.org/asset/js/popper.min.js"></script> <script src="http://www.lvbf.org/asset/js/bootstrap.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="http://www.lvbf.org/asset/js/slick/slick.min.js"></script> <script type="text/javascript" src="http://www.lvbf.org/asset/js/fancybox/jquery.fancybox.min.js"></script> <script> $(document).ready(function(){ /****************************Carte google footer********************************/ $("#carte > iframe")[0].setAttribute("width", "100%"); $("#carte > iframe")[0].setAttribute("height", "100%" ); /**********************Modal Nouvelle & projet**********************/ var window_width = $(window).width(); console.log(window_width); if (window_width <= 1200) { $(".ctn_nouvelle").addClass("modal_nouvelle"); $(".ctn_projet").addClass("modal_projet"); } else{ $(".ctn_nouvelle").removeClass("modal_nouvelle"); $(".ctn_projet").removeClass("modal_projet"); } $(window).resize(function() { window_width = $(window).width(); console.log(window_width); if(this.resizeTO) clearTimeout(this.resizeTO); this.resizeTO = setTimeout(function() { $(this).trigger('resizeEnd'); }, 500); }); $(window).bind('resizeEnd', function() { if (window_width <= 1200) { $(".ctn_nouvelle").addClass("modal_nouvelle"); $(".ctn_projet").addClass("modal_projet"); } else{ $(".ctn_nouvelle").removeClass("modal_nouvelle"); $(".ctn_projet").removeClass("modal_projet"); } }); /**********************Modal Nouvelle & projet**********************/ /*MODAL NOUVELLE*/ $(document).on("click", ".modal_nouvelle", function(){ $.ajax({ type: "POST", url: "http://www.lvbf.org/" + "lvbf/nouvelle", dataType: 'json', data: {id: $(this).attr("ident"), table: "lvbf_nouvelle"}, success: function(data) { if (data){ $("#nom_nouvelle").html(data[0].nom); $("#date_nouvelle").html(data[0].date); $("#desc_nouvelle").html(data[0].contenu); var url_img = data[0].url_img; if (url_img != ""){ $("#img_nouvelle").html("<img class='img-fluid' src='"+url_img+"' alt='"+data[0].nom+"'>"); } else{ $("#fichier_sentier").html(""); } $('#modal_nouvelle').modal('show'); } } }); }); /*FIN MODAL NOUVELLE*/ /*MODAL PROJET*/ $(document).on("click", ".modal_projet", function(){ $.ajax({ type: "POST", url: "http://www.lvbf.org/" + "lvbf/projet", dataType: 'json', data: {id: $(this).attr("ident"), table: "lvbf_projet"}, success: function(data) { if (data){ $("#nom_projet").html(data[0].nom); $("#desc_projet").html(data[0].desc_projet); var url_img = data[0].url_img; if (url_img != ""){ $("#img_projet").html("<img class='img-fluid' src='"+url_img+"' alt='"+data[0].nom+"'>"); } else{ $("#fichier_sentier").html(""); } $('#modal_projet').modal('show'); } } }); }); /*FIN MODAL PROJET*/ $(".lienpdfprojet").on({ mouseenter: function(){ $('img',this).attr("src","http://www.lvbf.org/asset/files/plus.png"); }, mouseleave: function(){ $('img',this).attr("src",$(this).attr("alt")); } }); /*SLIDER PARTENAIRES FOOTER*/ $('.responsive').slick({ arrows: false, dots: false, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 1, autoplay: true, autoplaySpeed: 5000, infinite: true, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, dots: false } }, { breakpoint: 992, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); /*SLIDER PARTENAIRES FOOTER FIN*/ /*SLIDER PROJETS ET NOUVELLES*/ $('.auto').slick({ slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 5000, arrows: false, dots: true }); /*SLIDER PROJETS ET NOUVELLES FIN*/ /*MODAL SENTIER*/ $('.call_sentier').click(function(){ $.ajax({ type: "POST", url: "http://www.lvbf.org/" + "lvbf/sentier", dataType: 'json', data: {id: $(this).attr("ident"), table: "lvbf_carte"}, success: function(data) { if (data){ $("#endroit_sentier").html(data["lieu"]); $("#nom_sentier").html(data[0].nom); $("#type_sentier").html(data[0].type_boises); $("#longueur_sentier").html(data[0].longueur); $("#creation_sentier").html(data[0].creation); $("#desc_sentier").html(data[0].desc_sentier); $("#superficie_sentier").html(data[0].superficie); $("#difficulte_sentier").html(data[0].difficulte); $("#acces_sentier").html(data[0].acces); $("#gestionnaire_sentier").html(data[0].gestionnaire); if (data[0].google_map!="") { $("#carte_sentier").html(data[0].google_map); $("#carte_sentier > iframe")[0].setAttribute("width", "100%"); $("#carte_sentier > iframe")[0].setAttribute("height", "100%" ); $('.listeboises').removeClass("col-lg-12"); $('.listeboises').addClass("col-lg-5"); } else{ $("#carte_sentier").empty(); $('.listeboises').removeClass("col-lg-5"); $('.listeboises').addClass("col-lg-12"); } var url_file = data[0].lien_pdf; if (url_file != ""){ $("#fichier_sentier").html("<a id='fichier_sentier' data-fancybox='gallery' href='"+url_file+"'><i class='fas fa-map mr-2'></i>Voir la carte</a>"); } else{ $("#fichier_sentier").html(""); } $('#modal_sentier').modal('show'); } } }); }); /*MODAL SENTIER*/ /*TOGLER NAV CLOSE*/ /*FIN TOGLER NAV CLOSE*/ /*MODAL CONTACT*/ $(document).on("click", ".call_contact", function(){ var objet=""; objet = $(this).attr("objet"); $("#objet_email").attr("value", objet); $("#titre_email").html(objet); $('#modal_contact').modal('show'); }) /*MODAL CONTACT FIN*/ /*SMOOTH SCROLL*/ // Select all links with hashes $('a[href*="#"]') // Remove links that don't actually link to anything .not('[href="#"]') .not('[href="#0"]') .click(function(event) { // On-page links if ( location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname ) { // Figure out element to scroll to var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); // Does a scroll target exist? if (target.length) { // Only prevent default if animation is actually gonna happen event.preventDefault(); $('html, body').animate({ scrollTop: target.offset().top }, 1000, function() { // Callback after animation // Must change focus! $('.navbar-collapse').collapse('hide'); var $target = $(target); $target.focus(); if ($target.is(":focus")) { // Checking if the target was focused return false; } else { $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable $target.focus(); // Set focus again }; }); } } }); /*SMOOTH SCROLL FIN*/ /*NAVBAR STICKY ON MOBILE ONLY*/ if ($(window).width() < 975) { $('#navstick').addClass('sticky-top'); $('#nav_pr').addClass('sticky-top'); } else { $('#navstick').removeClass('sticky-top'); $('#nav_pr').removeClass('sticky-top'); } $(window).resize(function(){ if ($(window).width() < 975) { $('#navstick').addClass('sticky-top'); $('#nav_pr').addClass('sticky-top'); } else { $('#navstick').removeClass('sticky-top'); $('#nav_pr').removeClass('sticky-top'); } }); /*NAVBAR STICKY ON MOBILE ONLY FIN*/ $(".accordionBoises").click(function(){ var $plusoumoins = $('span:nth-child(2)',this).text(); if ($plusoumoins == "+") { $('span:nth-child(2)',this).text("-"); } else { $('span:nth-child(2)',this).text("+"); } }); $(".accordionDoc").click(function(){ var $plusoumoins = $('span:nth-child(2)',this).text(); if ($plusoumoins == "+") { $('.accordionDoc span:nth-child(2)').text("+"); $('span:nth-child(2)',this).text("-"); } else { $('span:nth-child(2)').text("+"); } }); /*PROJETS*/ /* */ if($(window).width() < 1588) { $("ul.timelineb li").addClass("timelineb-inverted") } if($(window).width() < 1588) { $("#timelineb").removeClass("col-lg-12"); $("#timelineb").addClass("col-lg-11"); } $(window).resize(function(){ if($(window).width() < 1456) { $("#timelineb").removeClass("col-lg-12"); $("#timelineb").addClass("col-lg-11"); } else if($(window).width() > 1456) { $("#timelineb").removeClass("col-lg-11"); $("#timelineb").addClass("col-lg-12"); } }); /*VIDEO*/ if($(window).width() < 720) { $("#videoyoutube").css("display", "none"); $("#lienvideoyoutube").css("display", "block"); } else { $("#videoyoutube").css("display", "block"); $("#lienvideoyoutube").css("display", "none"); } $(window).resize(function(){ if($(window).width() < 720) { $("#videoyoutube").css("display", "none"); $("#lienvideoyoutube").css("display", "block"); } else { $("#videoyoutube").css("display", "block"); $("#lienvideoyoutube").css("display", "none"); } }); /*VIDEO FIN*/ $(window).resize(function(){ if($(window).width() < 1588) { $("ul.timelineb li").addClass("timelineb-inverted"); } else if($(window).width() > 1588) { $("ul.timelineb li:nth-child(odd)").removeClass("timelineb-inverted"); } }); /*PROJETS FIN*/ $(window).scroll(function() { if ($(this).scrollTop()>300) { $('#flecheaccueil').css("display","block"); } else { $('#flecheaccueil').css("display","none"); } }); }); </script> <!--FIN SCRIPT JS--> </body> <!--FIN BODY--> </html>