Outiref
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" >
<head>
    <!-- jQuery -->
    <script type="text/javascript" src="/templates/holis/js/vendor/jquery-2.2.1.min.js"></script>

    <base href="http://www.holisticsafepro.com/produits/692-chaussure-de-securite-s3-src-ci-esd-nero-de-u-power.html" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="title" content="BASKET SECURITE S3 CUIR ESD  : NERO DE U-POWER" />
	<meta name="description" content="HOLISTIC SAFE PRO propose 1 BASKET SECURITE S3 CUIR ESD  : NERO DE U-POWER dans la gamme Protection des Pieds. Idéal pour Transport, Industrie, Artisanat, Mécanique, Logistique" />
	<title>HOLISTIC - BASKET SECURITE S3 CUIR ESD  : NERO DE U-POWER</title>


    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="/images/ressources/favicon.ico/apple-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/images/ressources/favicon.ico/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/images/ressources/favicon.ico/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/images/ressources/favicon.ico/apple-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/images/ressources/favicon.ico/apple-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/images/ressources/favicon.ico/apple-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/images/ressources/favicon.ico/apple-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/images/ressources/favicon.ico/apple-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/images/ressources/favicon.ico/apple-icon-180x180.png" />
    <link rel="icon" type="image/png" sizes="192x192"  href="/images/ressources/favicon.ico/android-icon-192x192.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/images/ressources/favicon.ico/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/images/ressources/favicon.ico/favicon-96x96.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/images/ressources/favicon.ico/favicon-16x16.png" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
    <meta name="theme-color" content="#ffffff" />

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="language" content="fr-FR" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="google-site-verification" content="" />

    <!-- Owl Carousel -->
    <link rel="stylesheet" type="text/css" href="/templates/holis/css/vendor/owl.carousel.css" />
    <link rel="stylesheet" type="text/css" href="/templates/holis/css/vendor/owl.theme.css" />

    <!-- Animate.css -->
    <link rel="stylesheet" type="text/css" href="/templates/holis/css/vendor/animate.css" />

    <!-- Materialize -->
    <link rel="stylesheet" type="text/css" href="/templates/holis/css/vendor/materialize.min.css" />
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,700" rel="stylesheet">

    <!-- Font Awesome -->
    <link rel="stylesheet" type="text/css" href="/templates/holis/css/vendor/font-awesome.min.css" />

    <!-- Filters -->
    <link rel="stylesheet" type="text/css" href="/templates/holis/css/vendor/filters.css" />

    <!-- Timeline -->
    <link rel="stylesheet" type="text/css" href="/templates/holis/css/vendor/timeline.css" />

    <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="/templates/holis/css/main.css"  />

    <style> [data-sr] { visibility: hidden; } </style>
</head>

