<!DOCTYPE html>
<html lang="fr">
<head>
<title>ERIOS-ESN - logiciel gestion commerciale pour PME, TPE, Logiciel métier de Gestion - Logiciel de Gestion - haut de france - pas de calais</title>
<meta name="description" content="ERIOS-ESN, spécialiste du logiciel de gestion en mode saas. Découvrez nos logiciel de gestion. Logiciel CRM , camping-cars, les concessionnaires de matériel agricole, automobiles,nautique, engins agricoles, motos , quads. Solution métier tous secteurs d'activité.">
<meta name="Keywords" content="ERIOS-ESN, spécialiste du logiciel de gestion en mode saas. Découvrez nos logiciel de gestion. Logiciel CRM , camping-cars, les concessionnaires de matériel agricole, automobiles,nautique, engins agricoles, motos , quads. Solution métier tous secteurs d'activité.">
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" href="https://www.erios-esn.fr/style.css" type="text/css" media="screen, projection" hreflang="fr"/>
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,500;0,600;1,100;1,200;1,300;1,400;1,600&family=Dancing+Script:wght@400;500;600&family=Marck+Script&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://www.erios-esn.fr/menu.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="https://www.erios-esn.fr/css/css_font.css" type="text/css" media="screen, projection" hreflang="fr"/>
<link rel="stylesheet" href="https://www.erios-esn.fr/stylessssss.css" type="text/css" media="screen, projection" hreflang="fr"/>
<link rel="canonical" href="https://www.erios-esn.fr/" />
<script type="text/javascript" src="https://www.erios-esn.fr/includes/js/jquery-1.7.js"></script>
<script src="https://www.erios-esn.fr/includes/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="https://www.erios-esn.fr/includes/js/jquery.rcbrand.js"></script>
<link href="https://www.erios-esn.fr/includes/js/style-slider.css" rel="stylesheet" type="text/css" hreflang="fr"/>
<script type="text/javascript" src="https://www.erios-esn.fr/menu-mobile/main.js"></script>
<script type="text/javascript" src="https://www.erios-esn.fr/menu-mobile/modernizr.js"></script>
<script type="text/javascript" src="https://www.erios-esn.fr/menu-mobile/jquery.menu-aim.js"></script>
<link rel="stylesheet" href="https://www.erios-esn.fr/menu-mobile/menu.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="https://www.erios-esn.fr/css_detail.css" type="text/css" media="screen, projection" hreflang="fr"/>
<link rel="stylesheet" href="https://www.erios-esn.fr/menu.css" type="text/css" media="screen, projection" hreflang="fr"/>
<link rel="shortcut icon" href="https://www.erios-esn.fr/favicon.ico"/>
</head>
<body style="margin:0px;padding:0px;">
<div class='menu_drop' style="position:relative;z-index:99999;background-color:#000;">
<div class="cd-dropdown-wrapper">
<a style='text-decoration:none;'><img alt="icon menu" style="display:block;float:left;margin-top:-3px;" src="https://www.erios-esn.fr/images/icon_mobile.png" ></a>
<nav class="cd-dropdown">
<a href="#0" class="cd-close">Close</a>
<ul class="cd-dropdown-content">
<li><a href="https://www.erios-esn.fr/index.php">ACCUEIL</a></li>
<li><a href="https://www.erios-esn.fr/la-societe.html">LA SOCIETE</a></li>
<li class="has-children">
<a href="#">NOS LOGICIELS</a>
<ul class="cd-secondary-dropdown is-hidden">
<li class="go-back"><a href="#"></a></li>
<li> <a href="https://www.erios-esn.fr/logiciel-de-facturation.html">DECOUVRER NOS LOGICIELS</a></li>
<li> <a href="https://www.erios-esn.fr/logiciel-commercial-pour-revendeurs-de-vehicule.html">CONCESSIONNAIRES TOUS VEHICULES</a> </li>
<li> <a href="https://www.erios-esn.fr/logiciel-btp-pour-artisan-et-entreprise-de-batiment.html">ENTREPRISE DU BATIMENT</a></li>
<li> <a href="https://www.erios-esn.fr/logiciel-de-devis-et-factures-pour-chauffagiste.html">LOGICIEL DE DEVIS & FACTURES POUR CHAUFFAGISTE</a>
</li>
<li> <a href="https://www.erios-esn.fr/auto-entrepreneur.html">AUTO ENTREPRENEUR</a></li>
<li> <a href="https://www.erios-esn.fr/comptabilite-energetique.html">COMPTABILITE ENERGETIQUE</a></li>
</ul>
</li>
<li ><a href="https://www.erios-esn.fr/nos-solutions-associees.html">SOLUTIONS / SERVICES</a>
<li ><a href="https://www.erios-esn.fr/developpement-applications-pour-smartphone.html">DEVELOPPEMENT APPLICATIONS </br>POUR SMARTPHONE</a>
</li>
<li ><a href="https://www.erios-esn.fr/logiciel-a-la-demande.html"> LOGICIEL A LA DEMANDE</a></li>
<li ><a href="https://www.erios-esn.fr/secteurs-dactivite.html"> SECTEUR D'ACTIVITE</a></li>
<li><a href="https://www.erios-esn.fr/contact.html"> CONTACT</a></li>
</ul> <!-- .cd-dropdown-content -->
</nav> <!-- .cd-dropdown -->
</div> <!-- .cd-dropdown-wrapper -->
</div>
<div style="display:block;float:left;width:100%;background-color:#000;">
<div class="max_width">
<a href="https://www.erios-esn.fr/index.php" ><img alt="erios -esn" class="logo8" src="https://www.erios-esn.fr/images/logo.jpg" title=""></a>
<div id="menu_stikifff">
<div class="menu_hauuute">
<div style="display:block;float:left;width:50%;color:#fff;margin-top:2px;font-weight:100;font-size:11px;font-family: 'Roboto Condensed', sans-serif;margin-left:30px;"> Logiciel de gestion commerciale - Logiciel de facturation</div>
<div style="display:block;float:right;width:40%;color:#fff;margin-top:2px;font-weight:100;font-size:11px;font-family: 'Roboto Condensed', sans-serif;margin-left:30px;">
<div style="display:block;float:right;width:180px;"><a href="https://www.erios-esn.fr/contact.html">CONTACT </a>| 03 21 20 88 17</div>
</div>
</div>
<div id="logo"><a href="https://www.erios-esn.fr/index.php" title=""><img alt="logo" src="https://www.erios-esn.fr/images/logo.jpg" loading="lazy"></a></div>
<div id="menu">
<ul class="navbar">
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.erios-esn.fr/la-societe.html"> LA SOCIETE </a></li>
</li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="#">NOS LOGICIELS</a>
<div style="position:relative;z-index:999999999;">
<div class="sous_menuss" style="height:auto;padding:5px;width:300px;position:absolute;">
<a href="https://www.erios-esn.fr/logiciel-de-facturation.html">DECOUVRER NOS LOGICIELS</a>
<a href="https://www.erios-esn.fr/logiciel-commercial-pour-revendeurs-de-vehicule.html">CONCESSIONNAIRES TOUS VEHICULES</a>
<a href="https://www.erios-esn.fr/logiciel-btp-pour-artisan-et-entreprise-de-batiment.html">ENTREPRISE DU BATIMENT</a>
<a href="https://www.erios-esn.fr/logiciel-de-devis-et-factures-pour-chauffagiste.html">LOGICIEL DE DEVIS & FACTURES POUR CHAUFFAGISTE</a>
<a href="https://www.erios-esn.fr/auto-entrepreneur.html">AUTO ENTREPRENEUR</a>
<a href="https://www.erios-esn.fr/comptabilite-energetique.html">COMPTABILITE ENERGETIQUE</a>
</div>
</div>
</li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.erios-esn.fr/nos-solutions-associees.html">SOLUTIONS / SERVICES</a>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.erios-esn.fr/developpement-applications-pour-smartphone.html">DEVELOPPEMENT APPLICATIONS </br>POUR SMARTPHONE</a>
</li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.erios-esn.fr/logiciel-a-la-demande.html"> <span style="display:block;float:left;position:relative;top:2px;">LOGICIEL A LA DEMANDE</span> </a></li>
<li class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.erios-esn.fr/secteurs-dactivite.html"> <span style="display:block;float:left;position:relative;top:2px;">SECTEUR D'ACTIVITE</span> </a></li>
<li style="border-right:none;" class="menu_avec_sous"><a style="margin-top:0px;" href="https://www.erios-esn.fr/contact.html"> <span style="display:block;float:left;position:relative;top:2px;">CONTACT</span> </a></li>
</ul>
</div>
</div>
<div class="conteneur_new_bdo" style="display:block;float:left;width:100%;top:0px;margin-top:0px;background-color:#fff;">
<div style="display:block;float:left;position:relative;height:auto;width:100%;">
<div id="wowslider-container1">
<div class="ws_images">
<ul style="width:100%;">
<li><img alt="erios esn" class="fond_top" src="images/bandeau5/reunion-logiciel-erios-1240x500.png">
<p class='defille'>Editeur de logiciels à la demande et logiciels métiers </br>
</p>
</li>
<li><img alt="erios esn" class="fond_top" src="images/bandeau5/erios-esn-logiciel-1240x500.png">
<p class='defille'> ERIOS-ESN</br>
Une entreprise de services du numérique
</p>
</li>
</ul>
</ul></div>
</div>
<script type="text/javascript" src="https://www.erios-esn.fr/includes/js/wow/wowslider.js"></script>
<script type="text/javascript" src="https://www.erios-esn.fr/includes/js/wow/script.js"></script>
</div>
</div>
</div>
</div>
<!--<div id="myModal666" class="modal22">
<div class="modal-content2222222"> <span class="closesss"> <img src="images/btt_fermer.png">
</span>
<img class="img_pppopp" src="images/fete.png">
</div>
</div> -->
<div class="page_plein">
<div style="display:block;float:left;width:100%;margin-bottom:0px;margin-left:0%;text-align:left;line-height:30px;font-family: 'Roboto Condensed', sans-serif;font-size:17px;font-weight:100;margin-top:0px;">
<div class="lef_page" >
<div style="display:block;float:left;width:105.7%;margin-top:-10px;margin-left:-10px;font-size:30px;margin-bottom:10px;text-transform:uppercase;text-align:center;color:#fff;background-color:#8e6d9a;padding-bottom:5px;padding-top:5px;">intéressé(e) ? </div>
<form id="formcontactss" name="formcontacts" style="margin-top:10px;">
<input style="width:95%; padding:5px;border: 1px solid #000margin-bottom:20px;font-size:15px;color:#000;margin-bottom:20px;">
<input type="hidden" name="contre_spam" value="">
<input style="width:95%; padding:5px;border: 1px solid #000;margin-bottom:20px;font-size:15px;color:#000;">
<input id="tel_detail_veh" style="width:95%; padding:5px;border: 1px solid #000;margin-bottom:20px;font-size:15px;color:#000;" type="texte" name="tel">
<input style="width:95%; padding:5px;border: 1px solid #000;margin-bottom:20px;font-size:15px;color:#000;">
<button class="submit" style="padding: 5px;width: 95%;font-size: 20px;color: #fff;margin-left:auto;margin-right:auto;display:block;float:none;border-radius:20px;border-style: none;margin-bottom: 30px;cursor: pointer;margin-top: 0px;background-color: #8e6d9a;text-transform:uppercase;" id="submit">etre rappelé(e)</button>
<div style="display:block;float:left;width:100%;font-size:12px;text-align:left;">
<div style="display:block;float:left;width:90%;font-size:15px;text-align:left;color:#000;line-height:20px;margin-top:10px;">
En validant, j'accepte d'être contacté et de recevoir des informations.</div>
</div>
</div>
</form>
</div>
<div style="display:block;float:left;width:100%;text-align:center;font-size:30px;color:#000;font-weight:700;margin-top:50px;">Solutions logiciel pour vous accompagner dans la gestion de votre activité</div>
<div style="display:block;float:left;width:100%;position:relative;margin-top:20px;">
<div style="display:block;margin-left:auto;margin-right:auto;width:250px;height:2px;background-color:red;"></div></div>
<div style="display:block;float:left;width:100%;margin-top:20px;font-size:20px;font-weight:100;">
La société erios-esn développe et déploie des logiciels de gestion métiers destinées aux entreprises, et PME. Nos logiciels développées en mode SaaS vous permettent de piloter votre activité partout dans le monde. Toutes nos solutions ont été développées et évoluent en partenariat avec l’ensemble de nos clients.
</div>
<div style="display:block;float:left;width:100%;margin-top:20px;">
<div class="erios_services1">
<img alt="camping-car" style="display:block;margin-left:auto;margin-right:auto;width:auto;">
<div style="display:block;float:left;width:100%;text-align:center;font-size:20px;font-weight:400;margin-top:20px;">CAMPING-CAR</div>
</div>
<div class="erios_services1"><img alt="NAUTIQUE" style="display:block;margin-left:auto;margin-right:auto;width:auto;">
<div style="display:block;float:left;width:100%;text-align:center;font-size:20px;font-weight:400;margin-top:20px;">NAUTIQUE</div>
</div>
<div class="erios_services1"> <img alt="automobile" style="display:block;margin-left:auto;margin-right:auto;width:auto;">
<div style="display:block;float:left;width:100%;text-align:center;font-size:20px;font-weight:400;margin-top:20px;">AUTOMOBILE</div>
</div>
</div>
<div style="display:block;float:left;width:100%;margin-top:20px;">
<div class="erios_services1">
<img alt="quad" style="display:block;margin-left:auto;margin-right:auto;width:auto;">
<div style="display:block;float:left;width:100%;text-align:center;font-size:20px;font-weight:400;margin-top:20px;">MOTO & QUAD</div>
</div>
<div class="erios_services1"><img alt="btp" style="display:block;margin-left:auto;margin-right:auto;max-width:320px;width:auto;">
<div style="display:block;float:left;width:100%;text-align:center;font-size:20px;font-weight:400;margin-top:20px;">ENTREPRISE DU BTP</div>
</div>
<div class="erios_services1"> <img alt="motoculture" style="display:block;margin-left:auto;margin-right:auto;width:auto;">
<div style="display:block;float:left;width:100%;text-align:center;font-size:20px;font-weight:400;margin-top:20px;">MOTOCULTURE</div>
</div>
</div>
<div style="display:block;float:left;width:100%;margin-top:20px;margin-bottom:30px;">
<div class="erios_services1">
</div>
<div class="erios_services1"><img alt="activite-services" style="display:block;margin-left:auto;margin-right:auto;max-width:320px;width:auto;">
<div style="display:block;float:left;width:100%;text-align:center;font-size:20px;font-weight:400;margin-top:20px;">
ACTIVITES DE SERVICES
</div>
</div>
<div class="erios_services1">
</div>
</div>
</div>
<div style="display:block;float:left;width:100%;margin-top:0px;margin-bottom:30px;background-color:#e6dfe9;min-height:200px;">
<div class="page_plein">
<div class="pave_foot1">
<div style="display:block;float:left;width:100%;font-size:20px;font-weight:700;margin-top:20px;margin-bottom:20px;">
Afin de faciliter la migration vers notre logiciel , nous vous proposons nos services :
</div>
<div style="display:block;float:left;width:100%;margin-top:10px;line-height:35px;">
– Audit commerciale, conseils sur l’optimisation de votre activité</br>
– Traitement, reprise de vos données</br>
– Installation et paramétrage de notre logiciel</br>
– Mise à jour des tarifs fournisseurs</br>
– Formation personnalisée à distance ou sur votre point de vente.</br>
– Téléassistance, maintenance, évolution de notre solution logiciel</br>
</div>
</div>
<div class="pave_foot2"><img alt="main" src='https://www.erios-esn.fr/images/main-500.png' > </div>
</div>
</div>
<script>
$(document).ready(function(){
$('#tel_detail_veh').keyup(function(e){
var chaine = $(this).val().toUpperCase();
chaine = chaine.replace(/,/i, '');
chaine = chaine.replace(/;/i, '');
chaine = chaine.replace(/:/i, '');
chaine = chaine.replace(/ /i, '');
$(this).val( chaine );
var champ = $(this).val();
var chiffres = new RegExp("[0-9\ - ]");
var verif;
var points = 0;
if( e.keyCode != "32" && e.keyCode != "8" ) {
for(x = 0; x < champ.length; x++)
{
verif = chiffres.test(champ.charAt(x));
//if(champ.charAt(x) == "\s"){ verif = true; }
if(verif == false){
$(this).val ( champ.substr(0,x) + champ.substr(x+1,champ.length-x+1) )
//alert("Vous devez saisir que des valeurs num\351rique !");
$('#tellss2').show();
} else {
$('#tellss2').hide();
}
}
}
var valeurs = $(this).val().toUpperCase();
var chaine = valeurs.split(' ').join('');
//alert(chaine);
var champ = chaine;
var aff_immat = "";
for(x = 0; x < champ.length; x++) {
var donne = champ.charAt(x);
var nbr = x;
var pair = 1;
if ( nbr > 0 ) { pair = nbr%2; }
//alert(pair+" = pair");
if(pair == 0) {
aff_immat += ""+donne;
} else {
aff_immat += donne;
}
}
$('#tel_detail_veh').val(aff_immat);
});
$('#tel_detail_veh').blur(function(){
var chaine = $(this).val().toUpperCase();
chaine = chaine.replace(/,/i, '');
chaine = chaine.replace(/;/i, '');
chaine = chaine.replace(/:/i, '');
chaine = chaine.replace(/ /i, '');
$(this).val( chaine );
var champ = $(this).val();
var chiffres = new RegExp("[0-9\ - ]");
var verif;
var points = 0;
for(x = 0; x < champ.length; x++)
{
verif = chiffres.test(champ.charAt(x));
//if(champ.charAt(x) == "\s"){ verif = true; }
if(verif == false){
$(this).val ( champ.substr(0,x) + champ.substr(x+1,champ.length-x+1) )
//alert("Vous devez saisir que des valeurs num\351rique !");
// $('#tellss2').show();
} else {
// $('#tellss2').hide();
}
}
var valeurs = $(this).val().toUpperCase();
var chaine = valeurs.split(' ').join('');
//alert(chaine);
var champ = chaine;
var aff_immat = "";
for(x = 0; x < champ.length; x++) {
var donne = champ.charAt(x);
var nbr = x;
var pair = 1;
if ( nbr > 0 ) { pair = nbr%2; }
//alert(pair+" = pair");
if(pair == 0) {
aff_immat += ""+donne;
} else {
aff_immat += donne;
}
}
$('#tel_detail_veh').val(aff_immat);
});
$("#mail").blur(function(){
var vall = $(this).val();
if(vall !=""){
if($("#mail").val().match(/^[_a-z0-9-+]+(\.[_a-z0-9-+]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)){
}else{
$(this).val("");
alert("Adresse e-mail non valide");
return false;
}
}
});
$("#tel_detail_veh").blur(function(){
if($("#tel_detail_veh").val().match(/^[0-9]/i)){
var maka_val_tel = $(this).val();
if((maka_val_tel).length < 10){
$(this).val("");
alert("Numéro téléphone invalide");
return false;
}else{
}
}else{
$(this).val("");
alert("Numéro téléphone invalide");
return false;
}
});
});
</script>
<div style="display:block;float:left;width:100%;height:auto;padding-top:10px;margin-top:;padding-bottom:10px; background-color:#8e6d9a;text-align:center;font-family: 'Roboto Condensed', sans-serif;">
<div class="page_plein">
<div style="width:1px;height:1px;font-size:0.1px;color:#fff;overflow:hidden;">
<h1> ERIOS ESN</h1>
<h2>NOS LOGICIELS</h2>
<h4>DECOUVRER NOS LOGICIELS</h4>
<h4>CONCESSIONNAIRES TOUS VEHICULES</h4>
<h4>ENTREPRISE DU BATIMENT</h4>
<h4>LOGICIEL DE DEVIS & FACTURES POUR CHAUFFAGISTE</h4>
<h4>AUTO ENTREPRENEUR</h4>
<h4>COMPTABILITE ENERGETIQUE</h4>
<h2>SOLUTIONS / SERVICES</h2>
<h2>DEVELOPPEMENT APPLICATIONS </br>POUR SMARTPHONE</h2>
<h2>SOLUTIONS / SERVICES</h2>
<h2>LOGICIEL A LA DEMANDE</h2>
<h2>SECTEUR D'ACTIVITE</h2>
<h2>CAMPING-CAR</h2>
<h2>NAUTIQUE</h2>
<h2>AUTOMOBILE</h2>
<h2>MOTO & QUAD</h2>
<h2>ENTREPRISE DU BTP</h2>
<h2>MOTOCULTURE</h2>
<h2> ACTIVITES DE SERVICES </h2>
<h2>CONTACT</h2>
</div>
<div class="text_foot1">
<div style="display:block;float:left;width:100%;font-size:17px;font-weight:500;margin-bottom:20px;">Logiciels</div>
<a href="">Alliance-vdl</a></br>
<a href="">Alliance-BTP</a></br>
<a href="">Logiciel pour auto-entrepreneur</a></br>
<a href="">Logiciel comptabilité énergétique</a></br>
<a href="">Logiciel à la demande </a></br>
</div>
<div class="text_foot1">
<div style="display:block;float:left;width:100%;font-size:17px;font-weight:500;margin-bottom:20px;">Relation client</div>
Une question?</br>
Nous sommes là pour répondre à toutes vos question du lundi au vendredi
</div>
<div class="text_foot1">
<div style="display:block;float:left;width:100%;font-size:17px;font-weight:500;margin-bottom:20px;">Nos coordonnées</div>
SARL ERIOS-ESN</br>
16 Rue Pasteur</br>
62590 Oignies</br>
Tél. : 03.21.20.88.17</br>
</div>
<div class="text_foot12">
<div style="display:block;float:left;width:100%;font-size:17px;font-weight:500;margin-bottom:20px;">Mentions légales</div>
<a href="">Confidentialité et RGPD</a></br>
<a href="">Loi anti fraude à la TVA</a></br>
<a href="">Informations légales</a></br>
</div>
</div>
</div>
<div id="chatbox_1" style="display:none;background-color:#dadadd;width:275px;height:480px;" >
<div style="width:20px;height:20px;border-radius:50%;background-color:#8e6d9a;font-size:12px;cursor:pointer;color:#fff;display:block;float:right;margin-top:-15px;position:relative;right:-15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 16px 0px;"><div style="margin-left:5px;margin-top:1px;">✖</div></div>
<div style="width:100%;height:35px;padding:0px;background-color:#8e6d9a;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;padding-top:0px;padding-bottom:8px;font-size:20px;font-weight:300;color:#fff; font-family: 'Barlow', sans-serif;color:#fff;">
<div style="display:block;float:left;width:100%;margin-top:-8px;">Contactez nous </div>
<div style="display:block;float:left;width:100%;font-size:14px; margin-top:-6px; font-family: 'Barlow', sans-serif;font-weight:200;color:#fff;">
Notre équipe vous recontacte rapidement
</div>
</div>
<div class="liste_message_recu">
<div id="text_fomrddd">
<div id="text_fomr" style="display:none;font-family: 'Barlow', sans-serif;font-weight:300;text-align:center;width:98%;margin-top:0px;font-size:15px;color:#000;" >
</div>
<div id="text_fomr2" style="display:none;font-family: 'Barlow', sans-serif;font-weight:300;text-align:center;width:98%;font-size:15px;margin-top:0px;color:#000;" >
</div>
<div id="text_fomr3" style="display:none;font-family: 'Barlow', sans-serif;font-weight:300;text-align:left;width:90%;margin-left:20px;margin-top:0px;font-size:12px;font-weight:100;color:#000;" >
</div>
</div>
<div id="text_fomr99">
ERIOS-ESN</br>
</div>
<div id="text_fomrddd22">
<div style="display:block;float:left;width:100%;margin-bottom:10px;">
Le message a été envoyé</div>
<img alt="message-recu" style="width:50px;" src="https://www.erios-esn.fr/images/message-recu.png" >
</div>
</div>
<div class="formulaire_ajout_compte">
<form method="post">
<div style="display:block;float:left;color:#000;width:98%;margin-left:5px;margin-bottom:5px;margin-top:5px;font-family: 'Barlow', sans-serif;font-weight:100;">Je souhaite être contacté par</div>
<div style="display:block;float:left;color:#000;width:98%;margin-left:5px;margin-bottom:5px;margin-top:5px;font-family: 'Barlow', sans-serif;font-weight:100;">
<input type="radio" name="choix" value="0" checked id="par_sms" style="top:3px;position:relative;" class="dmd_par_mail2" ><label for="par_sms" style="font-family: 'Barlow', sans-serif;font-weight:100;"> SMS </label>
<input type="radio" name="choix" value="1" id="par_mail" class="dmd_par_mail2" style="top:3px;position:relative;"><label for="par_mail" style="font-family: 'Barlow', sans-serif;font-weight:100;"> E-MAIL</label>
<input type="hidden" name="choixx" id="dmd_par_mail" class="dmd_par_mail" value="0">
</div>
<div style="display:block;float:left;width:100%;margin-top:20px;"><label for='nom' style="font-family: 'Barlow', sans-serif;font-weight:300;cursor:pointer;margin-left:4px;font-size:13px;color:#000;width:80px;">Votre nom <span style="color:red;">*</span> :</label> <input style="width:168px;padding:3px;margin-left:5px;margin-top:0px;margin-bottom:10px;border-style:none;position:relative" type="text" id="nom" name="nom">
</div>
<div class="telephonne_ato" style="display:block;float:left;width:100%;">
<label style="display:block;float:left;width:156px;margin-left:4px;color:#747a80;color:#000;font-family: 'Barlow', sans-serif;font-weight:300;font-size:13px;" for="telephone">Numéro de téléphone <span style="color:red;">*</span> :</label>
<input style="width:87px;margin-left:5px;margin-left:5px;padding:3px;margin-top:0px;border-style:none;position:relative;margin-bottom:10px;font-size:12px;font-family: 'Barlow', sans-serif;font-weight:100;" type="text" class="required" id="telephone" maxlength="10" name="telephone">
</div>
<div id="test_maill" style="display:none;float:left;width:100%;margin-top:0px;"><label for='email' style="font-family: 'Barlow', sans-serif;font-weight:300;cursor:pointer;margin-left:4px;font-size:13px;color:#000;width:80px;">Adresse e-mail <span style="color:red;">*</span>:</label>
<input style="width:142px;padding:3px;margin-left:5px;margin-top:0px;margin-bottom:10px;border-style:none;position:relativefont-size:14px;font-family: 'Barlow', sans-serif;font-weight:100;" type="email" class="required" id="email" name="email">
</div>
<label style="display:block;float:left;width:95%;text-align:left;margin-left:5px;color:#000;font-size:13px;font-family: 'Barlow', sans-serif;font-weight:300;">Message <span style="color:red;">*</span> :</label>
<textarea name="message"></textarea>
<input type="hidden" name="contre_spam2" value="">
<div id="text_mss_ex" style="display:block;font-size:12px;color:red;font-family: 'Barlow', sans-serif;font-weight:200;margin-left:10px;margin-top:10px;"> * : Champs obligatoire</div>
<div style="display:block;float:left;width:100%;">
<div style="display:block;margin-right:auto;margin-left:auto;width:100%;">
<input type="submit" value='Envoyer' name="chat" style="width:120px;display:block; margin-right:auto;margin-left:auto;height:30px;border-radius:8px;border:1px solid #8e6d9a;background-color:#8e6d9a;color:#fff;font-size:16px;padding-bottom:5px;margin-top:30px;cursor:pointer;">
</div>
</div>
</form>
</div>
<div style="display:block;float:left;width:100%;">
<div style="display:block;margin-right:auto;margin-left:auto;width:100%;">
<img alt="logo" style="position: fixed;float: left;bottom: 10px;width: 50px;left:120px;" src="https://www.erios-esn.fr/images/logo.jpg" >
</div>
</div>
</div>
<div style="display:block;float:right;position:fixed;bottom:5px;right:20px;width:50px;height:50px;border-radius:50%;cursor:pointer;background-color:#8e6d9a;color:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 16px 0px;z-index:88888;"> <div style="display:block;float:left;margin-left:10px;cursor:pointer;font-size:25px;background-color:#fff;width:30px;height:30px;border-radius:50%;margin-top:10px;color:#8e6d9a;"><div style="margin-top:-5px;margin-left:5px;">...</div></div></div>
<div style="display:block;float:right;position:fixed;bottom:5px;right:75px;width:270px;height:30px;padding-bottom:5px;padding-top:0px;border-radius:10px;cursor:pointer;background-color:#8e6d9a;color:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 16px 0px;z-index:88888;">
<div style="display:block;float:left;margin-left:10px;cursor:pointer;font-size:25px;background-color:#8e6d9a;width:100%;height:auto;border-radius:50%;margin-top:10px;color:#fff;"><div style="margin-top:-5px;color:#fff;margin-left:5px;font-family: 'Barlow', sans-serif;font-weight:300;font-size:17px;">
Bonjour, vous avez une question ?
</div>
</div></div>
<div style="display:block;float:left;width:100%;height:auto;padding-top:10px;margin-top:;padding-bottom:10px;background-color:#fff;text-align:center;font-family: 'Roboto Condensed', sans-serif;">
<div class="max_width">
<div style="display:block;float:left;margin-top:0px;width:100%;margin-bottom:0px;">
<div style="display:block;float:left;width:100%;margin-top:20px;margin-bottom:20px;">
<img alt="logo" style="display:block;margin-left:auto;margin-right:auto;width:auto;">
</div>
<div class="foote_lien">
<a style="color:#000;text-decoration:none;display:block;float:left;">Mentions légales - </a>
<a style="color:#000;text-decoration:none;display:block;float:left;" href="https://www.erios-esn.fr/rgpd.html">RGPD – CONFIDENTIALITES - </a>
<a style="color:#000;text-decoration:none;display:block;float:left;" href="https://www.erios-esn.fr/rgpd.html">ALLIANCE-VDL - </a>
<a style="color:#000;text-decoration:none;display:block;float:left;" href=""> ALLIANCE-BTP sont des marques déposées </a>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="includes/js/jquery.cookie.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
// alert();
$("#chatbox").click(function(){
$("#chatbox_1").show("");
$("#chatbox").hide("");
$("#chatbox888").hide();
});
$("#closse").click(function(){
$("#chatbox_1").hide("");
$("#chatbox").show("");
});
$("#chatbox888").click(function(){
$("#chatbox_1").show("");
$("#chatbox").hide("");
$(this).hide();
});
$('#telephone').keyup(function(e){
var chaine = $(this).val().toUpperCase();
chaine = chaine.replace(/,/i, '');
chaine = chaine.replace(/;/i, '');
chaine = chaine.replace(/:/i, '');
chaine = chaine.replace(/ /i, '');
$(this).val( chaine );
var champ = $(this).val();
var chiffres = new RegExp("[0-9\ - ]");
var verif;
var points = 0;
if( e.keyCode != "32" && e.keyCode != "8" ) {
for(x = 0; x < champ.length; x++)
{
verif = chiffres.test(champ.charAt(x));
//if(champ.charAt(x) == "\s"){ verif = true; }
if(verif == false){
$(this).val ( champ.substr(0,x) + champ.substr(x+1,champ.length-x+1) )
//alert("Vous devez saisir que des valeurs num\351rique !");
$('#tellss2').show();
} else {
$('#tellss2').hide();
}
}
}
var valeurs = $(this).val().toUpperCase();
var chaine = valeurs.split(' ').join('');
//alert(chaine);
var champ = chaine;
var aff_immat = "";
for(x = 0; x < champ.length; x++) {
var donne = champ.charAt(x);
var nbr = x;
var pair = 1;
if ( nbr > 0 ) { pair = nbr%2; }
//alert(pair+" = pair");
if(pair == 0) {
aff_immat += ""+donne;
} else {
aff_immat += donne;
}
}
$('#telephone').val(aff_immat);
});
$('#telephone').blur(function(){
var chaine = $(this).val().toUpperCase();
chaine = chaine.replace(/,/i, '');
chaine = chaine.replace(/;/i, '');
chaine = chaine.replace(/:/i, '');
chaine = chaine.replace(/ /i, '');
$(this).val( chaine );
var champ = $(this).val();
var chiffres = new RegExp("[0-9\ - ]");
var verif;
var points = 0;
for(x = 0; x < champ.length; x++)
{
verif = chiffres.test(champ.charAt(x));
//if(champ.charAt(x) == "\s"){ verif = true; }
if(verif == false){
$(this).val ( champ.substr(0,x) + champ.substr(x+1,champ.length-x+1) )
//alert("Vous devez saisir que des valeurs num\351rique !");
$('#tellss2').show();
} else {
$('#tellss2').hide();
}
}
var valeurs = $(this).val().toUpperCase();
var chaine = valeurs.split(' ').join('');
//alert(chaine);
var champ = chaine;
var aff_immat = "";
for(x = 0; x < champ.length; x++) {
var donne = champ.charAt(x);
var nbr = x;
var pair = 1;
if ( nbr > 0 ) { pair = nbr%2; }
//alert(pair+" = pair");
if(pair == 0) {
aff_immat += ""+donne;
} else {
aff_immat += donne;
}
}
$('#telephone').val(aff_immat);
});
$(".dmd_par_mail2").click(function(){
$(this).change();
var valeur_anle_radio_selectionne = $(this).val();
// alert(tsetest);
$(".dmd_par_mail").val(valeur_anle_radio_selectionne);
var maka_radio = $(this).val();
if( maka_radio == 1){
$("#email").show();
$("#test_maill").show();
$("#email").addClass("required");
// $(".telephonne_ato").css("display","none");
// $("#telephone").removeClass("required");
}else{
$("#email").hide();
$("#test_maill").hide();
// $("#telephone").addClass("required");
$("#email").removeClass("required");
// $(".telephonne_ato").css("display","block");
}
});
$("#formulaireee").submit(function(){
$("#chatbox_1").css("display","block");
var nom = $("#nom").val();
var email = $("#email").val();
var message = $("#message").val();
var tel1 = $("#telephone").val();
var dmd_par_mail = $("#dmd_par_mail").val();
tel1 = tel1.replace(/ /g,'');
tel1 = tel1.replace(/,/i, '');
tel1 = tel1.replace(/;/i, '');
tel1 = tel1.replace(/:/i, '');
tel1 = tel1.replace(/ /i, '');
if(nom == ""){
$('#text_mnom').show();
$('#nom').css('border','1px solid red');
}else{
$('#text_mnom').hide();
$('#nom').css('border','1px solid #dadadd');
}
// alert();
if(message == ""){
$('#text_mss').show();
$('#message').css('border','1px solid red');
}else{
$('#text_mss').hide();
$('#message').css('border','1px solid #dadadd');
}
if(email == ""){
$('#mail222').show();
$('#email').css('border','1px solid red');
// $('#telephone').css('border','1px solid red');
if(dmd_par_mail == 1){
return false;
}else{
}
}else{
$('#mail222').hide();
$('#email').css('border','1px solid #dadadd');
}
if(tel1 == ""){
$('#tellss2').show();
$('#telephone').css('border','1px solid red');
// if(dmd_par_mail == 1){
// }else{
return false;
// }
}else{
$('#tellss2').hide();
$('#telephone').css('border','1px solid #dadadd');
}
if(nom == ""){
return false;
$('#text_mnom').show();
}else if(message == ""){
return false;
$('#text_mss').show();
}else{
$.post("chat.php",{nom: nom,telephone: tel1, message: message, email: email, dmd_par_mail: dmd_par_mail},function(data){
$("#text_fomr").append(nom);
$("#text_fomr2").append(tel1);
$("#text_fomr3").append(message);
// alert(dmd_par_mail);
// $("#chatbox_1").load();
});
}
$("#text_fomrddd").show("");
$("#text_fomr99").show("");
$("#text_fomr").show("");
$("#text_fomr2").show("");
$("#text_fomr66").show("");
$("#text_fomrddd22").show("");
$("#text_fomr3").show("");
$("#formulaireee").hide("");
$(".liste_message_recu").show();
$('#closse').click(function(){
$(".formulaire_ajout_compte").show();
$("#formulaireee").show();
$(".liste_message_recu").hide();
$("#text_fomr").text(" ");
$("#text_fomr2").text(" ");
$("#text_fomr3").text(" ");
// $("#text_fomr99").text(" ");
// $("#text_fomrddd22").text(" ");
});
if(nom =="" && tel1 =="" && message ==""){
// alert("no");
}else{
// alert("c vide");
$("#nom").val("");
$("#email").val("");
$("#message").val("");
$("#telephone").val("");
}
return false;
});
$("#telephone").blur(function(){
if($("#telephone").val().match(/^[0-9]/i)){
var maka_val_tel = $(this).val();
if((maka_val_tel).length < 10){
$(this).val("");
alert("Numéro téléphone invalide");
return false;
}else{
}
}else{
$(this).val("");
alert("Numéro téléphone invalide");
return false;
}
});
$('#chatbox888').click(function(){
$.cookie("Name", "Tchatche_erios");
});
$('#chatbox').click(function(){
$.cookie("Name", "Tchatche_erios");
});
if ($.cookie('Name') != null ){
$('#chatbox888').css("display","none");
}else{
$('#chatbox888').css("display","block");
}
});
</script>
