<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="fr">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Sécurité informatique, solutions informatiques - Belgique – Groovit</title>
<meta name="description" content="Nous développons des services informatiques basés sur les toutes dernières technologies en matière de communication, de mobilité, de sécurité, ..."/>
<!-- Google G Suite -->
<meta name="google-site-verification" content="XB6efPhXKLaU4YhpdkYHshhC4gbHVygwLuoSaPLCGoE" />
<!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicongroovit.png">
<link rel="canonical" href="https://www.groovit.be"/>
</head>
<!-- body classes: -->
<!-- "boxed": boxed layout mode e.g. <body class="boxed"> -->
<!-- "pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> -->
<!-- "transparent-header": makes the header transparent and pulls the banner to top -->
<!-- "page-loader-1 ... page-loader-6": add a page loader to the page (more info @components-page-loaders.html) -->
<body class="no-trans transparent-header">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWQ62K5"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- page wrapper start -->
<!-- ================ -->
<div class="page-wrapper">
<!-- header-top start -->
<!-- ================ -->
<div class="header-top dark">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-9 col-md-9">
<ul class="list-inline large text">
<li><a href="tel://003269601224" style="color: #ffffff"><i class="fa fa-phone pr-5 pl-10"></i>069 60 12 24</a></li>
<li><a href="mailto:contact@groovit.be" style="color: #ffffff"><i class="fa fa-envelope pr-5 pl-10"></i>contact@groovit.be</a></li>
</ul>
</div>
<div class="header-top-dropdown text-right hidden-xs">
<div class="col-sm-3 col-md-3">
<div class="btn-group dropdown">
<button type="button" class="btn dropdown-toggle btn-default btn-sm" data-toggle="dropdown"><i class="fa fa-lock pr-10"></i> Espace client</button>
<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
<li>
<a href="https://www.sellsy.fr/login" target="_blank" class="btn btn-default btn-sm"><i class="fa fa-lock pr-10"></i> Se connecter</a>
</li>
<li>
<a href="https://my.sendinblue.com/users/subscribe/js_id/2tecl/id/4" target="_blank" class="btn btn-default btn-sm"><i class="fa fa-user-plus pr-10"></i> S'inscrire</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header-top end -->
<!-- header start -->
<!-- classes: -->
<!-- "fixed": enables fixed navigation mode (sticky menu) e.g. class="header fixed clearfix" -->
<!-- "dark": dark version of header e.g. class="header dark clearfix" -->
<!-- "full-width": mandatory class for the full-width menu layout -->
<!-- "centered": mandatory class for the centered logo layout -->
<!-- ================ -->
<header class="header fixed clearfix">
<div class="container">
<div class="row">
<div class="col-md-3">
<!-- logo -->
<div id="logo" class="logo hidden-xs header-left">
<a href="/"><img id="logo_img" src="images/securite-informatique.png" alt="sécurité informatique avec Groovit, entreprise d'informatique du Hainaut, à Tournai, en Belgique"></a>
</div>
</div>
<div class="col-md-9">
<!-- header-right start -->
<!-- ================ -->
<div class="header-right clearfix">
<!-- main-navigation start -->
<!-- classes: -->
<!-- "onclick": Makes the dropdowns open on click, this the default bootstrap behavior e.g. class="main-navigation onclick" -->
<!-- "animated": Enables animations on dropdowns opening e.g. class="main-navigation animated" -->
<!-- "with-dropdown-buttons": Mandatory class that adds extra space, to the main navigation, for the search and cart dropdowns -->
<!-- ================ -->
<div class="main-navigation animated with-dropdown-buttons">
<!-- navbar start -->
<!-- ================ -->
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Toggle get grouped for better mobile display -->
<div class="navbar-header">
<div class="row">
<div class="col-xs-9">
<div id="logomobile" class="logo-left pl-10 visible-xs">
<a href="/"><img id="logo_img_mobile" src="images/securite-informatique.png" alt="service informatique de Groovit, entreprise informatique belge, Groovi, Tournai, Belgique"></a>
</div>
</div>
<div class="col-xs-3">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#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>
</div>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<!-- main-menu -->
<ul class="nav navbar-nav">
<!-- mega-menu start -->
<li class="page-scroll">
<a href="#LASOCIETE" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100">Accueil</a>
<li class="page-scroll">
<a href="#PHILOSOPHIE" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100">Notre philosophie</a>
</li>
<li class="dropdown">
<a href="#SOLUTIONS" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-toggle="dropdown">Nos services</a>
<ul class="dropdown-menu">
<li >
<a href="telephonie-ip.html" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100"><i class="fa fa-phone pr-10"></i>Téléphonie IP</a>
</li>
<li >
<a href="https://healthcall.be" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100"><i class="fa fa-user-md pr-10"></i>Appel infirmier</a>
</li>
<li >
<a href="reseau-informatique.html" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100"><i class="fa fa-sitemap pr-10"></i>Réseau informatique</a>
</li>
<li >
<a href="videosurveillance-ip.html" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100"><i class="fa fa-video-camera pr-10"></i>Vidéosurveillance IP</a>
</li>
<li >
<a href="sauvegarde-des-donnees.html" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100"><i class="fa fa-database pr-10"></i>Sauvegarde & partage</a>
</li>
</ul>
</li>
<li class="page-scroll">
<a href="realisation.html" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100">Projets clients</a>
</li>
<li class="page-scroll">
<a href="#actualite" class="smooth-scroll object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100">Notre actualité</a>
</li>
</ul>
<!-- main-menu end -->
<!-- header buttons -->
<div class="header-dropdown-buttons">
<a href="contact.html" class="btn btn-sm hidden-xs btn-default smooth-scroll">Nous contacter<i class="fa fa-phone pl-5"></i></a>
<a href="contact.html" class="btn btn-lg visible-xs btn-block btn-default smooth-scroll">Nous contacter<i class="fa fa-phone pl-5"></i></a>
</div>
<!-- header buttons end-->
</div>
</div>
</nav>
<!-- navbar end -->
</div>
<!-- main-navigation end -->
</div>
<!-- header-right end -->
</div>
</div>
</div>
</header>
<!-- header end -->
<!-- Begin About -->
<section id="LASOCIETE" class="banner dark-translucent-bg padding-bottom-clear" style="background-image:url('images/solutions-informatiques.jpg');">
<div class="container">
<div class="row">
<div class="col-xs-12 section-title text-center">
<h1 class="text-center"><strong style="color: #30998E">Sécurité informatique, solutions informatiques innovantes</strong></h1>
<h2 class="text-center">La société Groovit est spécialisée dans l'appel infirmier, la téléphonie IP, la vidéosurveillance IP, les réseaux informatiques sécurisés, la sauvegarde sécurisée de données, la messagerie collaborative.</h2>
<span class="section-divider"></span>
</div><!-- /.column -->
</div><!-- /.row -->
<div class="row mb30">
<div class="col-sm-12">
<h5 class="heading-1 mb20" style="color: #30998E">Pourquoi ?</h5>
<p class="lead no-margin" align="justify"><strong>La communication, la mobilité, la disponibilité et la sécurité informatique ne sont pas importantes à vos yeux ????</strong>
<br>Bien sûr que <strong>si !</strong>
<br>Vous avez certainement remarqué qu’elles sont <strong>en permanence en évolution</strong>. Vous devez <strong>vous adapter, voire anticiper</strong>.
<br>Vos clients, vos partenaires et vos concurrents ne vont pas vous attendre !
<br>A l’heure d’<strong>aujourd’hui, tout est plus rapide, plus flexible</strong>. Et être continuellement <strong>disponible et accessible devient capital</strong>.</p>
</div><!-- /.column -->
</div>
<div class="row mb15">
<div class="col-sm-6 mt30-xs">
<h5 class="heading-1 mb20" style="color: #30998E">Par qui ?</h5>
<p class="large text" align="justify">
Groovit travaille principalement avec des partenaires et des solutions informatiques sélectionnés et référencés. Pas de développement maison … Nous sommes ainsi constamment à la pointe des technologies. En étant proche de vous, nous apportons notre savoir-faire et la maîtrise des nouvelles technologies, pour vous assister dans votre évolution.<br>
<strong>Nous avons les mêmes objectifs que vous, et les mêmes valeurs : respect, responsabilité, et transparence.</strong></p>
</div><!-- /.column -->
<div class="col-sm-6 mt30-xs">
<h5 class="heading-1 mb20" style="color: #30998E">Comment ?</h5>
<p class="large text" align="justify">Nous sommes une société en service informatique se situant à Tournai en Belgique. L'image que nous avons est d'être des architectes des solutions informatiques. En d'autres mots, nous concevons et mettons en place les outils les plus adaptés pour chaque entreprise.
Nous existons parce que nos clients ont des besoins et des envies d'évolutions. Même si indirectement, nous subissons tous ces évolutions, poussés par la tendance et le marché. Il est donc nécessaire de revoir votre approche, et vos outils informatiques et de communications.</p>
</div><!-- /.column -->
</div><!-- /.row -->
<div class="row mb30">
<div class="col-sm-6">
<h5 class="heading-1 mb20" style="color: #30998E">Pour qui ?</h5>
<p class="large text" align="justify">Nos solutions n'ont pas réellement de limite en terme de nombre d'utilisateurs. Mais nous avons choisi de travailler avec les sociétés, les indépendants et les associations composés d'une à cinquante personnes se trouvant en Belgique.</p>
</div><!-- /.column -->
<div class="col-sm-6 mt30-xs">
<h5 class="heading-1 mb20" style="color: #30998E">Où ?</h5>
<p class="large text" align="justify">Etant donné que nos solutions fonctionnent de n’importe où, et de n’importe quel poste périphérique, les limites sont repoussées à l’extrême.</p>
</div><!-- /.column -->
</div><!-- /.row -->
</div><!-- /.container -->
</section><!-- /.section -->
<!-- End About -->
<!-- section start -->
<!-- ================ -->
<section id="PHILOSOPHIE" class="main-container padding-bottom-clear">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-center"><strong>Notre philosophie chez Groovit</strong></h2>
<p class="large text-center">De la théorie mais surtout de la pratique...</p>
</div>
</div>
</div>
<section id="conseil" class="full-width-section">
<div class="full-image-container">
<img class="to-right-block" src="images/service-informatique.jpg" alt="sécurité informatique, solutions informatiques, service informatique, en Belgique, belge, Tournai">
<div class="full-image-overlay text-right">
<h3>Vous garantit</h3>
<ul class="list-icons">
<li>Des conseils d'experts en informatique <i class="icon-check-1"></i></li>
<li>Une grande ouverture d’esprit <i class="icon-check-1"></i></li>
<li>Une grande écoute <i class="icon-check-1"></i></li>
<li>Une grand objectivité <i class="icon-check-1"></i></li>
</ul>
</div>
</div>
<div class="full-text-container border-bottom-clear">
<h2>Le conseil & l'esprit</h2>
<div class="separator-2 visible-lg"></div>
<p class="large text strong">Notre premier rôle est de vous écouter et de vous conseiller à faire les meilleurs choix concernant votre informatique.
</br>Nous avons pour habitude d'être proche de nos clients, installant ainsi une réelle confiance.
</p>
</div>
</section>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<section id="serviceetaction" class="full-width-section">
<div class="full-text-container left border-bottom-clear text-left">
<h2>Le service & l'action</h2>
<div class="separator-3 visible-lg"></div>
<p class="large text">Avec Groovit vous trouvez une qualité de services et de prestations informatiques élevée, qui se traduit entre autre par : le professionnalisme de nos intervenants, une disponibilité étendue, une réactivité rapide, un accompagnement, un suivi et une coordination minutieuse et complète.</p>
<p class="large text"><strong>On dit ce que l’on va faire, on fait ce que l’on avait dit !</strong></p>
</div>
<div class="full-image-container">
<img src="images/societe-informatique.jpg" alt="solutions innovantes et sécurité avec Groovit, entreprise en informatique en Belgique, à Tournai">
<div class="full-image-overlay">
<h3>Vous garantit</h3>
<ul class="list-icons">
<li>Une réelle implication de notre part <i class="icon-check-1"></i></li>
<li>Des solutions informatiques d'avenir <i class="icon-check-1"></i></li>
</ul>
</div>
</div>
</section>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<section id="justeprix" class="full-width-section">
<div class="full-image-container">
<img class="to-right-block" src="images/entreprise-informatique.jpg" alt="sécurité informatique, Belgique, solution informatique, wallonie, société d’informatique, tournaisis">
<div class="full-image-overlay text-right">
<h3>Vous garantit</h3>
<ul class="list-icons">
<li>Des prix justes et justifiés <i class="icon-check-1"></i></li>
<li>Pas de surprise budgetaire <i class="icon-check-1"></i></li>
<li>Une totale transparence avec des offres détaillées <i class="icon-check-1"></i></li>
<li>Pas de faux frais ou de frais déguisés <i class="icon-check-1"></i></li>
<li>Choix entre plusieurs offres <i class="icon-check-1"></i></li>
</ul>
</div>
</div>
<div class="full-text-container border-bottom-clear">
<h2>Le juste prix</h2>
<div class="separator-2 visible-lg"></div>
<p class="large text">En ces temps de forte concurrence et de restrictions budgétaires, nous mettons un point d’honneur à vous expliquer précisément ce que nous vous proposons et à détailler clairement chaque poste budgétaire de nos offres.</p>
</div>
</section>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<section id="Serviceomnium" class="full-width-section">
<div class="full-text-container left border-bottom-clear text-right">
<h2>Service omnium</h2>
<div class="separator-3 visible-lg"></div>
<p class="large text">Lorsque votre partenaire s’occupe de tout pour mener à bien votre projet, vous vous sentez en sécurité.</p>
<p class="large text">Nous proposons un service omnium pour un budget minimal, le tout immédiatement avec des payements échelonnés et/ou mensuels.</p>
</div>
<div class="full-image-container">
<img src="images/audit-informatique.jpg" alt="sécurité des données, services informatiques aux entreprises, conseil en informatique, tournaisis">
<div class="full-image-overlay">
<h3>Vous garantit</h3>
<ul class="list-icons">
<li>Une tranquillité d'esprit <i class="icon-check-1"></i></li>
<li>Une sensation de sécurité <i class="icon-check-1"></i></li>
<li>Une canalisation sur votre activité <i class="icon-check-1"></i></li>
</ul>
</div>
</div>
</section>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<section id="nocurenopay" class="full-width-section">
<div class="full-image-container">
<img class="to-right-block" src="images/securite-reseau.jpg" alt="informatique professionnelle, région wallonne, dans le hainaut, sécurité des données, cloud">
<div class="full-image-overlay text-right">
<h3>Vous garantit</h3>
<ul class="list-icons">
<li>Une implication temps et financière de notre part <i class="icon-check-1"></i></li>
<li>Un risque (ou une opportunié de collaboration) ou pas de notre part <i class="icon-check-1"></i></li>
<li>Un essai pour juger par vous même <i class="icon-check-1"></i></li>
<li>Les paiements mensuels après la réception de la mise en place du service <i class="icon-check-1"></i></li>
</ul>
</div>
</div>
<div class="full-text-container border-bottom-clear">
<h2>No cure, no pay !</h2>
<div class="separator-2 visible-lg"></div>
<p class="large text">Pas de remède = Pas d’argent !</p>
<p class="large text">Nous sommes partisans de : « L’essayer c’est l’adopter ».</p>
<p class="large text">Fréquemment nous investissons auprès des clients dubitatifs et installons gratuitement du matériel et nos solutions informatiques.</p>
</div>
</section>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<section id="satisfaction" class="full-width-section">
<div class="full-text-container left border-bottom-clear text-right">
<h2>Le client satisfait</h2>
<div class="separator-3 visible-lg"></div>
<p class="large text">Quand tout se passe bien, pourquoi changer ?</p>
<p class="large text">Toute relation longue et ferme est bénéfique pour chacun. Nous nous connaissons et la transparence est de mise. La communication est encore plus facile et plus ouverte.</p>
</div>
<div class="full-image-container">
<img src="images/audit-securite.jpg" alt="informatique en entreprise, sécurité des données, expert informatique, dans la région wallonne">
<div class="full-image-overlay">
<h3>Vous garantit</h3>
<ul class="list-icons">
<li>Un soulagement d'avoir un prestataire informatique efficace <i class="icon-check-1"></i></li>
<li>Une empathie de notre part <i class="icon-check-1"></i></li>
<li>Un dépassement de vos attentes <i class="icon-check-1"></i></li>
<li>une relation gagnant/gagnant <i class="icon-check-1"></i></li>
<li>Une réelle implication de notre part <i class="icon-check-1"></i></li>
<li>Une priorité client et non la marge Groovit <i class="icon-check-1"></i></li>
</ul>
</div>
</div>
</section>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<section id="SOLUTIONS" class="light-gray-bg pv-30 clearfix">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-center"><strong>Nos services</strong></h2>
<p class="large text-center">Des services informatiques professionnels pour des professionnels exigeants</p>
</div>
<div class="col-md-6">
<div class="pv-30 ph-20 feature-box bordered shadow text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg circle"><i class="fa fa-user-md"></i></span>
<h2>Appel infirmier</h2>
<div class="separator clearfix"></div>
<p>Que pouvons-nous apporter à l’appel infirmier ?<br>
- Une facilité d’installation sans câblage.<br>
- Un coût beaucoup moins élevé.<br>
- Bien plus de fonctions.
</p>
<a href="https://healthcall.be">En savoir plus<i class="pl-5 fa fa-plus-square"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="pv-30 ph-20 feature-box bordered shadow text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg circle"><i class="fa fa-phone"></i></span>
<h2>Téléphonie IP</h2>
<div class="separator clearfix"></div>
<p>La Téléphonie IP est tout simplement l'avenir de la téléphonie pour les professionnels. Cette solution de téléphonie est la seule qui s'adapte à vos besoins et non l'inverse. Elle est utilisée par les plus grands: Hugo Boos, Pepsi, Boeing, ... Pour 9€ par mois, pourquoi pas vous ?</p>
<a href="telephonie-ip.html">En savoir plus<i class="pl-5 fa fa-plus-square"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="pv-30 ph-20 feature-box bordered shadow text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg circle"><i class="fa fa-sitemap"></i></span>
<h2>Réseau informatique</h2>
<div class="separator clearfix"></div>
<p>Le réseau informatique est la colonne vertébrale du travail collaboratif. Il est fondamental que votre interconnexion d'ordinateurs, de serveurs et autres appareils passe par une architecture réseau stable, homogène et évolutive. Imaginez-vous la tour Eiffel sans de bonnes fondations ?</p>
<a href="reseau-informatique.html">En savoir plus<i class="pl-5 fa fa-plus-square"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="pv-30 ph-20 feature-box bordered shadow text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg circle"><i class="fa fa-video-camera"></i></span>
<h2>Vidéosurveillance IP</h2>
<div class="separator clearfix"></div>
<p>Soyez averti ou levez simplement un doute en temps réel grâce à cette solution de vidéosurveillance IP sécurisée. A tout moment et de n'importe où, cette solution s'utilise comme un jeu d'enfants. Pensez-vous également que prévenir vaut mieux que guérir ?</p>
<a href="videosurveillance-ip.html">En savoir plus<i class="pl-5 fa fa-plus-square"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="pv-30 ph-20 feature-box bordered shadow text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg circle"><i class="fa fa-desktop"></i></span>
<h2>Sauvegarde & partage</h2>
<div class="separator clearfix"></div>
<p>Le risque zéro n’existe pas, même avec du matériel et des logiciels de sécurité, des solutions +/- efficaces et parfois coûteuses.</br>La sauvegarde de vos données est la seule solution pour palier à tout risque. Pensez-y, car demain il sera peut-être trop tard !</p>
<a href="sauvegarde-des-donnees.html">En savoir plus<i class="pl-5 fa fa-plus-square"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="pv-30 ph-20 feature-box bordered shadow text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg circle"><i class="fa fa-envelope"></i></span>
<h2>Messagerie Collaborative</h2>
<div class="separator clearfix"></div>
<p>Le partage et la transmission d'informations telles que vos mails, contacts, agendas, etc. sont essentiels à votre activté. La vitesse de communication entre personnes est de plus en plus rapide, et doit se faire en toute sécurité. Êtes-vous prêt à améliorer votre productivité ?</p>
<a href="" data-toggle="modal" data-target="#site"> En savoir plus<i class="pl-5 fa fa-plus-square"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- section end -->
<!-- Modal -->
<div class="modal fade" id="site" tabindex="-1" role="dialog" aria-labelledby="site" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Fermer</span></button>
<h4 class="modal-title" id="sitetitle">Messagerie Collaborative Professionnelle</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6">
</br><strong>La messagerie collaborative est l’outil incontournable pour toutes les structures</strong> car il s’agit, de loin, de l’application la <strong>plus employée quotidiennement</strong>.
</br>Aujourd’hui, que vous soyez seul, ou nombreux dans votre structure, l’utilisation d’une simple boîte mail dépasse les enjeux classiques du simple échange de courriers électroniques.</p>
Si la messagerie est devenue le moyen universel de communication inter-entreprise (envoi de documents, factures, prise de rendez-vous,..), vous avez besoin d’un service de messagerie autorisant réellement vos équipes à <strong>avancer ensemble efficacement</strong>, donc à collaborer : la messagerie collaborative.
</br>Lorsque vous travaillez en coordonnant vos forces, on est <strong>immédiatement plus productif</strong>, parce que vous <strong>économisez </strong>ce que vous avez de plus précieux : <strong>votre temps</strong>.</p>
Organiser la migration vers la solution de Messagerie Collaborative Professionnelle de chez Groovit au sein de votre structure est un réel boosteur de productivité. Grâce à la mutualisation des données, chaque personne est mieux informée.</br>Votre personnel devient rapidement plus efficient et plus réactif.</br>Cette mise en commun des informations est possible grâce à ces cinq outils pratiques et essentiels capables de répondre à vos besoins :</p>
</div>
<div class="col-md-6">
<div class="owl-carousel content-slider-with-controls">
<div class="overlay-container">
<img src="images/messagerie-collaborative.png" alt="messagerie collaborative groovit, Exchange">
</div>
<div class="overlay-container">
<img src="images/messagerie-collaborative-groovit.png" alt="Microsoft Exchange, service de mail professionnel">
</div>
<div class="overlay-container">
<img src="images/microsoft-exchange.png" alt="soltuion collaborative pour entreprise, Belgique">
</div>
</div>
</div>
<div class="col-md-12">
<ol>
<strong><li>Communiquer efficacement :</li></strong>
La communication est un élément vital pour toute activité professionnelle. C’est pourquoi il faut la favoriser au maximum. Avec un service de messagerie collaborative, l’envoi d’e-mails est simplifié et immédiat. Ce type de boîte aux lettres électronique rend aussi possible la délégation de compte mail, pendant les congés d’un collègue par exemple.</p>
<strong><li>Une solution de messagerie pour mieux planifier :</li></strong>
Travailler ensemble implique de sans cesse devoir tout coordonner : une réunion, un appel, le déploiement d’un projet, …
Grâce à son agenda mutualisé intégré, votre application de messagerie collaborative vous fait gagner un temps précieux lors de la planification des tâches. Vous pouvez directement consulter les rendez-vous de vos collègues, sur votre PC, tablette ou smartphone, et savoir, sans les déranger, à quel moment ils sont libres. Utilisez également un agenda de ressources partagées, pour réserver en un clic une salle ou un véhicule par exemple.</p>
<strong><li>Accédez aux contacts utiles via votre messagerie mutualisée :</li></strong>
Vos clients et autres intervenants extérieurs communiquent avec différentes unités de votre structure, parfois très peu connectées entre elles.
Utiliser une messagerie collaborative vous permet de rationaliser la gestion des contacts en mettant en commun différents carnets d’adresses.Aucune longue procédure n’est plus nécessaire entre vos forces de vente et le service client par exemple.</p>
<strong><li>Quelle fonctionnalité pour mieux vous organiser ?</li></strong>
Afin d’optimiser leurs temps, vos collaborateurs ont souvent besoin d’une planification simple de leurs tâches.
Choisissez une messagerie mutualisée dotée d’un gestionnaire de tâches directement intégré. Chaque collaborateur gère ainsi mieux son temps et travaille plus facilement en groupe, car les tâches sont visibles dans l’agenda partagé et mises en commun avec les contacts concernés.</p>
<strong><li>L’avantage d’un logiciel de groupe pour travailler ensemble :</li></strong>
Les membres du personnel participant à un même projet ont sans cesse besoin de partager de gros fichiers, parfois trop lourds pour une messagerie électronique classique. Des fonctionnalités comme celles proposées par Exchange de Microsoft vous facilitent la tâche. Vous pouvez joindre un document à un message sans vous préoccuper de son poids : s’il est trop lourd, il est automatiquement hébergé et son lien intégré au mail. Un clic suffit pour accéder ensuite au fichier.
</ol>
</div>
</div>
<div class="row">
<div class="col-md-12 col-xs-12">
<!-- Tabs start -->
</div>
<div class="col-md-6 col-xs-12">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
<!-- Item 2 Modal -->
<div class="modal fade" id="internet" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Fermer</span></button>
<h4 class="modal-title" id="sitetitle">Site internet</h4>
</div>
<div class="modal-body">
<p>Il est vrai qu’à l’heure d’aujourd’hui un site internet est indispensable pour une activité professionnelle !</p>
<h5 class="heading-1 modal-heading mb20">Votre avantage :</h5>
<li><span style="font-size:16px">Une publicité permanente et détaillé</span></li>
<li><span style="font-size:16px">Un établissement ouvert 24h/24 7 jours sur 7 et accessible de partout dans le monde</span></li>
<li><span style="font-size:16px">Une carte de visite de ton activité</span></li>
<li><span style="font-size:16px">Une clientèle toujours grandissante</span></li>
<li><span style="font-size:16px">Une meilleure rapidité de réaction</span></li>
<li><span style="font-size:16px">Une crédibilité augmentée</span></li>
<li><span style="font-size:16px">Une compétitivité accrue par rapport à la concurrence</span></li></p>
<h5 class="heading-1 modal-heading mb20">Notre objectif :</h5>
<p>Notre objectif est de créer des sites internet performants qui donne de la visibilité à votre entreprise et apporte un réel retour sur investissement</p>
<h5 class="heading-1 modal-heading mb20">Notre mission :</h5>
<li><span style="font-size:16px">Analyse de vos besoins et de votre projet</span></li>
<li><span style="font-size:16px">Présentation de l’offre de service et du plan des opérations pour la création de votre site Internet</span></li>
<li><span style="font-size:16px">Signature du contrat et enclenchement du processus de conception web</span></li>
<li><span style="font-size:16px">Sélection du style de site web et de son Design</span></li>
<li><span style="font-size:16px">Détermination de l’arborescence, du contenu, et des fonctionnalités du site Internet.</span></li>
<li><span style="font-size:16px">Création du site web en ligne sur une adresse temporaire protégée où vous pourrez voir le site se construire progressivement.</span></li>
<li><span style="font-size:16px">Modifications et correction du site web basés sur votre feedback</span></li>
<li><span style="font-size:16px">Entretien, mise à jour, modifications selon votre besoin et suivit des statistiques pour optimiser la visibilité</span></li>
<li><span style="font-size:16px">Polissage final et mise en ligne sur le url officiel</span></li>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Fermer</button>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- section start -->
<!-- ================ -->
<section id="partenaire" class="main-container padding-bottom-clear">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-center"><strong>Devenir partenaire Groovit</strong></h2>
<p class="large text-center">C'est proposer à vos clients et prospects des solutions informatiques d’avenir.</p>
<p class="large text-center">Que vous souhaitiez revendre et/ou installer nos solutions, cette collaboration vous offrira une réelle opportunité de croissance et de différenciation sur le marché.</p>
</div>
<div class="col-md-6">
<br>
<div class="feature-box-2 object-non-visible right" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg small"><i class="fa fa-line-chart"></i></span>
<div class="body">
<h4 class="title">Devenir partenaire Groovit, c’est : </h4>
<div class="separator-3"></div>
<ul class="list-icons">
<li>Proposer des solutions intégrées et simples d’utilisation <i class="icon-check-1"></i></li>
<li>Offrir des technologies perfomantes et innovantes <i class="icon-check-1"></i></li>
<li>Faire partie d’un réseau disponible, dynamique et qui s’investit<i class="icon-check-1"></i></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<br>
<div class="feature-box-2 object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg small"><i class="fa fa-thumbs-up"></i></span>
<div class="body">
<h4 class="title">Vous bénéficiez des avantages suivants : </h4>
<div class="separator-2"></div>
<ul class="list-icons">
<li>Un accompagnement commercial et technique personnalisé <i class="icon-check-1"></i></li>
<li>Des plans de formations spécifiques et personnalisées <i class="icon-check-1"></i></li>
<li>Des marges bénéficiaires attractives <i class="icon-check-1"></i></li>
<li>Des outils de marketing et du matériels de démonstration<i class="icon-check-1"></i></li>
</ul>
</div>
</div>
</div>
<div class="timeline-date-label clearfix"><a href="contact.html" class="ainbtn smooth-scroll">En savoir plus</a></div>
</div>
</div>
</section>
<!-- section end -->
<!-- main-container start -->
<!-- ================ -->
<section id="actualite" class="light-gray-bg pv-30 clearfix">
<div class="container">
<div class="row">
<!-- main start -->
<!-- ================ -->
<div class="container">
<!-- page-title start -->
<!-- ================ -->
<div class="col-md-12 text-center">
<h2 class="title-center"><strong>Notre actualité</strong></h2>
</div>
<!-- main start -->
<!-- ================ -->
<div class="main col-12">
<!-- timeline grid start -->
<!-- ================ -->
<div class="timeline clearfix">
<div class="timeline-date-label clearfix">2020</div>
<!-- timeline grid item start -->
<div class="timeline-item pull">
<!-- blogpost start -->
<article class="blogpost shadow light bordered object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="800">
<div class="overlay-container">
<img class="grayscale" src="images/contrat-maintenance.jpg" alt="contrat de services, maintenance de solution informatique, contrat de maintenance informatique">
</div>
<header>
<h2><span style="color: #30998E">Un contrat de maintenance informatique qui s'adapte à vous et non l'inverse !</span></h2>
<div class="post-info">
<span class="post-date">
<i class="icon-calendar"></i>
<span class="day">1</span>
<span class="month">Février 2020</span>
</span>
</div>
</header>
<div class="blogpost-content">
<p>Nous vous proposons une toute nouvelle formule de contrat de maintenance informatique. Ce contrat personnalisé est adapté à votre activité professionnelle et vos besoins. Il dépend :
<ul>
<li>Du niveau de maintenance et du nombre d'équipements informatiques.</li>
<li>Du niveau de prestations techniques et du temps d'intervention.</li>
</ul>
Il y a 3 niveaux de maintenance sur les équipements informatiques. </br>Chaque niveau défini des engagements contractuels adaptés :
<ul>
<li>Test et mise en place des mises à jour améliorant les performances, la sécurité et la fiabilité.</li>
<li>Sauvegardes des configurations.</li>
<li>Outils de gestion en Cloud permettant de gérer les équipements à distance 24h / 24h, 7J / 7J.</li>
<li>Définition des alertes client et envoi par mail.</li>
<li>Analyses, améliorations et corrections : canaux wifi, Vlan, restriction Firewall (IDS et IPS) et règles de routage.</li>
<li>Gestion de liste blanche via Mac Adresse d'équipement.</li>
<li>Gestion du portail wifi, VPN et radius.</li>
<li>...</li>
</ul>
Il y a 4 niveaux de prestations techniques définissant :
<ul>
<li>Les horaires d'intervention : de 8h00 à 19h00.</li>
<li>Les agendas : 7 jours sur 7 et jours fériés.</li>
<li>Les délais de prise en charge : 4h.</li>
<li>Les modalités d'intervention : par ticket, par téléphone, par mail à support@groovit.be ou via l'espace client.</li>
</ul>
</div>
</article>
<!-- blogpost end -->
</div>
<!-- timeline grid item end -->
<div class="timeline-date-label clearfix">2019</div>
<!-- timeline grid item start -->
<div class="timeline-item pull">
<!-- blogpost start -->
<article class="blogpost shadow light bordered object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="800">
<div class="overlay-container">
<img class="grayscale" src="images/public-address.png" alt="Public Address IP, communication de masse, solution de public address, service informatique">
</div>
<header>
<h2><span style="color: #30998E">Public Address IP</span></h2>
<div class="post-info">
<span class="post-date">
<i class="icon-calendar"></i>
<span class="day">16</span>
<span class="month">Novembre 2019</span>
</span>
</div>
</header>
<div class="blogpost-content">
<p>Dans les établissements, il est de plus en plus nécessaire de pouvoir communiquer différentes informations liées :
<ul>
<li>Aux systèmes d'alarme.</li>
<li>Aux systèmes de détection incendie.</li>
<li>Aux solutions anti-amok.</li>
<li>Aux centrales téléphonique IP.</li>
<li>Aux systèmes d'appels sonnettes.</li>
</ul>
Notre solution de Public address IP peut également diffuser de la musique, des messages particuliers, la météo,... </p>L'usage est très varié, exemples :
<ul>
<li>Il a un début d'incendie dans une zone de bâtiment, on peut informer et rassurer automatiquement qu'il y a début d'incendie dans cette zone et qu'il faut évacuer les lieux par une sortie précise et que les services de secours sont sur la route.</li>
<li>Il est possible d'informer via son téléphone de bureau et son smartphone que l'élève Zoélie est demandée au bureau de la préfète.</li>
<li>Informer les personnes malveillantes qui ont été détectées par le système intrusion et qu'il est préférable de quitter les lieux car les forces de l'ordres vont intervenir.</li>
<li>Diffuser un message dans les bureaux infirmiers signalant que Madame Dupont de la chambre 122 a appuyé depuis 9 minutes sur son bouton d'appel sonnette.</li>
<li>Remplacer les sonneries stridentes et archaïques par des mélodies plus harmonieuses. On peut également diffuser un message relatif à une absence de professeur et inviter les élèves concernés à se rendre à l'étude.</li>
</ul>
<br>Notre solution est développée de façon à s'intégrer très facilement à l'infrastructure existante.<br>Bref, c'est la communication de masse informatisée.</p>
</div>
</article>
<!-- blogpost end -->
</div>
<!-- timeline grid item end -->
<!-- timeline grid item start -->
<div class="timeline-item pull-right">
<!-- blogpost start -->
<article class="blogpost shadow light bordered object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="800">
<div class="overlay-container">
<img class="grayscale" src="images/recrutement.jpg" alt="sécurité informatique, réseaux wifi, audit en sécurité, maintenance réseau">
</div>
<header>
<h2><span style="color: #30998E">Groovit recrute</span></h2>
<div class="post-info">
<span class="post-date">
<i class="icon-calendar"></i>
<span class="day">24</span>
<span class="month">Septembre 2019</span>
</span>
</div>
</header>
<div class="blogpost-content">
<p>Nous sommes à la recherche d'un technico commercial orienté service client. Nous souhaitons renforcer notre équipe afin de développer notre portefeuille clients. Nos solutions informatiques sont développées sur bases des dernières technologie. Des solutions d'aujourd'hui et d'avenir.<br>Pour en savoir plus, n'hésitez pas à visualiser l'offre en cliquant <a href="http://www.groovit.be/recrutement.pdf"><strong>ICI</strong></a> et à nous transmettre votre CV à <a href="mailto:info@groovit.be">info@groovit.be</a></p>
</div>
</article>
<!-- blogpost end -->
</div>
<!-- timeline grid item end -->
<!-- timeline grid item start -->
<div class="timeline-item pull">
<!-- blogpost start -->
<article class="blogpost shadow light bordered object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="800">
<div class="overlay-container">
<img class="grayscale" src="images/healthcare.jpg" alt="service informatique, solution it, société de service informatique, infrastructure reseau">
</div>
<header>
<h2><span style="color: #30998E">Solution d'appels sonnettes pour les maisons de repos et les cliniques</span></h2>
<div class="post-info">
<span class="post-date">
<i class="icon-calendar"></i>
<span class="day">26</span>
<span class="month">Juillet 2019</span>
</span>
</div>
</header>
<div class="blogpost-content">
<p>Notre première installation d'appels sonnettes GroovCall a démarré dans une maison de repos composée de plus 150 lits. On parle de plus de 200 boutons fixes et 152 mobiles.<p>
Vous aurez bientôt l’occasion de visiter notre page de présentation concernant ce nouveau service d’appels sonnettes. A suivre…
</p>
</div>
</article>
<!-- blogpost end -->
</div>
<!-- timeline grid item end -->
<div class="timeline-date-label clearfix"><a href="actualite.html" class="ainbtn"><u>Plus anciennes</u></a></div>
</div>
<!-- timeline grid end -->
</div>
<!-- main end -->
</div>
</div>
</div>
</section>
<!-- main-container end -->
<!-- section start -->
<!-- ================ -->
<section id="contact" class="light-gray-bg pv-30 clearfix">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-center"><strong>Nous contacter</strong></h2>
<p class="large text-center">C'est avec plaisir que nous sommes à votre écoute du lundi au vendredi de 9h à 18h et</br>les weekends à équipe réduite de 10h à 17h.</p>
</div>
<div class="col-md-3">
<div class="ph-20 feature-box text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<a href="tel://003269601224" class="icon default-bg circle"><i class="fa fa-phone"></i></a>
<h2><a href="tel://003269601224">Téléphone</a></h2>
<div class="separator clearfix"></div>
<h3><a href="tel://003269601224"><strong>069 60 12 24</strong></a></h3>
</div>
</div>
<div class="col-md-3">
<div class="ph-20 feature-box text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<a href="mailto:contact@groovit.be" class="icon default-bg circle"><i class="fa fa-envelope"></i></a>
<h2><a href="mailto:contact@groovit.be">Mail</a></h2>
<div class="separator clearfix"></div>
<h3><a href="mailto:contact@groovit.be"><strong>contact@groovit.be</strong></a></h3>
</div>
</div>
<div class="col-md-3">
<div class="ph-20 feature-box text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<a href="" data-toggle="modal" data-target="#contactformulaire" class="icon default-bg circle"><i class="fa fa-pencil-square-o"></i></a>
<h2><a href="" data-toggle="modal" data-target="#contactformulaire">Formulaire</a></h2>
<div class="separator clearfix"></div>
<h3><a href="" data-toggle="modal" data-target="#contactformulaire">Rempli en une minute !</a></h3>
</div>
</div>
<div class="col-md-3">
<div class="feature-box text-center object-non-visible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
<span class="icon default-bg circle"><i class="fa fa-share-alt"></i></span>
<h2>Reseaux sociaux</h2>
<div class="separator clearfix"></div>
<ul class="pl-20 pull-center social-links circle medium clearfix margin-clear animated-effect-1">
<li class="linkedin"><a target="_blank" href="https://fr.linkedin.com/company/groovit-sprl"><i class="fa fa-linkedin"></i></a></li>
<li class="facebook"><a target="_blank" href="https://www.facebook.com/Groovit-297174937377947/?fref=ts"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a target="_blank" href="https://twitter.com/groovit"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- section end -->
<!-- Modal -->
<div class="modal fade" id="contactformulaire" tabindex="-1" role="dialog" aria-labelledby="site" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form id="formulaire" method="post" action="traitement_formulaire.php">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Fermer</span></button>
<h2 class="modal-title" id="site">Formulaire de contact</h2>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="large text">Afin de vous contacter rapidement, merci de renseigner les informations ci-dessous :
</div>
<div class="controls">
<input class="form-control" data-error="This section is required." id="nom" name="nom" placeholder="Nom :" required="" type="text" tabindex="1">
<div class="help-block with-errors"></div>
</div>
<div class="controls">
<input class="form-control" data-error="This section is required." id="objet" name="objet" placeholder="Numéro :" required="" type="tel" tabindex="2">
<div class="help-block with-errors"></div>
</div>
<div class="controls">
<input class="email form-control" data-error="This section is required." id="email" name="email" placeholder="Mail :" required="" type="email" tabindex="3">
<div class="help-block with-errors"></div>
</div>
<div class="controls">
<textarea class="form-control" data-error="This section is required." id="message" name="message" placeholder="Message :" required="" rows="5" tabindex="4"></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="text-center">
<div id="msgSubmit" class="h4 hidden mt10 no-margin-bottom"></div>
</div>
<span id="image-loader">
<img alt="" src="images/loader.gif">
</span>
<div id="message-warning">Une erreur est survenue, merci de contacter Groovit par téléphone ou par mail!</div>
<div id="message-success"><i class="fa fa-check"></i>Votre demande a été envoyée!<br></div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" name="envoi" value="Envoyer le formulaire !" class="btn btn-default btn-lg submit">Envoyez</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal end -->
<!-- footer start (Add "dark" class to #footer in order to enable dark footer) -->
<!-- ================ -->
<footer id="footer" class="clearfix">
<!-- .subfooter start -->
<!-- ================ -->
<div class="subfooter">
<div class="container text-center">
<div class="row">
<div class="col-md-12">
<a href="/">Copyright © 2023- Groovit SPRL - BE 0670.582.675 - </a>
<a href="www.groovit.be" data-toggle="modal" data-target="#myModal">Conditions générales et particulières</a>
</div>
</div>
</div>
</div>
<!-- .subfooter end -->
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Conditions générales et particulières</h4>
</div>
<div class="modal-body">
<h4 class="title">Conditions générales</h4>
<li><a href="conditions-generales-de-vente.html" target="_blank">Conditions générales de vente<i class="pl-5 fa fa-angle-double-right"></i></a></li>
<h4 class="title">Conditions particulières</h4>
<li><a href="https://my.sendinblue.com/users/subscribe/js_id/2tecl/id/1" target="_blank">Téléphonie IP (sur demande)<i class="pl-5 fa fa-angle-double-right"></i></a></li>
<li><a href="conditions-generales-de-sauvegarde-des-donnees.html" target="_blank">Sauvegarde<i class="pl-5 fa fa-angle-double-right"></i></a></li>
<li><a href="https://my.sendinblue.com/users/subscribe/js_id/2tecl/id/1" target="_blank">Vidéo surveillance (sur demande)<i class="pl-5 fa fa-angle-double-right"></i></a></li>
<li><a href="https://my.sendinblue.com/users/subscribe/js_id/2tecl/id/1" target="_blank">Appel infirmier (sur demande)<i class="pl-5 fa fa-angle-double-right"></i></a></li>
<li><a href="https://my.sendinblue.com/users/subscribe/js_id/2tecl/id/1" target="_blank">Messagerie collaborative (sur demande)<i class="pl-5 fa fa-angle-double-right"></i></a></li>
<li><a href="https://my.sendinblue.com/users/subscribe/js_id/2tecl/id/1" target="_blank">Réseau informatique (sur demande)<i class="pl-5 fa fa-angle-double-right"></i></a></li>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</footer>
<!-- footer end -->
</section>
</div>
<!-- page-wrapper end -->
<!-- JavaScript files placed at the end of the document so the pages load faster -->
<!-- ================================================== -->
<!-- Jquery and Bootstap core js files -->
<!-- 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-97995472-2', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KWQ62K5');</script>
<!-- End Google Tag Manager -->
<script type="application/javascript" src="https://www.sellsy.com/?_f=snippet&hash=ZSU4NCVGQSVERSUxOSUyQyVBRSVGMk0lREMlMDMlOUYlRTglQzYlMDMlRDQ3JUM0JUM0aSVGNyUwMSUyOSUwNCVBMkMlRTMlQkYlQkIlQTNNZmQlODElQ0MlOUQlOUYlMDklRjd1JUFDJTAxJUMwJUE1JUIxJUNCJThCJUREJUJGJTA1JUREJUFGcVYlNUI2JTAxJTdEZiVBRGJVeCVGNg=="></script>
<script type="text/javascript">
//https://developer.mozilla.org/fr/docs/Web/API/Window/getComputedStyle
var element = document.getElementById('refposcontactform');
var style = window.getComputedStyle(element);
var width = style.getPropertyValue('width');
var paddingright = style.getPropertyValue('padding-right');
document.getElementById("contactform").width = width;//innerHTML = width;
document.getElementById("contactform").p = paddingright;
</script>
<script type="text/javascript" src="plugins/jquery.min.js"></script>
</body>
</html>
<!-- Web Fonts -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:700,400,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="plugins/owl-carousel/owl.carousel.css">
<!-- Default Theme -->
<link rel="stylesheet" href="plugins/owl-carousel/owl.theme.css">
<!-- Font Awesome CSS -->
<link href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- Fontello CSS -->
<link href="fonts/fontello/css/fontello.css" rel="stylesheet">
<!-- Plugins -->
<link href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
<link href="plugins/rs-plugin/css/settings.css" rel="stylesheet">
<link href="css/animations.css" rel="stylesheet">
<link href="plugins/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="plugins/owl-carousel/owl.transitions.css" rel="stylesheet">
<link href="plugins/hover/hover-min.css" rel="stylesheet">
<!-- the project core CSS file -->
<link href="css/style.css" rel="stylesheet" >
<!-- Color Scheme (In order to change the color scheme, replace the blue.css with the color scheme that you prefer)-->
<link href="css/skins/groovit.css" rel="stylesheet">
<!-- Custom css -->
<link href="css/custom.css" rel="stylesheet">
<link href="css/contact.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<!--JS SCRIPT-->
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<!-- Modernizr javascript -->
<script type="text/javascript" src="plugins/modernizr.js"></script>
<!-- jQuery Revolution Slider -->
<script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<!-- Isotope javascript -->
<script type="text/javascript" src="plugins/isotope/isotope.pkgd.min.js"></script>
<!-- Magnific Popup javascript -->
<script type="text/javascript" src="plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Appear javascript -->
<script type="text/javascript" src="plugins/waypoints/jquery.waypoints.min.js"></script>
<!-- Count To javascript -->
<script type="text/javascript" src="plugins/jquery.countTo.js"></script>
<!-- Parallax javascript -->
<script src="plugins/jquery.parallax-1.1.3.js"></script>
<!-- Contact form -->
<script src="plugins/jquery.validate.js"></script>
<!-- Background Video -->
<script src="plugins/vide/jquery.vide.js"></script>
<!-- Owl carousel javascript -->
<script type="text/javascript" src="plugins/owl-carousel/owl.carousel.js"></script>
<!-- SmoothScroll javascript -->
<script type="text/javascript" src="plugins/jquery.browser.js"></script>
<script type="text/javascript" src="plugins/SmoothScroll.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<!-- Initialization of Plugins -->
<script type="text/javascript" src="js/template.js"></script>
<!-- Custom Scripts -->
<script type="text/javascript" src="js/custom.js"></script>
<!--<script src="js/skrollr/skrollr.min.js"></script>-->
<!--<script src="js/isotope/isotope.pkgd.min.js"></script>-->
<!--<script src="js/maplace-0.1.3.min.js"></script>-->