<body>
    <main>
        <!--[if lt IE 7]>
            <p class="browsehappy">Votre navigateur <strong>est dépassé !</strong>. Veuillez <a href="http://browsehappy.com/">le mettre à jour</a> pour une navigation idéale.</p>
        <![endif]-->

        <header>
                            		<div class="moduletable">
						<div class="navbar-fixed">
    <div class="main-menu">
                                                                                                                                        <nav class="second-nav">
            <div class="nav-wrapper">
                <div class="container">
                    <a href="/" class="brand-logo"><img src="/images/ressources/logo-1.png" alt="Logo HOLISTIC SAFE PRO"></a>
                    <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>

                    <a href="#modalPanier" class="modalTriggerPanier buttonPanierSmall"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a>

                    <ul class="pull-right navbarPremiere">
                        <li><a href="/qui-sommes-nous.html">Qui sommes nous ?</a></li>
                        <li><a href="/actualites.html">Actualités</a></li>
                        <li><a href="/service-apres-vente.html">SAV</a></li>
                        <li><a href="/contact.html">Contact</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <ul class="pull-right navbarSeconde" style="position:relative;">
                        <li><div class="input-field"><i class="material-icons prefix">search</i><input placeholder="Recherche ..." id="inputRecherche" type="text"></div></li>
                        <div id="resultatRecherche" style="display:none;"></div>
                        <li><a class="btn btnPanier modalTriggerPanier" href="#modalPanier"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Mon Panier</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <ul id="nav-mobile" class="navbarTroisieme right hide-on-med-and-down">
                                                        <li><a href="/produits.html?categorie=1&Itemid=108">Tête</a></li>
                                                                                    <li><a href="/produits.html?categorie=2&Itemid=109">Corps</a></li>
                                                                                    <li><a href="/produits.html?categorie=3&Itemid=110">Mains</a></li>
                                                                                    <li><a href="/produits.html?categorie=4&Itemid=111">Pieds</a></li>
                                                                                    <li><a href="/produits.html?categorie=6&Itemid=130">Jetables</a></li>
                                                                                    <li><a href="/votre-metier.html">Votre métier</a></li>
                                                                        </ul>
                    <ul class="side-nav" id="mobile-demo">
                        <li><a href="/">Accueil</a></li>
                        <li><a href="/qui-sommes-nous.html">Qui sommes nous ?</a></li>
                                                    <li><a href="/produits.html?categorie=1&Itemid=108">Tête</a></li>
                                                    <li><a href="/produits.html?categorie=2&Itemid=109">Corps</a></li>
                                                    <li><a href="/produits.html?categorie=3&Itemid=110">Mains</a></li>
                                                    <li><a href="/produits.html?categorie=4&Itemid=111">Pieds</a></li>
                                                    <li><a href="/produits.html?categorie=6&Itemid=130">Jetables</a></li>
                                                    <li><a href="/votre-metier.html">Votre métier</a></li>
                                                <li><a href="/actualites.html">Actualités</a></li>
                        <li><a href="/service-apres-vente.html">SAV</a></li>
                        <li><a href="/contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>

<!--<a href="#modalPanier" id="boutonPanierCote" class="btn modalTriggerPanier">Mon panier <i class="fa fa-shopping-cart" aria-hidden="true"></i></a>-->




<script>
    function loadRecap() {}
    ;
    jQuery(function () {
        jQuery('.modalTriggerPanier').leanModal({
            ready: function () {
                loadPanier();
            }
        });

        jQuery('#inputRecherche').keyup(function () {
            var data = "recherche=" + jQuery('#inputRecherche').val();
            if (jQuery('#inputRecherche').val() == "") {
                jQuery('#resultatRecherche').hide();
            }
            jQuery.post("/modules/mod_ncw_mainmenu/recherche.php", data, function (retour) {
                jQuery('#resultatRecherche').html('');
                var Object = JSON.parse(retour);
                if (Object === "erreur") {
                    jQuery('#resultatRecherche').hide();
                } else if (Object === "vide") {
                    var texte = "<p style='margin-bottom: 30px;'>Aucun résultat</p>";
                    jQuery('#resultatRecherche').html(texte);
                    jQuery('#resultatRecherche').show();
                } else {
                    var texte = "";
                    jQuery.each(Object, function (i, item) {
                        texte += "<div class='row'>";
                        texte += "<a href='" + Object[i].link + "'>";
                        texte += "<div class='col s4 m4 l4'>";
                        texte += "<img src='/" + Object[i].photo1 + "' />";
                        texte += "</div>";
                        texte += "<div class='col s8 m8 l8'>";
                        texte += "<p>" + Object[i].nom + "</p>";
                        texte += "</div>";
                        texte += "</a>";
                        texte += "</div>";
                    });
                    jQuery('#resultatRecherche').html(texte);
                    jQuery('#resultatRecherche').show();
                }
            });
        });


    });

    function loadPanier() {
        jQuery.post("/modules/mod_ncw_mainmenu/panier.php", null, function (retour) {
            jQuery('.panierResult').html(retour);
            var nombreDeLigne = 0;
            jQuery('.panierResult .collection li').each(function () {
                nombreDeLigne++;
            });
            if (nombreDeLigne === 0) {
                jQuery('.panierResult').html('<p>Aucun article dans votre panier.</p>');
                jQuery('.btnDemandeDevis').hide();
            } else {
                jQuery('.btnDemandeDevis').show();
            }
        });
    }
    function modifQuantitePanier(idProduit, number) {
        var data = "idProduit=" + idProduit + "&number=" + number;
        jQuery.post("/modules/mod_ncw_mainmenu/modifQuantitePanier.php", data, function (retour) {
            loadPanier();
            loadRecap();
        });
    }
    function removeArticlePanier(idProduit) {
        var data = "idProduit=" + idProduit;
        jQuery.post("/modules/mod_ncw_mainmenu/removeArticlePanier.php", data, function (retour) {
            loadPanier();
            loadRecap();
        });
    }
    function addPanier(idProduit) {
        var data = "idProduit=" + idProduit;
        jQuery.post("/modules/mod_ncw_mainmenu/addPanier.php", data, function (retour) {
            loadPanier();
            loadRecap();
            affichageResultat('L\'article a été ajouté au panier.');
        });
    }
    function affichageResultat(texte) {
        jQuery('#modalResultat .textHere').html(texte);
        jQuery('#modalResultat').openModal();
        setTimeout(function () {
            jQuery('#modalResultat').closeModal();
        }, 1000);
    }
