<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Staff S&eacute;curit&eacute; : notre soci&eacute;t&eacute; de surveillance et de s&eacute;curit&eacute; Staff S&eacute;curit&eacute; cr&eacute;&eacute;e en 2000<br>
              assure une prestation de pr&eacute;vention de de s&eacute;curisation pour tous les secteurs<br>
              d'activit&eacute;s : seveso 2 seuil haut, tertiaire, industriel, logistique et grande distribution">
        <meta name="author" content="">

        <title>Staff S&eacute;curit&eacute;</title>

        <!-- Bootstrap Core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="css/agency.css" rel="stylesheet">

        <!-- Custom Fonts -->
        <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
        <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

    <body id="page-top" class="index">
            <div class="container news-navbar text-centered">
		En Septembre nouveauté dans la vidéo surveillance ! Surveiller nos actualités !
	    </div>

        <!-- Navigation -->
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header page-scroll">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand page-scroll" href="#page-top"><img class="logo-header" src="img/logo.png" alt="Staff S&eacute;curit&eacute;"/></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="hidden">
                            <a href="#page-top"></a>
                        </li>
                        <li>
                            <a class="page-scroll" href="#services">Services</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="#portfolio">Exemples de prestation</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="#about">A propos</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="#team">L'équipe</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="#contact">Contact</a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>

        <!-- Header -->
        <header>
            <div class="container">
                <div class="intro-text">
                    <div class="intro-lead-in">Bienvenue dans notre agence</div>
                    <div class="intro-heading">Notre m&eacute;tier<br/>votre s&eacute;curit&eacute;</div>
                    <a href="#services" class="page-scroll btn btn-xl">En savoir plus</a>
                </div>
            </div>
        </header>

        <!-- Services Section -->
        <section id="services">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <h2 class="section-heading">Services</h2>
                        <h3 class="section-subheading text-muted"></h3>
                    </div>
                </div>
                <div class="row text-center">
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fa fa-circle fa-stack-2x text-primary"></i>
                            <i class="fa fa-binoculars fa-stack-1x fa-inverse"></i>
                        </span>
                        <h4 class="service-heading">Gardiennage</h4>
                        <p class="text-muted">Staff Sécurité 4*1 met à disposition de ses clients des agents de surveillance bénéficiant d’une carte professionnelle délivrée par le CNAPS.<br/>
                            Notre entreprise intervient dans les domaines d’activités suivants : site SEVESO 2, site SEVESO, industriel, tertiaire, militaire.<br/>
                            Nous proposons selon les Besoins de nos clients, la surveillance par agents cynophiles.<br/>
                            La mission de nos agents de surveillance : prévention et lutte contre la malveillance, assistance à personnes, prévention des risques.</p>
                    </div>
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fa fa-circle fa-stack-2x text-primary"></i>
                            <i class="fa fa-car fa-stack-1x fa-inverse"></i>
                        </span>
                        <h4 class="service-heading">Sécurité Mobile</h4>
                        <p class="text-muted">Staff sécurité 4*1 vous propose de réaliser des rondes de surveillance de vos différents sites afin de prévenir les risques liés à votre activité et éviter tout incidents (incendie, vol, dégradation …)
                            Notre entreprise réalise les levées de doutes suite à un déclenchement d’alarme.</p>
                    </div>
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fa fa-circle fa-stack-2x text-primary"></i>
                            <i class="fa fa-fire-extinguisher fa-stack-1x fa-inverse"></i>
                        </span>
                        <h4 class="service-heading">Sécurité Incendie</h4>
                        <p class="text-muted">Notre entreprise met en place des équipes de sécurité-incendie sur vos sites afin de vous permettre de répondre à vos obligations réglementaires et législatives.<br/>
                            Notre équipe de sécurité incendie vous permet de prévenir le risque incendie, de parvenir à y remédier en cas de besoins et porter secours aux personnes.</p>
                    </div>
                </div>
                <div class="row text-center">
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fa fa-circle fa-stack-2x text-primary"></i>
                            <i class="fa fa-search fa-stack-1x fa-inverse"></i>
                        </span>
                        <h4 class="service-heading">Audit Sécurité Incendie</h4>
                        <p class="text-muted">
				Classification des risques de l’entreprise en fonction du type de matériaux utilisés, et du son stockage de matières inflammables<br/>
				Détection incendie<br/>
				Types et agents extincteurs<br/>
				Réaction et résistance à l’incendie des matériaux d’aménagement et des éléments de construction<br/>
				Organisation de la sécurité<br/>
				Organisation de l’évacuation<br/>
			</p>
                    </div>
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fa fa-circle fa-stack-2x text-primary"></i>
                            <i class="fa fa-video-camera fa-stack-1x fa-inverse"></i>
                        </span>
                        <h4 class="service-heading">Télésurveillance</h4>
                        <p class="text-muted">Notre entreprise est partenaire du réseau Interveille se qui nous permet de raccorder vos déclenchements d’alarme au sein de notre entreprise.<br/>
                            Notre partenaire FEPP vous installe le matériel nécessaire à la surveillance de votre site.<br/>
                            Notre entreprise réalise les levées de doutes suite au déclenchement d’alarme.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Portfolio Grid Section -->
            <section id="portfolio" class="bg-light-gray">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 text-center">
                            <h2 class="section-heading">Exemples de prestations</h2>
                            <h3 class="section-subheading text-muted"></h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-sm-6 portfolio-item">
                            <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                                <div class="portfolio-hover">
                                    <div class="portfolio-hover-content">
                                        <i class="fa fa-plus fa-3x"></i>
                                    </div>
                                </div>
                                <img src="img/portfolio/humanis.jpg" class="img-responsive" alt="">
                            </a>
                            <div class="portfolio-caption">
                                <h4>Humanis</h4>
                                <p class="text-muted">Surveillance site Tertiaire</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 portfolio-item">
                            <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                                <div class="portfolio-hover">
                                    <div class="portfolio-hover-content">
                                        <i class="fa fa-plus fa-3x"></i>
                                    </div>
                                </div>
                                <img src="img/portfolio/monceau.jpg" class="img-responsive" alt="">
                            </a>
                            <div class="portfolio-caption">
                                <h4>Monceau Assurance</h4>
                                <p class="text-muted">Surveillance sécurité Incendie</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 portfolio-item">
                            <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                                <div class="portfolio-hover">
                                    <div class="portfolio-hover-content">
                                        <i class="fa fa-plus fa-3x"></i>
                                    </div>
                                </div>
                                <img src="img/portfolio/storengy.jpg" class="img-responsive" alt="">
                            </a>
                            <div class="portfolio-caption">
                                <h4>STORENGY</h4>
                                <p class="text-muted">Surveillance site Seveso 2</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        <!-- About Section -->
        <section id="about">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <h2 class="section-heading">A propos</h2>
                        <h3 class="section-subheading text-muted"></h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <ul class="timeline">
                            <li>
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="img/about/1.jpg" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>2000</h4>
                                        <h4 class="subheading">Création</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">Notre société assure une prestation de prévention et de sécurisation pour tous les secteurs d’activités : Seveso 2 Seuil haut, tertiaire, industriel, logistique et grande distribution.</p>
                                    </div>
                                </div>
                            </li>
                            <li class="timeline-inverted">
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="img/about/iso.jpg" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>Janvier 2007</h4>
                                        <h4 class="subheading">Certification ISO 9001</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">Certifiée ISO 9001 version 2000 par BVQI, Staff Sécurité applique une politique de qualité permanente !</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="img/about/cnpp.png" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>Décembre 2015</h4>
                                        <h4 class="subheading">Certifications</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">Obtention de la certification "Certificat Technique INSSI" pour 2 de nos collaborateurs !</p>
                                    </div>
                                </div>
                            </li>
                            <li class="timeline-inverted">
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="img/about/security-camera.png" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>2016</h4>
                                        <h4 class="subheading">Nouveaux produits</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">Dévelloppement d'outils dans le domaine de la vidéo surveillance !</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="img/about/bni.jpg" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>Avril 2016</h4>
                                        <h4 class="subheading">BNI</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">Adhésion au réseau BNI</p>
                                    </div>
                                </div>
                            </li>
                            <li class="timeline-inverted">
                                <div class="timeline-image">
                                    <h4>Faites Parti
                                        <br>De Notre
                                        <br>Histoire</h4>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- Team Section -->
        <section id="team" class="bg-light-gray">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <h2 class="section-heading">Notre équipe</h2>
                        <h3 class="section-subheading text-muted">Des femmes et hommes au service de votre s&eacute;curit&eacute;</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/emilie.jpg" class="img-responsive img-circle" alt="">
                            <h4>Emilie Ghares</h4>
                            <p class="text-muted">Gérante - Responsable Qualit&eacute;</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/julie.jpg" class="img-responsive img-circle" alt="">
                            <h4>Julie Berthin</h4>
                            <p class="text-muted">Assistante de Direction - Comptable</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/sylvain.jpg" class="img-responsive img-circle" alt="">
                            <h4>Sylvain Magadoux</h4>
                            <p class="text-muted">Responsable S&eacute;curit&eacute;</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/adnan.jpg" class="img-responsive img-circle" alt="">
                            <h4>Adnan Khaled</h4>
                            <p class="text-muted">Responsable Technique</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/boxerhead.png" class="img-responsive img-circle" alt="">
                            <h4>Agents cynophiles</h4>
                            <p class="text-muted">2 agents avec chiens qualifiés et formés</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/security.png" class="img-responsive img-circle" alt="">
                            <h4>ADS</h4>
                            <p class="text-muted">21 agents</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/policeman.png" class="img-responsive img-circle" alt="">
                            <h4>Chef de poste</h4>
                            <p class="text-muted">5 agents</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/security.png" class="img-responsive img-circle" alt="">
                            <h4>SSIAP 1</h4>
                            <p class="text-muted">17 agents</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/security.png" class="img-responsive img-circle" alt="">
                            <h4>SSIAP 2</h4>
                            <p class="text-muted">2 agents</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="team-member">
                            <img src="img/team/security.png" class="img-responsive img-circle" alt="">
                            <h4>SSIAP 3</h4>
                            <p class="text-muted">1 agent</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2 text-center">
                        <p class="large text-muted">Nos agents disposent de tenues à l’effigie de l’entreprise, d’outils de communication (téléphones), de véhicules de société (Peugeot 207) et d’équipements de sécurité (PTI).<br/>
                            Staff Sécurité consacre d’importants budgets d’investissements en équipements pour assurer une efficacité optimale de ses services et une meilleure transmission des informations.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Clients Aside -->
        <aside class="clients">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <a href="#">
                            <img src="img/logos/idec-groupe.jpg" class="img-responsive img-centered" alt="">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <a href="#">
                            <img src="img/logos/Monceau-Assurance.jpg" class="img-responsive img-centered" alt="">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <a href="#">
                            <img src="img/logos/humanis.jpg" class="img-responsive img-centered" alt="">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <a href="#">
                            <img src="img/logos/idi-composites.jpg" class="img-responsive img-centered" alt="">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <a href="#">
                            <img src="img/logos/storengy.jpg" class="img-responsive img-centered" alt="">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <a href="#">
                            <img src="img/logos/fepp.gif" class="img-responsive img-centered" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </aside>

        <!-- Contact Section -->
        <section id="contact">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <h2 class="section-heading">Contactez Nous</h2>
                        <hr class="primary">
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 text-primary">
			 <div class="col-lg-4 col-lg-offset-2 text-center">
                    		<i class="fa fa-phone fa-5x sr-contact"></i>
                    		<p class="large">+33.2.54.51.19.49</p>
                	</div>
                	<div class="col-lg-4 text-center">
                    		<i class="fa fa-envelope-o fa-5x sr-contact"></i>
                    		<p class="large"><a href="mailto:contact@staff-securite.com">contact@staff-securite.com</a></p>
                	</div>
                    </div>
                </div>
            </div>
        </section>

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <span class="copyright">Copyright &copy; Staff Securit&eacute; 2015</span>
                    </div>
                    <div class="col-md-8">
                        <ul class="list-inline social-buttons">
                            <li><a href="https://twitter.com/StaffSecurite"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="https://www.facebook.com/staffsecuritefrance"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="https://www.linkedin.com/company/staff-sécurité"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <small>AUT-041-2112-08-12-20130342981</small>
                    </div>
                    <div class="col-md-8">
                            <small>Article 612-14 du CSI : l'autorisation d'exercice ne confère aucune prérogative de puissance publique à l'entreprise ou aux personnes qui en bénéficient.</small>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
			    <small>
			Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a><br>
			Icons made by <a href="http://www.flaticon.com/authors/madebyoliver" title="Madebyoliver">Madebyoliver</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>
			</small>
		    </div>
                </div>
            </div>
        </footer>

        <!-- Portfolio Modals -->
        <!-- Use the modals below to showcase details about your portfolio projects! -->

        <!-- Portfolio Modal 1 -->
        <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Humanis</h2>
                                <p class="item-intro text-muted">Surveillance site Tertiaire</p>
                                <p>Notre entreprise assure la sécurité du personnel et des biens, la surveillance des bâtiments, le contrôle d’accès, les rondes de surveillance et l’intervention sur place en cas d’intrusion.
                                </p>
                                <p>
                                   Notre équipe est constituée d’agents de surveillance qui réalisent des rondes techniques de surveillance afin de vérifier régulièrement les différentes installations techniques. 
                                </p>
                                <p>
                                    Notre principale mission est la surveillance des salles serveurs informatiques afin de vérifier les installations techniques.
                                </p>
                                <p>
                                    Le stockage, la surveillance et le transfert des sauvegardes informatiques sont effectués à notre siège social.
                                </p>
                                <ul class="list-inline">
                                    <li>Client: Humanis</li>
                                </ul>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Portfolio Modal 2 -->
        <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <h2>Monceau Assurance</h2>
                                <p class="item-intro text-muted">Surveillance sécurité Incendie</p>
                                <p>
                                    La SARL Staff Sécurité 4*1 effectue la surveillance incendie du site Monceau Assurance de Vendôme.
                                </p>
                                <p>
                                    Notre équipe de sécurité incendie réalise le contrôle d’accès, l’accueil des visiteurs, la surveillance des locaux.
                                </p>
                                <p>
                                    Nous réalisons des rondes techniques afin de s’assurer du bon fonctionnement des installations techniques.
                                </p>
                                <p>
                                    Dans le cadre de la sécurité incendie nous effectuons la surveillance 24/24 des SSI, le contrôle des moyens de secours (extincteurs, éclairages de sécurité …)
                                </p>
                                <p>
                                    Nous gérons les alarmes techniques du site.
                                </p>
                                <p>
                                    Notre personnel d’encadrement est formé à la gestion des conflits.
                                </p>
                                <p>
                                    Nous réalisons pour notre client le suivi des obligations règlementaires, ainsi que la formation du personnel en matière de sécurité incendie.
                                </p>
                                <p>
                                    Notre entreprise a un rôle de conseil auprès de notre client quant à la gestion de la sécurité incendie du site.
                                </p>
                                <ul class="list-inline">
                                    <li>Client: Monceau Assurance</li>
                                </ul>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Portfolio Modal 3 -->
        <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>STORENGY</h2>
                                <p class="item-intro text-muted">Surveillance site Seveso 2</p>
                                <img class="img-responsive img-centered" src="img/portfolio/treehouse-preview.png" alt="">
                                <p>
                                    La SARL Staff Sécurité 4*1 effectue la surveillance des sites Storengy de Chémery, Soings en Sologne et Céré la ronde.
                                </p>
                                <p>
                                    Le site Storengy Chémery est le plus grand site de stockage de gaz naturel de France.
                                </p>
                                <p>
                                    Ces sites sont classés Seveso 2 seuil haut.
                                </p>
                                <p>
                                    Nos équipes réalisent le filtrage et le contrôle d’accès des différents sites.
                                </p>
                                <p>
                                    Nous effectuons des rondes de surveillance des sites afin de prévenir des risques d’intrusion.
                                </p>
                                <p>
                                    Nous mettons à disposition de notre personnel le matériel Atex nécessaire au bon déroulement de leur mission.
                                </p>
                                <ul class="list-inline">
                                    <li>Client: STORENGY</li>
                                </ul>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- jQuery -->
        <script src="js/jquery.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="js/bootstrap.min.js"></script>

        <!-- Plugin JavaScript -->
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
        <script src="js/classie.js"></script>
        <script src="js/cbpAnimatedHeader.js"></script>

        <!-- Contact Form JavaScript -->
        <script src="js/jqBootstrapValidation.js"></script>
        <script src="js/contact_me.js"></script>

        <!-- Custom Theme JavaScript -->
        <script src="js/agency.js"></script>

    </body>

</html>
