<!DOCTYPE html>
<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="https://www.cantico.fr/">
<title>
CANTICO, spécialiste de la mise en place de solutions web
</title>
<meta content="Ovidentia" name="Generator">
<meta content="cantico,ovidentia,site,internet,intranet,extranet,absence,ressources,crm,erp, collaboratif,développement,gestion absences,gestion ressources,client,gestion relation client" name="keywords">
<meta content="CANTICO vous accompagne pour la mise en place de vos extranet, intranet, CRM, site internet et des applications métier. " name="description">
<meta content="text/html; charset=utf-8" http-equiv="Content-type">
<meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes" name="viewport">
<meta content="IE=8" http-equiv="X-UA-Compatible">
<link href="skins/theme_cantico/styles/ovidentia.css" media="screen" rel="stylesheet" title="Default" type="text/css">
<link href="skins/theme_cantico/print.css" media="print" rel="stylesheet" title="Default" type="text/css">
<script src="ovidentia-8-5-90/scripts/ovidentia.js" type="text/javascript">
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript">
</script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js" type="text/javascript">
</script>
<script defer="defer" src="ovidentia-8-5-90/skins/ovidentia/templates/addons/portlets/parser.js" type="text/javascript">
</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js" type="text/javascript">
</script>
<script src="ovidentia-8-5-90/skins/ovidentia/templates/addons/widgets/widgets.js" type="text/javascript">
</script>
<script defer="defer" src="ovidentia-8-5-90/skins/ovidentia/templates/addons/widgets/widgets.jquery.js" type="text/javascript">
</script>
<script src="ovidentia-8-5-90/skins/ovidentia/templates/addons/googleanalytics/tarteaucitron/tarteaucitron.js" type="text/javascript">
</script>
<script type="text/javascript">
<!--
tarteaucitron.init({"hashtag":"#tarteaucitron","highPrivacy":false,"orientation":"top","adblocker":false,"showAlertSmall":true,"cookieslist":true,"removeCredit":false});
tarteaucitron.user.analyticsUa = "UA-6172653-1";
tarteaucitron.user.analyticsMore = function () { /* add here your optional ga.push() */ };
(tarteaucitron.job = tarteaucitron.job || []).push("analytics");-->
</script>
<script src="skins/theme_cantico/scripts/leftmenu.js" type="text/javascript">
</script>
<!--- This should placed first off all other scripts -->
<link href="skins/theme_cantico/styles/css/revolution_settings.css" rel="stylesheet">
<link href="skins/theme_cantico/styles/css/bootstrap.css" rel="stylesheet">
<link href="skins/theme_cantico/styles/css/font-awesome.css" rel="stylesheet">
<link href="skins/theme_cantico/images/favico.png" rel="shortcut icon">
<link href="skins/theme_cantico/styles/css/axfont.css" rel="stylesheet">
<link href="skins/theme_cantico/styles/css/tipsy.css" rel="stylesheet">
<link href="skins/theme_cantico/styles/css/prettyPhoto.css" rel="stylesheet">
<link href="skins/theme_cantico/styles/css/isotop_animation.css" rel="stylesheet">
<link href="skins/theme_cantico/styles/css/animate.css" rel="stylesheet">
<link href="skins/theme_cantico/styles/css/style.css" rel="stylesheet" type="text/css">
<link href="skins/theme_cantico/styles/css/responsive.css" rel="stylesheet" type="text/css">
<link href="skins/theme_cantico/styles/css/skins/light-blue.css" id="skin-file" rel="stylesheet" type="text/css">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false">
</script>
<!-- Fonts -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script type="text/javascript" src="js/respond.js"></script>
<![endif]-->
<link href="skins/theme_cantico/styles/css/color-chooser.css" rel="stylesheet">
</head>
<body class="home">
<!-- =========================
PRE LOADER
============================== -->
<div class="preloader">
<div class="status">
<div class="loader">
</div>
</div>
</div>
<div id="wrapper">
<!-- Top bar -->
<div class="bab-portlet-container bab-portlets-container-portlet-topbar portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout26">
<span class="widget-layout-item portlet-container-item">
<div class="widget-frame portlet-frame" id="portlet_74">
<span class="widget-layout" id="widget_layout28">
<span class="widget-layout-item">
<div class="portlet-content widget-frame" id="widget_frame30">
<span class="widget-layout" id="widget_layout29">
<span class="widget-layout-item">
<div class="widget-html" id="widget_html31">
<span class="publication-dynamicrecord-theme_cantico_top_bar-1">
</span>
<div class="top_wrapper">
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-sm-7">
<div class="call-us top-bar-block">
<i class="fa icon-phone">
</i>
<span>
+33 (0)1 30 83 28 80
</span>
</div>
<div class="call-us top-bar-block">
<i class="fa icon-email">
</i>
<span>
[email protected]
</span>
</div>
</div>
<div class="col-sm-5">
<!-- Search Box -->
<div class="searchbox">
<form action="#" method="get">
<input class="searchbox-inputtext" id="searchbox-inputtext" name="s" placeholder="Search.." type="text">
<label class="searchbox-icon" for="searchbox-inputtext">
</label>
<input class="searchbox-submit" type="submit" value="Search">
</form>
</div>
<!-- //Search Box// -->
<div class="social-icons">
<ul>
<li>
<a class="social-media-icon bitbucket-icon" data-original-title="facebook" href="https://bitbucket.org/cantico/ovidentia" target="_blank">
https://bitbucket.org/cantico/ovidentia
</a>
</li>
</ul>
</div>
<div class="social-icons">
<ul>
<li>
<a class="social-media-icon ovidentia-icon" data-original-title="facebook" href="http://www.ovidentia.org/" target="_blank">
http://www.ovidentia.org/
</a>
</li>
</ul>
</div>
<div class="social-icons">
<ul>
<li>
<a class="social-media-icon linkedin-icon" data-original-title="facebook" href="https://www.linkedin.com/company/cantico" target="_blank">
https://www.linkedin.com/company/cantico
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-portlet-topbar"] = "";
</script>
<div class="top_wrapper">
<!-- Header -->
<header id="header">
<div class="container">
<div class="row header">
<!-- Logo -->
<h1 class="col-xs-2 logo">
<a href="" style="color:transparent; background-image: url('skins/theme_cantico/images/logo-cantico.png'); display:block; background-repeat:no-repeat; background-size:cover; width:200px; height:35px;">
Cantico
</a>
</h1>
<!-- //Logo// -->
<!-- Navigation File -->
<div class="col-md-10 navMediaScreen clearfix">
<!-- Mobile Button Menu -->
<div class="mobile-menu-button">
<i class="fa fa-list-ul">
</i>
</div>
<!-- //Mobile Button Menu// -->
<nav class="clearfix">
<ul class="navigation clearfix">
<li>
<a href="accueil">
<span class="label-nav">
Accueil
</span>
<span class="label-nav-sub" data-hover="">
</span>
</a>
</li>
<li>
<a href="l-entreprise">
<span class="label-nav">
CANTICO
</span>
<span class="label-nav-sub" data-hover="Entreprise">
Entreprise
</span>
</a>
</li>
<li>
<a href="nos-offres">
<span class="label-nav">
Nos offres
</span>
<span class="label-nav-sub" data-hover="Services">
Services
</span>
</a>
</li>
<li>
<a href="references">
<span class="label-nav">
Références
</span>
<span class="label-nav-sub" data-hover="Clients">
Clients
</span>
</a>
</li>
<li>
<a href="partenaires">
<span class="label-nav">
Partenaires
</span>
<span class="label-nav-sub" data-hover="Expertise">
Expertise
</span>
</a>
</li>
<li>
<a href="contact">
<span class="label-nav">
Contact
</span>
<span class="label-nav-sub" data-hover="Nous joindre">
Nous joindre
</span>
</a>
</li>
<li>
<a href="https://my.cantico.fr">
<span class="label-nav">
Espace clients
</span>
<span class="label-nav-sub" data-hover="Support">
Support
</span>
</a>
</li>
</ul>
</nav>
<!-- Mobile Nav. Container -->
<ul class="mobile-nav">
<li class="responsive-searchbox">
<!-- Responsive Nave -->
<form action="#" method="get">
<input class="searchbox-inputtext" id="searchbox-inputtext-mobile" name="s" type="text">
<button class="icon-search">
</button>
</form>
<!-- //Responsive Nave// -->
</li>
</ul>
<!-- //Mobile Nav. Container// -->
</div>
<!-- Nav -->
</div>
</div>
</header>
</div>
<!--.top wrapper end -->
<div class="container">
<div class="animated">
<div id="ovfx_page">
</div>
</div>
</div>
<div class="content-wrapper hide-until-loading">
<style type="text/css">
@import
url("ovidentia-8-5-90/styles/addons/portlets/portlets.css")
;
@import
url("ovidentia-8-5-90/styles/addons/jquery/base/jquery-ui.css")
;
@import
url("ovidentia-8-5-90/styles/addons/widgets/widgets.css")
;
</style>
<div class="bab-portlet-container bab-portlets-container-home-carrousel portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout1">
<span class="widget-layout-item portlet-container-item">
<div class="widget-frame portlet-frame" id="portlet_92">
<span class="widget-layout" id="widget_layout3">
<span class="widget-layout-item">
<div class="portlet-content widget-frame" id="widget_frame5">
<span class="widget-layout" id="widget_layout4">
<span class="widget-layout-item">
<div class="widget-html" id="widget_html6">
<span class="publication-dynamicrecord-theme_cantico_carrousel_avance-1">
</span>
<div class="rev-slider-full">
<div class="rev-slider-banner-full rev-slider-full">
<ul>
<li class="custom-slide-0" data-masterspeed="300" data-slotamount="7" data-transition="fade">
<img alt="image de fond" fullwidthcentering="on" src="images/addons/LibFileManagement/thumbnails/%2C2124993083-2000x512.jpeg">
<div class="tp-caption lfr stb lft" data-easing="easeOutExpo" data-end="6000" data-endspeed="500" data-speed="500" data-start="500" data-x="650" data-y="93">
</div>
<div class="tp-caption slider-text-title sft str" data-easing="easeOutCubic" data-end="6000" data-endspeed="500" data-speed="300" data-start="800" data-x="20" data-y="150">
<span style="color:#fff">
Travail collaboratif
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="4500" data-endspeed="500" data-start="1000" data-x="20" data-y="200">
<span style="color:#fff">
Ovidentia propose de puissantes fonctions de travail collaboratif,
<br>
ainsi que des interfaces permettant son intégration comme portail d'entreprise
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="5000" data-endspeed="500" data-start="1500" data-x="20" data-y="280">
<a class="button btn-flat" href="nos-offres/plateformes-collaboratives">
En savoir +
</a>
</div>
<style scoped="">
.slotholder:after {
width : 100%;
height : 100%;
content : "";
position : absolute;
left : 0;
top : 0;
pointer-events : none;
background : #FFF;
opacity : 0.2;
filter : alpha(opacity=20)
}
</style>
</li>
<li class="custom-slide-1" data-masterspeed="300" data-slotamount="7" data-transition="fade">
<img alt="Gestion de relation client - Customer relation manager" fullwidthcentering="on" src="images/addons/LibFileManagement/thumbnails/%2C3123789195-2000x512.jpeg">
<div class="tp-caption stl sfb lfb" data-easing="easeOutExpo" data-end="6000" data-endspeed="500" data-speed="500" data-start="500" data-x="650" data-y="93">
</div>
<div class="tp-caption slider-text-title sft str" data-easing="easeOutCubic" data-end="6000" data-endspeed="500" data-speed="300" data-start="800" data-x="20" data-y="150">
<span style="color:#535353">
CRM / GRC
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="4500" data-endspeed="500" data-start="1000" data-x="20" data-y="200">
<span style="color:#535353">
Mise en place des outils qui vous aide, à suivre, à comprendre,
<br>
à anticiper et à gérer les besoins de vos clients et prospects
<br>
afin de maximiser les résultats de votre entreprise.
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="5000" data-endspeed="500" data-start="1500" data-x="20" data-y="280">
<a class="button btn-flat" href="nos-offres/crm">
En savoir +
</a>
</div>
<style scoped="">
.slotholder:after {
width : 100%;
height : 100%;
content : "";
position : absolute;
left : 0;
top : 0;
pointer-events : none;
background : #FFF;
opacity : 0.2;
filter : alpha(opacity=20)
}
</style>
</li>
<li class="custom-slide-2" data-masterspeed="300" data-slotamount="7" data-transition="fade">
<img alt="" fullwidthcentering="on" src="images/addons/LibFileManagement/thumbnails/%2C3869095070-2000x512.jpeg">
<div class="tp-caption" data-easing="easeOutExpo" data-end="6000" data-endspeed="500" data-speed="500" data-start="500" data-x="650" data-y="93">
</div>
<div class="tp-caption slider-text-title sft str" data-easing="easeOutCubic" data-end="6000" data-endspeed="500" data-speed="300" data-start="800" data-x="20" data-y="150">
<span style="color:#fff">
Site internet
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="4500" data-endspeed="500" data-start="1000" data-x="20" data-y="200">
<span style="color:#fff">
Sites institutionnels, sites "catalogues", sites e-commerce,
<br>
sites intégrant des volets "privés", sites avec composants "métiers" spécifiques ...
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="5000" data-endspeed="500" data-start="1500" data-x="20" data-y="280">
<a class="button btn-flat" href="">
En savoir +
</a>
</div>
</li>
<li class="custom-slide-3" data-masterspeed="300" data-slotamount="7" data-transition="fade">
<img alt="Développement sur mesure" fullwidthcentering="on" src="images/addons/LibFileManagement/thumbnails/%2C2413772953-2000x512.jpeg">
<div class="tp-caption lfr lft lft" data-easing="easeOutExpo" data-end="6000" data-endspeed="500" data-speed="500" data-start="500" data-x="650" data-y="93">
</div>
<div class="tp-caption slider-text-title sft str" data-easing="easeOutCubic" data-end="6000" data-endspeed="500" data-speed="300" data-start="800" data-x="20" data-y="150">
<span style="color:#fff">
Développement sur mesure
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="4500" data-endspeed="500" data-start="1000" data-x="20" data-y="200">
<span style="color:#fff">
Développement des solutions répondant à vos besoins tout en respectant votre budget.
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="5000" data-endspeed="500" data-start="1500" data-x="20" data-y="280">
<a class="button btn-flat" href="nos-offres/developpement-sur-mesure">
En savoir +
</a>
</div>
<style scoped="">
.slotholder:after {
width : 100%;
height : 100%;
content : "";
position : absolute;
left : 0;
top : 0;
pointer-events : none;
background : #FFF;
opacity : 0.2;
filter : alpha(opacity=20)
}
</style>
</li>
<li class="custom-slide-4" data-masterspeed="300" data-slotamount="7" data-transition="fade">
<img alt="" fullwidthcentering="on" src="images/addons/LibFileManagement/thumbnails/%2C2284035769-2000x512.jpeg">
<div class="tp-caption lft lft lft" data-easing="easeOutExpo" data-end="6000" data-endspeed="500" data-speed="500" data-start="500" data-x="650" data-y="93">
</div>
<div class="tp-caption slider-text-title sft str" data-easing="easeOutCubic" data-end="6000" data-endspeed="500" data-speed="300" data-start="800" data-x="20" data-y="150">
<span style="color:#535353">
Gestion des absences
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="4500" data-endspeed="500" data-start="1000" data-x="20" data-y="200">
<span style="color:#535353">
Interface de demande d'absence avec affichage des soldes pour les utilisateurs et processus de validation,
<br>
avec une console d'administration permettant aux gestionnaires de congés de superviser la fonction.
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="5000" data-endspeed="500" data-start="1500" data-x="20" data-y="280">
<a class="button btn-flat" href="nos-offres/gestion-des-absences">
En savoir +
</a>
</div>
<style scoped="">
.slotholder:after {
width : 100%;
height : 100%;
content : "";
position : absolute;
left : 0;
top : 0;
pointer-events : none;
background : #FFF;
opacity : 0.2;
filter : alpha(opacity=20)
}
</style>
</li>
<li class="custom-slide-5" data-masterspeed="300" data-slotamount="7" data-transition="fade">
<img alt="" fullwidthcentering="on" src="images/addons/LibFileManagement/thumbnails/%2C3678584783-2000x512.jpeg">
<div class="tp-caption lft lft lft" data-easing="easeOutExpo" data-end="6000" data-endspeed="500" data-speed="500" data-start="500" data-x="650" data-y="93">
</div>
<div class="tp-caption slider-text-title sft str" data-easing="easeOutCubic" data-end="6000" data-endspeed="500" data-speed="300" data-start="800" data-x="20" data-y="150">
<span style="color:#fff">
Gestion des ressources
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="4500" data-endspeed="500" data-start="1000" data-x="20" data-y="200">
<span style="color:#fff">
Fonction de gestion et de réservations de Ressources
<br>
pour vos salles, véhicules, matériels ...
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="5000" data-endspeed="500" data-start="1500" data-x="20" data-y="280">
<a class="button btn-flat" href="nos-offres/gestion-des-ressources">
En savoir +
</a>
</div>
<style scoped="">
.slotholder:after {
width : 100%;
height : 100%;
content : "";
position : absolute;
left : 0;
top : 0;
pointer-events : none;
background : #FFF;
opacity : 0.2;
filter : alpha(opacity=20)
}
</style>
</li>
<li class="custom-slide-6" data-masterspeed="300" data-slotamount="7" data-transition="fade">
<img alt="Ovidentia" fullwidthcentering="on" src="images/addons/LibFileManagement/thumbnails/%2C1324763507-2000x512.jpeg">
<div class="tp-caption lft lft lft" data-easing="easeOutExpo" data-end="6000" data-endspeed="500" data-speed="500" data-start="500" data-x="650" data-y="93">
</div>
<div class="tp-caption slider-text-title sft str" data-easing="easeOutCubic" data-end="6000" data-endspeed="500" data-speed="300" data-start="800" data-x="20" data-y="150">
<span style="color:#535353">
Ovidentia
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="4500" data-endspeed="500" data-start="1000" data-x="20" data-y="200">
<span style="color:#535353">
Cantico est à l'origine du projet Ovidentia proposant
<br>
de puissantes fonctions de CMS et de travail collaboratif,
<br>
ainsi que des interfaces permettant son intégration comme portail d'entreprise
</span>
</div>
<div class="tp-caption slider-text-description sft str" data-easing="easeOutBack" data-end="5000" data-endspeed="500" data-start="1500" data-x="20" data-y="280">
<a class="button btn-flat" href="nos-offres/ovidentia">
En savoir +
</a>
</div>
<style scoped="">
.slotholder:after {
width : 100%;
height : 100%;
content : "";
position : absolute;
left : 0;
top : 0;
pointer-events : none;
background : #FFF;
opacity : 0.2;
filter : alpha(opacity=20)
}
</style>
</li>
</ul>
<div class="tp-bannertimer tp-bottom">
</div>
</div>
</div>
<div class="loading-container">
<div class="spinner">
<div class="double-bounce1">
</div>
<div class="double-bounce2">
</div>
</div>
</div>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-home-carrousel"] = "";
</script>
<div class="section-content no-padding">
<div class="bab-portlet-container bab-portlets-container-accroche-big-img portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout7">
<span class="widget-layout-item portlet-container-item">
<div class="widget-frame portlet-frame" id="portlet_24">
<span class="widget-layout" id="widget_layout9">
<span class="widget-layout-item">
<div class="portlet-content widget-frame" id="widget_frame11">
<span class="widget-layout" id="widget_layout10">
<span class="widget-layout-item">
<div class="widget-html" id="widget_html12">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<span class="publication-dynamicrecord-theme_cantico_accroche_big_image-1">
</span>
<h2 class="h2-section-title">
Expert de la mise en place de solutions web
</h2>
<div class="i-section-title">
<i class="icon-zoom-in">
</i>
</div>
<h3 class="h3-section-info">
CANTICO a élaboré une offre Inter/extra/intranet, basée sur OVIDENTIA, et complétée par un ensemble de services à valeur ajoutée visant à adapter parfaitement ces solutions au besoin exprimé.
</h3>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 no-bottom-margin animated" data-animdelay="0.7s" data-animrepeat="0" data-animspeed="1s" data-animtype="fadeInUp">
<!-- -->
<img alt="image illustrative" class="img-responsive" src="images/addons/LibFileManagement/thumbnails/%2C792911991-9999x9999.jpeg">
</div>
</div>
</div>
<div class="space-sep40">
</div>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-accroche-big-img"] = "";
</script>
<div class="space-sep40">
</div>
<div class="bab-portlet-container bab-portlets-container-clients-1 portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout13">
<span class="widget-layout-item portlet-container-item">
<div class="widget-frame portlet-frame" id="portlet_25">
<span class="widget-layout" id="widget_layout15">
<span class="widget-layout-item">
<div class="portlet-content widget-frame" id="widget_frame17">
<span class="widget-layout" id="widget_layout16">
<span class="widget-layout-item">
<div class="widget-html" id="widget_html18">
<span class="publication-dynamicrecord-theme_cantico_clients-1">
</span>
<div class="content-wrapper hide-until-loading">
<h2 class="h2-section-title">
Ils nous font confiance
</h2>
<div class="space-sep30">
</div>
<div class="section-content section-tabs full-tabs">
<div class="tab-container">
<div class="section-tab-arrow">
</div>
<div class="section-etabs-container">
<ul class="section-etabs">
<li class="tab active">
<a href="#tabc6">
Notre savoir-faire
</a>
</li>
</ul>
</div>
<div class="tab-content">
<div id="tabc6">
<div class="section-content section-color-bg white-text">
<div class="container">
<div class="row">
<div class="row">
<div class="col-md-12 col-sm-12">
<h2 class="h2-section-title animated" data-animdelay="0s" data-animrepeat="0" data-animspeed="1s" data-animtype="flipInX">
Professionnalisme, Implication, Pragmatisme, Intégrité : Les valeurs que nous partageons avec nos clients
</h2>
<h3 class="h3-section-info animated" data-animdelay="0.2s" data-animrepeat="0" data-animspeed="1s" data-animtype="flipInX">
Nous les accompagnons pour la mise en place d'un site internet, d'un site intranet, d'un extranet, des fonctions de gestion des absences, des ressources ou encore pour suivre un processus métier très spécifique
</h3>
<ul class="section-clients">
<!-- -->
<li class="animated" data-animdelay="0.2s" data-animrepeat="0" data-animtype="bounceIn">
<img alt="test" class="img-responsive client-image" src="images/addons/LibFileManagement/thumbnails/%2C838805318-9999x9999.png">
</li>
<!-- -->
<li class="animated" data-animdelay="0.3s" data-animrepeat="0" data-animtype="bounceIn">
<img alt="test" class="img-responsive client-image" src="images/addons/LibFileManagement/thumbnails/%2C377724614-9999x9999.png">
</li>
<!-- -->
<li class="animated" data-animdelay="0.4s" data-animrepeat="0" data-animtype="bounceIn">
<img alt="test" class="img-responsive client-image" src="images/addons/LibFileManagement/thumbnails/%2C4112324706-9999x9999.png">
</li>
<!-- -->
<li class="animated" data-animdelay="0.5s" data-animrepeat="0" data-animtype="bounceIn">
<img alt="test" class="img-responsive client-image" src="images/addons/LibFileManagement/thumbnails/%2C2896240361-9999x9999.png">
</li>
<!-- -->
<li class="animated" data-animdelay="0.6s" data-animrepeat="0" data-animtype="bounceIn">
<img alt="test" class="img-responsive client-image" src="images/addons/LibFileManagement/thumbnails/%2C4285801589-9999x9999.png">
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--.content-wrapper end -->
</div>
</span>
</span>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-clients-1"] = "";
</script>
<div class="space-sep40">
</div>
<div class="bab-portlet-container bab-portlets-container-blocs-4-alignes portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout19">
<span class="widget-layout-item portlet-container-item">
<div class="widget-frame portlet-frame" id="portlet_97">
<span class="widget-layout" id="widget_layout21">
<span class="widget-layout-item">
<div class="portlet-content widget-frame" id="widget_frame23">
<span class="widget-layout" id="widget_layout22">
<span class="widget-layout-item">
<div class="widget-html" id="widget_html24">
<div class="container">
<span class="publication-dynamicrecord-theme_cantico_offre-1">
</span>
<div class="row">
<div class="col-md-12 col-sm-12 animated" data-animrepeat="0" data-animtype="fadeInUp" data-delay="0.4s" data-speed="1s">
<h2 class="h2-section-title">
Nos offres et services
</h2>
<div class="i-section-title">
<i class="icon-drive">
</i>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 right-text" onclick="window.open('nos-offres/site-internet', '_self');">
<ul class="icon-content-list-container">
<li class="icon-content-single">
<div class="content-box style5 animated" data-animdelay="0.2s" data-animrepeat="0" data-animspeed="1s" data-animtype="fadeIn">
<h4 class="h4-body-title">
<strong>
Site internet
</strong>
Visibilité
<i class="icon-eye">
</i>
</h4>
<div class="content-box-text">
<p>
Sites institutionnels, sites "catalogues", sites e-commerce, sites intégrant des volets "privés", sites avec composants "métiers" spécifiques ...
</p>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-6 col-sm-6" onclick="window.open('nos-offres/plateformes-collaboratives', '_self');">
<ul class="icon-content-list-container">
<li class="icon-content-single">
<div class="content-box style5 animated" data-animdelay="0.2s" data-animrepeat="0" data-animspeed="1s" data-animtype="fadeIn">
<h4 class="h4-body-title">
<strong>
Plateformes collaboratives
</strong>
Productivité
<i class="icon-settings">
</i>
</h4>
<div class="content-box-text">
<p>
Sites intranet, extranet, applications "métiers" spécifiques afin d'optimiser la communication et les processus des organismes
</p>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-6 col-sm-6 right-text" onclick="window.open('nos-offres/developpement-sur-mesure', '_self');">
<ul class="icon-content-list-container">
<li class="icon-content-single">
<div class="content-box style5 animated" data-animdelay="0.2s" data-animrepeat="0" data-animspeed="1s" data-animtype="fadeIn">
<h4 class="h4-body-title">
<strong>
Développement sur mesure
</strong>
Agilité
<i class="icon-painting-roll-streamline">
</i>
</h4>
<div class="content-box-text">
<p>
Développement des solutions répondant à vos besoins tout en respectant votre budget
</p>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-6 col-sm-6" onclick="window.open('nos-offres/crm', '_self');">
<ul class="icon-content-list-container">
<li class="icon-content-single">
<div class="content-box style5 animated" data-animdelay="0.2s" data-animrepeat="0" data-animspeed="1s" data-animtype="fadeIn">
<h4 class="h4-body-title">
<strong>
ERP / CRM
</strong>
Suivi
<i class="icon-file-settings">
</i>
</h4>
<div class="content-box-text">
<p>
Outils vous accompagnant pour le suivi, la compréhension, l'anticipation et la gestion des besoins de vos clients et prospects
</p>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-6 col-sm-6 right-text" onclick="window.open('nos-offres/gestion-des-absences', '_self');">
<ul class="icon-content-list-container">
<li class="icon-content-single">
<div class="content-box style5 animated" data-animdelay="0.2s" data-animrepeat="0" data-animspeed="1s" data-animtype="fadeIn">
<h4 class="h4-body-title">
<strong>
Gestion d'absences
</strong>
Anticipation
<i class="fa fa-film">
</i>
</h4>
<div class="content-box-text">
<p>
Interface de demande d'absence, affichage des soldes pour les utilisateurs et processus de validation, console d'administration permettant aux gestionnaires de congés de superviser la fonction.
</p>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-6 col-sm-6" onclick="window.open('nos-offres/gestion-des-ressources', '_self');">
<ul class="icon-content-list-container">
<li class="icon-content-single">
<div class="content-box style5 animated" data-animdelay="0.2s" data-animrepeat="0" data-animspeed="1s" data-animtype="fadeIn">
<h4 class="h4-body-title">
<strong>
Gestion de ressources
</strong>
Planification
<i class="icon-world">
</i>
</h4>
<div class="content-box-text">
<p>
Fonctions avancées de gestion et de réservations de ressources pour vos salles, véhicules, matériels ...
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-blocs-4-alignes"] = "";
</script>
<div class="space-sep40">
</div>
<div class="bab-portlet-container bab-portlets-container-blocs-offer portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout25">
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-blocs-offer"] = "";
</script>
</div>
</div>
<!--.content-wrapper end -->
<div class="testimonial-big">
<div class="container">
<div class="row">
<span class="publication-nodedynamicrecord-theme_cantico_testimonial-temoignage">
</span>
<ofgetpublicationid all="1" node="temoignage" saveas="PublicationIds">
<span class="publication-dynamicrecord-theme_cantico_testimonial-3">
</span>
<div class="col-md-10 col-sm-10">
<div class="testimonial-big-text animated" data-animrepeat="1" data-animtype="fadeInRight" data-delay="0s" data-speed="1s">
CANTICO accompagne ses clients pour proposer progressivement de nouveaux services à valeur ajoutée pour leurs clients, leurs équipes, leurs partenaires
</div>
</div>
<div class="col-md-2 col-sm-2">
<div class="testimonial-big-img animated" data-animrepeat="1" data-animtype="fadeInLeft" data-delay="0s" data-speed="1s">
</div>
</div>
</ofgetpublicationid>
</div>
</div>
</div>
<footer>
<div class="footer">
<div class="container">
<div class="footer-wrapper">
<div class="row">
<!-- Footer Col. -->
<div class="col-md-3 col-sm-3 footer-col">
<div class="bab-portlet-container bab-portlets-container-footer-portlet-first portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout32">
<span class="widget-layout-item portlet-container-item">
<div class="widget-frame portlet-frame" id="portlet_54">
<span class="widget-layout" id="widget_layout34">
<span class="widget-layout-item">
<div class="portlet-content widget-frame" id="widget_frame36">
<span class="widget-layout" id="widget_layout35">
<span class="widget-layout-item">
<div class="widget-html" id="widget_html37">
<span class="publication-dynamicrecord-theme_cantico_wysiwyg-6">
</span>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="title-block clearfix">
<h3 class="h3-body-title">
Spécialiste web
</h3>
<div class="title-seperator">
</div>
</div>
<p>
CANTICO vous accompagne dans la stratégie de développement des technologies web dans votre entreprise :
<br>
De la communication institutionnelle à la vente en ligne en passant par le travail collaboratif et la gestion relation client.
<br>
<strong>
Plus qu'un fournisseur... un partenaires force de propositions !
</strong>
</p>
</div>
</div>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-footer-portlet-first"] = "";
</script>
</div>
<!-- //Footer Col.// -->
<!-- Footer Col. -->
<div class="col-md-3 col-sm-3 footer-col">
<div class="bab-portlet-container bab-portlets-container-footer-portlet-second portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout38">
<span class="widget-layout-item portlet-container-item">
<div class="widget-frame portlet-frame" id="portlet_95">
<span class="widget-layout" id="widget_layout39">
<span class="widget-layout-item">
<div class="portlet-content widget-frame" id="widget_frame41">
<span class="widget-layout" id="widget_layout40">
<span class="widget-layout-item">
<div class="widget-html" id="widget_html42">
<!--Dans la configuration du portlet, l'utilisateur choisi quel noeud du plan de site utiliser-->
<!--nodeId-->
<!--Dans la configuration du portlet, l'utilisateur choisi quel nom afficher (défaut : Liens)-->
<!--blockName-->
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="title-block clearfix">
<h3 class="h3-body-title">
Les solutions CANTICO
</h3>
</div>
<div class="footer-content">
<ul class="footer-category-list">
<li>
<a href="nos-offres/site-internet">
Site internet
</a>
</li>
<li>
<a href="nos-offres/plateformes-collaboratives">
Plateformes Collaboratives
</a>
</li>
<li>
<a href="nos-offres/gestion-des-ressources">
Gestion de ressources
</a>
</li>
<li>
<a href="nos-offres/gestion-des-absences">
Gestion des absences
</a>
</li>
<li>
<a href="nos-offres/crm">
CRM - GRC
</a>
</li>
<li>
<a href="nos-offres/developpement-sur-mesure">
Développement sur mesure
</a>
</li>
<li>
<a href="nos-offres/ovidentia">
Ovidentia
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-footer-portlet-second"] = "";
</script>
</div>
<!-- //Footer Col.// -->
<!-- Footer Col. -->
<div class="col-md-3 col-sm-3 footer-col">
<div class="bab-portlet-container bab-portlets-container-footer-portlet-third portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout43">
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-footer-portlet-third"] = "";
</script>
</div>
<!-- //Footer Col.// -->
<!-- Footer Col. -->
<div class="col-md-3 col-sm-3 footer-col">
<div class="bab-portlet-container bab-portlets-container-footer-portlet-fourth portlets-locked">
<div class="portlets-container-description">
</div>
<div class="portlets-container-placeholder">
</div>
<div class="portlets-container-editplaceholder">
</div>
<span class="widget-layout" id="widget_layout44">
<span class="widget-layout-item portlet-container-item">
<div class="widget-frame portlet-frame" id="portlet_58">
<span class="widget-layout" id="widget_layout45">
<span class="widget-layout-item">
<div class="portlet-content widget-frame" id="widget_frame47">
<span class="widget-layout" id="widget_layout46">
<span class="widget-layout-item">
<div class="widget-html" id="widget_html48">
<!--Dans la configuration du portlet, l'utilisateur choisi quel noeud du plan de site utiliser-->
<!--nodeId-->
<!--Dans la configuration du portlet, l'utilisateur choisi quel nom afficher (défaut : Liens)-->
<!--blockName-->
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="title-block clearfix">
<h3 class="h3-body-title">
Liens
</h3>
</div>
<div class="footer-content">
<ul class="footer-category-list">
<li>
<a href="blog">
Blog
</a>
</li>
<li>
<a href="cgv">
CGV
</a>
</li>
<li>
<a href="mentions-legales">
Mentions légales
</a>
</li>
<li>
<a href="contact">
Nous contacter
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
</span>
</span>
</div>
<script type="text/javascript">
window.bab["portletcontainercategories-footer-portlet-fourth"] = "";
</script>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 center-text">
<div class="copyright-text">
<a href="index.php?tg=login">
Connexion
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- wrapper end -->
<script src="skins/theme_cantico/scripts/loader.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/_jquery.placeholder.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/activeaxon_menu.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/animationEnigne.js" type="text/javascript">
</script>
<!-- <script src="skins/theme_cantico/scripts/js/bootstrap.min.js" type="text/javascript"></script> -->
<script src="skins/theme_cantico/scripts/js/ie-fixes.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jq.appear.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.base64.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.carouFredSel-6.2.1-packed.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.cycle.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.cycle2.carousel.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.easing.1.3.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.easytabs.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.infinitescroll.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.isotope.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.prettyPhoto.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jQuery.scrollPoint.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.themepunch.plugins.min.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.themepunch.revolution.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.tipsy.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jquery.validate.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/jQuery.XDomainRequest.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/kanzi.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/timeago.js" type="text/javascript">
</script>
<script src="skins/theme_cantico/scripts/js/tweetable.jquery.js" type="text/javascript">
</script>
</body>
</html>