</script>


<!-- Modal Structure -->
<div id="modalPanier" class="modal modal-fixed-footer">
    <div class="modal-content">
        <h4>Mon panier</h4>
        <div class="panierResult"></div>
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-action modal-close btn-flat btn1modalPanier" style="float:left !important;">Continuer la visite</a>
        <a href="/recapitulatif-commande.html" class="modal-action modal-close btn btnDemandeDevis btn2modalPanier" style="display:none;">Demander un devis</a>
    </div>
</div>


<!-- Modal Structure -->
<div id="modalResultat" class="modal">
    <div class="modal-content center-align">
        <h5 class="textHere"></h5>
    </div>
</div>		</div>
	
                    </header>

        
        <div class="clearfix"></div>

                            <section class="about" id="component_only">
                <div class="container">
                    <div class="row">
                            <section class="produitDetail">
        <div class="row">
            <div class="col s12">
                <h1><small><b>BASKET SECURITE S3 CUIR ESD  : NERO DE U-POWER</b></small></h1>
                <h3><a href="/produits.html?categorie=4&Itemid=111">Protection des Pieds</a></h3>
            </div>
            <div class="col l5 m5 s12">
                <div style="position:relative;">
                    <div class="owl-carousel owl-carousel-photos-produits">
                                                    <div class="item">
                                <div style="height:400px;width:100%;background: url(/images/rsz_nero.jpg) center center no-repeat;background-size:contain;"></div>
                                <p class="center-align"></p>
                            </div>
                                                    <div class="item">
                                <div style="height:400px;width:100%;background: url(/images/rsz_nero1.jpg) center center no-repeat;background-size:contain;"></div>
                                <p class="center-align"></p>
                            </div>
                                                    <div class="item">
                                <div style="height:400px;width:100%;background: url(/images/rsz_nero3.jpg) center center no-repeat;background-size:contain;"></div>
                                <p class="center-align"></p>
                            </div>
                                                    <div class="item">
                                <div style="height:400px;width:100%;background: url(/images/rsz_nero4.jpg) center center no-repeat;background-size:contain;"></div>
                                <p class="center-align"></p>
                            </div>
                                                    <div class="item">
                                <div style="height:400px;width:100%;background: url(/images/rsz_nero2.jpg) center center no-repeat;background-size:contain;"></div>
                                <p class="center-align"></p>
                            </div>
                                            </div>
                                            <div class="btnPrevPhotosProduits" style="position:absolute;top:48%;left:0px;z-index: 130;cursor:pointer;"><i class="fa fa-2x fa-chevron-left" aria-hidden="true"></i></div>
                        <div class="btnNextPhotosProduits" style="position:absolute;top:48%;right:0px;z-index: 130;cursor:pointer;"><i class="fa fa-2x fa-chevron-right" aria-hidden="true"></i></div>
                                    </div>

                                    <h4 style="text-align:center;">Commentaire HOLISTIC SAFE PRO : </h4><p style="font-size:16px;text-align:center;">Un cuir de qualité avec une semelle qui procure un incroyable amorti.</p>
                
            </div>
            <div class="col l7 m7 s12">
                <div class="descriptionTexte">
                    <h2>BASKET ESD BASSE AVEC AMORTI TALON AMELIORE </h2>
                                            <h4>Caractéristique Technique :</h4>
                        <center><a href="/images/produits/fiches-techniques/nero.pdf"> <img class="responsive-img" src="/images/produits/Logo_HSP_fiche-technique_haut.jpg" alt="HolisticSafe Pro" width="300" /> </a></center>                    
                                            <h4>Principaux Atouts :</h4>
                        <ol>
<li>Souple et légère</li>
<li>Confort garantit</li>
<li>Cuir de qualité</li>
</ol>                    
                    
                    <button onclick="addPanier(692);" class="btn pull-right btnAjouterPanier"><i class="fa fa-cart-plus" aria-hidden="true"></i> &nbsp;Ajouter au panier</button>
                </div>
            </div>
        </div>




        <div class="row blocMoreProduit">
                            <div class="col s12 m6 l6">
                    <h3>Produits de la même catégorie</h3>
                    <hr>
                    <div style="position:relative;">
                        <div class="owl-carousel owl-carousel-same-categ center-align">
                                                            <div class="item">
                                    <div style="width: 100%;height:180px;background: url('/images/rsz_visitor-tiger-grip-coque-protection-z.jpg') center center no-repeat;background-size:contain;"></div>
                                    <p>EMBOUT DE SECURITE : VISITOR DE S24</p>
                                    <p><a class="btn" href="/produits/218-embout-de-securite-visitor-de-s24.html">En savoir +</a></p>
                                </div>
                                                            <div class="item">
                                    <div style="width: 100%;height:180px;background: url('/images/rsz_basaltchaussure.png') center center no-repeat;background-size:contain;"></div>
                                    <p>CHAUSSURE HAUTE SOUDURE : BASALT DE COVERGUARD</p>
                                    <p><a class="btn" href="/produits/668-chaussure-haute-soudure-basalt-de-coverguard.html">En savoir +</a></p>
                                </div>
                                                            <div class="item">
                                    <div style="width: 100%;height:180px;background: url('/images/rsz_active.jpg') center center no-repeat;background-size:contain;"></div>
                                    <p>BASKET S1P HYPER CONFORTABLE : ACTIVE DE U-POWER</p>
                                    <p><a class="btn" href="/produits/694-basket-s1p-hyper-confortable-active-de-u-power.html">En savoir +</a></p>
                                </div>
                                                            <div class="item">
                                    <div style="width: 100%;height:180px;background: url('/images/rsz_scuro1.jpg') center center no-repeat;background-size:contain;"></div>
                                    <p>BASKET DE SECURITE CUIR S3 ESD : SCURO DE U-POWER</p>
                                    <p><a class="btn" href="/produits/693-basket-de-securite-cuir-s3-esd-scuro-de-u-power.html">En savoir +</a></p>
                                </div>
                                                            <div class="item">
                                    <div style="width: 100%;height:180px;background: url('/images/0367vr-1.jpg') center center no-repeat;background-size:contain;"></div>
                                    <p>MI-CHAUSSETTE SPECIALE HIVERS OU ENVIRONNEMENT FROID PAR JLF PRO</p>
                                    <p><a class="btn" href="/produits/600-mi-chaussette-speciale-hivers-ou-environnement-froid-par-jlf-pro.html">En savoir +</a></p>
                                </div>
                                                    </div>
                                                    <div class="btnPrevSameCateg" style="position:absolute;top:48%;left:0px;z-index: 130;cursor:pointer;"><i class="fa fa-2x fa-chevron-left" aria-hidden="true"></i></div>
                            <div class="btnNextSameCateg" style="position:absolute;top:48%;right:0px;z-index: 130;cursor:pointer;"><i class="fa fa-2x fa-chevron-right" aria-hidden="true"></i></div>
                                            </div>
                </div>


                                        <div class="col s12 m6 l6">
                    <h3>Produits associés</h3>
                    <hr>
                    <div style="position:relative;">
                        <div class="owl-carousel owl-carousel-associes center-align">
                                                            <div class="item">
                                    <div style="width: 100%;height:180px;background: url('/images/rsz_pantalon-de-travail-homme-stretch-renforce-genouilleres-cortex-cosmos-lma_2.jpg') center center no-repeat;background-size:contain;"></div>
                                    <p>PANTALON DE TRAVAIL STRECH MULTIPOCHES : CORTEX DE LMA</p>
                                    <p><a class="btn" href="/produits/607-pantalon-de-travail-strech-multipoches-cortex-de-lma.html">En savoir +</a></p>
                                </div>
                                                            <div class="item">
                                    <div style="width: 100%;height:180px;background: url('/images/rsz_leopcic00-2_trasparent.jpg') center center no-repeat;background-size:contain;"></div>
                                    <p>LUNETTES INCOLORES GRAND OPTIQUE : LEO PAR DEMETZ SAFETY</p>
                                    <p><a class="btn" href="/produits/639-lunettes-incolores-grand-optique-leo-par-demetz-safety.html">En savoir +</a></p>
                                </div>
                                                            <div class="item">
                                    <div style="width: 100%;height:180px;background: url('/images/4211rf_dorso_1.jpeg') center center no-repeat;background-size:contain;"></div>
                                    <p>GANT ANTI COUPURE ECRAN TACTILE : 4211RF PAR JUBA</p>
                                    <p><a class="btn" href="/produits/604-gant-anti-coupure-ecran-tactile-4211rf-par-juba.html">En savoir +</a></p>
                                </div>
                                                    </div>
                                                    <div class="btnPrevAssocies" style="position:absolute;top:48%;left:0px;z-index: 130;cursor:pointer;"><i class="fa fa-2x fa-chevron-left" aria-hidden="true"></i></div>
                            <div class="btnNextAssocies" style="position:absolute;top:48%;right:0px;z-index: 130;cursor:pointer;"><i class="fa fa-2x fa-chevron-right" aria-hidden="true"></i></div>
                                                </div>
                </div>
                    </div>




        <script>
            jQuery(function(){
            jQuery('.owl-carousel-photos-produits').owlCarousel({
                    loop:true,
                        dots:true,
                nav:false,
                    items:1
            });
            jQuery('.btnPrevPhotosProduits').click(function() {
            jQuery('.owl-carousel-photos-produits').trigger('prev.owl.carousel');
            });
            jQuery('.btnNextPhotosProduits').click(function() {
            jQuery('.owl-carousel-photos-produits').trigger('next.owl.carousel');
            });
            jQuery('.owl-carousel-same-categ').owlCarousel({
                    loop:true,
                        dots:true,
                nav:false,
                    responsive:{
                    0:{
                    items:1
                    },
                            900:{
                            items:2
                            }
                    }
            });
            jQuery('.btnPrevSameCateg').click(function() {
            jQuery('.owl-carousel-same-categ').trigger('prev.owl.carousel');
            });
            jQuery('.btnNextSameCateg').click(function() {
            jQuery('.owl-carousel-same-categ').trigger('next.owl.carousel');
            });
            jQuery('.owl-carousel-associes').owlCarousel({
                    loop:true,
                        dots:true,
                nav:false,
                    responsive:{
                    0:{
                    items:1
                    },
                            900:{
                            items:2
                            }
                    }
            });
            jQuery('.btnPrevAssocies').click(function() {
            jQuery('.owl-carousel-associes').trigger('prev.owl.carousel');
            });
            jQuery('.btnNextAssocies').click(function() {
            jQuery('.owl-carousel-associes').trigger('next.owl.carousel');
            });
            });
        </script>
    </section>
    
                    </div>
                </div>
            </section>
        
        
        
        
        
        
        
        
        
        
        
            </main>

    <footer>
        <div class="container">
            <div class="row">
                <div class="col s12 m4">
                    <div class="footer1">
                                                    		<div class="moduletable">
						<ul class="nav menu">
<li class="item-101"><a href="/" ><span>Accueil</span></a></li><li class="item-119"><a href="/qui-sommes-nous.html" ><span>Qui sommes nous ?</span></a></li><li class="item-116 current active"><a href="/produits.html" ><span>Produits</span></a></li><li class="item-120"><a href="/actualites.html" ><span>Actualités</span></a></li><li class="item-118"><a href="/service-apres-vente.html" ><span>SAV</span></a></li><li class="item-121"><a href="/mentions-legales.html" ><span>Mentions légales</span></a></li><li class="item-117"><a href="/contact.html" ><span>Contact</span></a></li></ul>
		</div>
			<div class="moduletable">
						<script>
    $(document).ready(function () {
        if ($.cookie('cookie_bar') === undefined) {
            var cookieBar =
                    '<div class="mod_cookie_bar"><div class="text-center text-xl-left cookie_bar justify-content-center flex-column flex-xl-row align-items-center p-2" id="cookie_bar">' +
                    '<p>En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de Cookies pour réaliser des statistiques de visites anonymes.</p>' +
                    '<div class="buttons"><a class="m-1 btn btn-primary btn-sm btn-small"  target="_blank" href="https://support.google.com/analytics/topic/2919631?hl=fr&ref_topic=1008008">' + 'En savoir plus' + '</a>' +
                    '<a class="cookie_btn btn btn-primary btn-small" id="cookie_accept">Ok</a>';
            cookieBar +=
                    '</div></div>';

            $('body').append(cookieBar);

            // Masquer la barre
            $('body').on('click', '#cookie_accept', function (e) {
                e.preventDefault();
                $('#cookie_bar').fadeOut();
                $.cookie('cookie_bar', "viewed", {expires: 30 * 12});
            });

        }

    });
</script>


<style>

    .mod_cookie_bar {
        padding: 0;
        z-index: 100000;
    }

    .mod_cookie_bar .cookie_bar {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 7px 20px;
        color: #666;
        background-color: #f2f2f2;
        font-size: 0.9em;
    }

    .mod_cookie_bar a:hover {
        text-decoration: none;
    }

    .mod_cookie_bar .btn {
        padding: 0 1rem;
        letter-spacing: 0;
        font-size: 0.9rem;
        margin: 0 5px 5px;
        white-space: nowrap;
    }
    .mod_cookie_bar p {
        margin-bottom: 5px;
        line-height: 120%;
    }
    .mod_cookie_bar .btn-small {
    }
    .mod_cookie_bar .buttons {

    }

</style>		</div>
	
                                            </div>
                </div>

                <div class="col s12 m4">
                    <div class="footer2">
                        <br />
                        <br />
                        <a href="/"><img src="/images/ressources/logo_footer-1.png" alt="Logo HOLISTIC SAFE PRO" width="" /></a>
                    </div>
                </div>

                <div class="col s12 m4">
                    <div class="footer3">
                                                    		<div class="moduletable">
						
<ul>
    	<li>
	    <a href="/" style="display:block;background: url(/images/sociaux/facebook.png) center center no-repeat;background-size:contain;height:40px;width:40px;" target="_blank">&nbsp;</a>
	</li>
    	<li>
	    <a href="/" style="display:block;background: url(/images/sociaux/twitter.png) center center no-repeat;background-size:contain;height:40px;width:40px;" target="_blank">&nbsp;</a>
	</li>
    </ul>		</div>
	
                                                <div>
                            <a href="https://www.netcommeweb.com/" title="Agence web à Lyon" target="_blank">
                                <img class="responsive-img" src="/images/ressources/logo-netcommeweb.png" width="130" alt="Création site internet Lyon - Net comme web" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Owl Carousel -->
    <script type="text/javascript" src="/templates/holis/js/vendor/owl.carousel.js"></script>
    <!-- Materialize -->
    <script type="text/javascript" src="/templates/holis/js/vendor/materialize.min.js"></script>
    <!--ScrollReveal -->
    <script type="text/javascript" src='/templates/holis/js/vendor/scrollReveal.js'></script>
    <script>
        window.sr = new scrollReveal();
    </script>
    <!-- Filters -->
    <script type="text/javascript" src="/templates/holis/js/vendor/jquery.mixitup.min.js"></script>
    <script type="text/javascript" src="/templates/holis/js/vendor/filters.js"></script>
    <!--Timeline-->
    <script type="text/javascript" src="/templates/holis/js/vendor/timeline.js"></script>
    <!--jQuery Ellipsis-->
    <script type="text/javascript" src="/templates/holis/js/vendor/jquery.ellipsis.min.js"></script>
    <!-- Custom JS -->
    <script type="text/javascript" src="/templates/holis/js/main.js"></script>
    <!-- Cookies -->
    <script type="text/javascript" src="/templates/holis/js/vendor/jquery.cookie.js"></script>
    <!-- Google Analytics -->
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-87603161-1', 'auto');
        ga('send', 'pageview');
    </script>


    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-PB4D78JCSB"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-PB4D78JCSB');
    </script>

</body>
</html>