<!DOCTYPE html>
<html lang="fr">
<!--[if IE 12]><!--> <html class="ie12" lang="fr"> <!--<![endif]-->
<!--[if IE 11]><!--> <html class="ie11" lang="fr"> <!--<![endif]-->
<!--[if IE 10]><!--> <html class="ie10" lang="fr"> <!--<![endif]-->
<!--[if IE 9]><!--> <html class="ie9" lang="fr"> <!--<![endif]-->
<!--[if IE 8]><!--> <html class="ie8" lang="fr"> <!--<![endif]-->

  <head>
    <meta charset="utf-8">
	<!--
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<base href="/">
		 
    <title>OXYGEN-Group</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/favicon.png"> 
	<link rel="stylesheet" type="text/css" href="css/font-oxygen.css"/> 
	<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	<link rel="stylesheet" type="text/css" href="css/pnotify.custom.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/tn.css"/>
	<link rel="stylesheet" type="text/css" href="css/vitrine.css"/>
	<link rel="stylesheet" type="text/css" href="css/anim-logo.css"/>
	
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/jquery.cookie-1.4.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/tn.js"></script>
	<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
	

	<script type="text/javascript" src="js/TimelineMax.min.js"></script>
	<script type="text/javascript" src="js/TweenMax.min.js"></script>	
  
	<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120229350-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-120229350-1');
	</script>
  </head>
<style>
#mover
{
	z-index: 1000;
	width:100%;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-color: white;
	border: 1px dashed blue; 
	position: absolute;
}
.cssedit
{
	display: none!important;
	color:   #F00!important;
	padding: 5px;
}
.EDAlive .cssedit
{
	display: inline-block!important;
}
</style>
<script type="text/javascript">
function pageblo()
{
	tn.navigate('/blonline');
}
/*
function connectMeBLO()
{
	//tn.navigate('/client');
	pageblo()
}
*/

/**/
function connectMeBLO()
{
	if ($(".containerregisterBLO").hasClass("hidden"))
	{
		setBackDialog(connectMeCloseblo);
		$(".containerregisterBLO").removeClass("hidden");
	}
	else
	{
		connectMeCloseblo();
		unsetBackDialog();
	} 
}
function closedialogBLO()
{
		connectMeCloseblo();
		unsetBackDialog();
}

function	connectMeCloseblo()
{
		$(".containerregisterBLO").addClass("hidden");
}
function	connectMeClose()
{
		$(".containerregister").addClass("hidden");
}
function connectMe()
{
	if ($(".containerregister").hasClass("hidden"))
	{
		setBackDialog(connectMeClose);
		$(".containerregister").removeClass("hidden");
	}
	else
	{
		connectMeClose();
		unsetBackDialog();
	} 
}

var isave=0;
var sectionMoverActive=false;


function scrollIsAlive(obody)
{
	
		if(obody[0].scrollTop)
		{
			$(".containerregister").addClass("hidden");
			$(".containerregisterBLO").addClass("hidden");
		}
		if(obody[0].scrollTop>30 || ($('.page').length && ($('.page').offset().top<70)))
		{
			if (sectionMoverActive)
			{
				sectionMoverActive=false;
				$(".pageheader > .menu").animate({marginTop:"0px"}) 
				$(".pageheader > .menu .logo").animate({height:"50px"}) 
			}
		}
		else
		{
			if (!sectionMoverActive)
			{
				sectionMoverActive=true;
				$(".pageheader > .menu").animate({marginTop:"20px"}) 
				$(".pageheader > .menu .logo").animate({height:"80px"}) 
			}
		}
		if(obody[0].scrollTop>600 || ($('.page').length && ($('.page').offset().top<-400)))
		{ 
			displayGoTop(true);
		}
		else
		{ 
			displayGoTop(false);
		}
}
$( document ).ready(function(){
	

	/**
	Code normal
	*/
	
	 
	$("body").on("scroll", function(e) { 
		scrollIsAlive($(this));
		
	});
 
	/* active menu */
	var sURI = $(location).attr('pathname');
	if(sURI=="")sURI="/";
	$(".pageheader .menu").find(".item[data-page='"+sURI+"']").addClass("selected");
	
	setTimeout(function(){
			sectionMoverActive=true;
			if($("body").length)
				scrollIsAlive($("body")); 
		}, 200);
});

var backedDialogCloser;
function setBackDialog(pcloser)
{
	backedDialogCloser=pcloser;
	$(".nsdialogback").removeClass("hidden");
	
}
function unsetBackDialog()
{
	$(".nsdialogback").addClass("hidden");
	if(backedDialogCloser)
	{
		backedDialogCloser();
		backedDialogCloser=false;
	}
	
}
function	callmeClose()
{
	$(".callme").animate({right:-270},700, function(){	$(".callme").removeClass("opencall");	});
}
function callme()
{
	if ($(".callme").hasClass("opencall"))
	{
		unsetBackDialog();
		callmeClose();
	}
	else
	{
		setBackDialog(callmeClose);
		$(".callme").addClass("opencall");
		$(".callme").animate({right:0},700);
	}
	
}
function callmeNOW()
{
	var sphone = $(".callme #phone").val();
	var sname = $(".callme #name").val();
	var scompany = $(".callme #company").val();
	tn.postJSON ("/home/registercallme", {phone: sphone, company: scompany, name: sname}, function(r){

		if(r.ok)
		{
			tn.notify("Demande de rappel enregistrée",
				""+ r.params.name + " : Votre demande d'appel sur le numéro "+r.params.phone+ " est enregistrée", "info", 3000);
			callme();
		}
		else
		tn.notify("Demande de rappel échouée",
			"Votre demande d'appel n'est PAS enregistrée.<br>"+r.message, "error", 5000);
	});
}

function displayGoTop(b)
{
	if(b)$(".pagetop").addClass("display");
	else $(".pagetop").removeClass("display");
}
function goPageTop()
{
	if (tn.isEdge())
	{ 
		document.location = "#toppage";
		 /*	tn.navigate("#toppage");*/
		 return;
	}
	$('html, body').animate({
		scrollTop:"0px"
	}, 'slow');
}
</script>
<body class="animwaiting">
<noscript >
Le Javascript doit être activé afin de permettre de visiter ce site.
</noscript>
	<div class="pagetop" title="Revenir haut de page" onclick="goPageTop()"><i class="icon-arrow-up2"></i></div>
	<div class="pageheader">
 
		<div class="menuback"></div>
		<div class="menu">
		
			<div class="logo">
			</div>
			 
			<div class="itemopener" onclick="$('.menu').toggleClass('opened')">
				 
			</div>
			<div class="item" data-page='/' onclick="document.location='/';">
				Home
			</div>
			<div class="item" data-page='/quisommesnous' onclick="document.location='/quisommesnous';">
				Qui sommes-nous ?
			</div>
			<div class="item" data-page='/services' onclick="document.location='/services';">
				<i class="icon-eye"></i>&nbsp;Nos services
			</div>
			<div class="item" data-page='/moyens' onclick="document.location='/moyens';">
				<i class="icon-truck"></i>&nbsp;Nos moyens
			</div>
			<div class="item" data-page='/contact' onclick="document.location='/contact';">
				<i class="icon-phone"></i>&nbsp;Nous contacter
			</div>
			<div class="item cssedit" onclick="window.open('/adminapp/css?f=vitrine','editcss');">
				CSS
			</div>
			 
		</div>
	</div>
<script>
var scrollerwidth = tn.getScrollBarWidth();
$(".pageheader").css("margin-right", scrollerwidth);
 
var bkillanim=false;

</script>
<script type="text/javascript">
/*	var bkillanim=true;	*/
function paramsAutoOK(pform)
{
	var t = $(pform).find("input");
	return true;
}
function lostPassword()
{
	var loginemail = $("#loginemail").val();
	if(loginemail=="" || !tn.isEmail(loginemail)) 
	{
		alert("Veuillez saisir votre adresse e-mail à l'endroit dédié sur le formulaire afin de démarrer la procédure de récupération");
	}
	else 
	{
		tn.getJSON("/app/lostpassword", {email:loginemail}, function(r){
			alert(r.message)
		});
	}
}
function checkDisable(pfld, sbt)
{
	if ($(pfld).val()=="")
	{
		$("#"+sbt).removeClass("disabled" );
		$("#"+sbt).removeAttr("disabled" );
		
	}
	else
	{
		$("#"+sbt).attr("disabled", "disabled");
		$("#"+sbt).addClass("disabled" );
	}
}
function noPropag(event)
{ 
	if(event.stopPropagation)event.stopPropagation();
	else
	if(window.event)window.event.cancelBubble = true
}
</script>
<style>
button.disabled
{
	background-color: #ddd;
	cursor: auto;
}
.containerregister
{
	display:block;
	position: fixed;
	z-index: 19999;
 	top: 130px;
	width:100%;
}
.containerregister .containercol
{
	display:block;
	position: relative;
	width: 1000px!important;
	max-width:100%!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
.register
{
	display:block;
	position: relative;
	margin-right:  0px;
	margin-left:  auto;
} 
.register
{
	max-width:100%!important;
}
.containerregisterBLO
{
	display:block;
	position: fixed;
	z-index: 19999;
 	top: 130px;
	width:100%;
}
.containerregisterBLO .containercol
{
	display:block;
	position: relative;
	width: 1000px!important;
	max-width:100%!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
.containerregisterBLO.register
{
	display:block;
	position: relative;
	margin-right:  auto;
	margin-left:  0px;
} 
 
.ie8 .menu .logo,
.ie9 .menu .logo,
.ie10 .menu .logo,
.ie11 .menu .logo,
.ie12 .menu .logo
{
    margin-top: -7px;
    padding: 0px;
	
}
@supports (-ms-ime-align:auto)and (-webkit-text-stroke:initial) {
   .menu .logo { margin-top: 0px!important; } 
}
</style>  
 
	<div class="containerregister hidden">
		<div class="containercol" onclick="unsetBackDialog()">
			<div class="register" onclick="noPropag(event)">
			
				<div class="form">
					<b>J'ai déja un compte</b><br>
					<br>
					<form name="login" method="post" action="/app/accountlogin"  onsubmit="return dontlog()" xx="return tn.postSubmitJSON(this)"  >
					<input type="hidden" name="redirecturl" value="">
					<input type="email" id="loginemail" name="email" required value="" placeholder="Votre adresse e-mail" onblur="checkDisable(this,'dotest')" onkeypress="checkDisable(this,'dotest')" onkeyup="checkDisable(this,'dotest')"><br>
					<input type="password" name="password" required value="" placeholder="Votre mot de passe"><br>
					<div class="mt5 i fs12">
					<a href='javascript:dontlog' XXX='javascript:lostPassword()'  class="pl3" style=" font-style:italic" title="Aide mot de passe">J'ai oublié mon mot de passe</a>
					</div>
					<br>
					<button class="button" id="doconnect">Je  me connecte</button> 
					</form>
									</div>

				<div class="form">
					<b>Je n'ai pas encore de compte</b><br>
					<br>
					<form name="create" method="post" action="/app/accountcreate" 
					onsubmit="return dontlog()" xx="return tn.postSubmitJSON(this)" autocomplete="off" autocorrect="off">
					<input type="email" name="email" required value="" placeholder="Votre adresse e-mail" onblur="checkDisable(this,'doconnect')"onkeypress="checkDisable(this,'doconnect')" onkeyup="checkDisable(this,'doconnect')"><br>
					<!--nput type="password" name="dummy" style="visibility: hidden"-->
					Entrez votre email et testez immédiatement
					<br>
					<br>
					<br>
					<button class="button" id="dotest">Je teste</button>
					</form>
				</div> 
				
			</div>
		</div>
	</div>

 
	<div class="containerregisterBLO hidden">
		<div class="containercol" onclick="unsetBackDialog()">
			<div class="register" onclick="noPropag(event)">
			
				<div class="form">
					<b>J'ai déja un compte</b><br>
					<br>
					<form name="login" method="post" action="/app/accountlogin"   onsubmit="return dontlog()" xx="return tn.postSubmitJSON(this)"  >
					<input type="hidden" name="redirecturl" value="">
					<input type="email" id="loginemail" name="email" required value="" placeholder="Votre adresse e-mail" onblur="checkDisable(this,'dotest')" onkeypress="checkDisable(this,'dotest')" onkeyup="checkDisable(this,'dotest')"><br>
					<input type="password" name="password" required value="" placeholder="Votre mot de passe"><br>
					<div class="mt5 i fs12">
					<a href='javascript:lostPassword()'  class="pl3" style=" font-style:italic" title="Aide mot de passe">J'ai oublié mon mot de passe</a>
					</div>
					<br>
					<button class="button" id="doconnect">Je  me connecte</button> 
					</form>
									</div>

				<div class="form">
					<b>Je n'ai pas encore de compte BL Online</b><br>
					<br>
					
				<a href='/blonline' onclick='closedialogBLO()'>	<button class="button" id="">Découvrir le service</button></a>

					 
				</div> 
				
			</div>
		</div>
	</div>
 
	 
		
	<script type="text/javascript" src="js/anim-logo.js"></script>
	<a name="toppage"></a>
	<div class="page public">
		<div class="nsdialogback hidden" onclick="unsetBackDialog()">&nbsp;</div>
		<div class="commands"> 
		<!--
			<div class="connectionblo" onclick="connectMeBLO()">
				Accéder à la plateforme BL Online&nbsp;&nbsp;<i class="icon-accessplatform"></i>
			</div>
			-->
			<div class="connection" onclick="connectMe()">
				<span>Accéder à la plateforme </span>OXYGEN-Group&nbsp;<i class="icon-accessplatform"></i>
			</div> 
			<div class="connectionblo" onclick="connectMeBLO()">
				<span>Accéder à </span> BL Online&nbsp;<i class="icon-accessplatform"></i>
			</div>
		</div>
 
	<!---------- Page: Begin --->
 <script>
 function dontlog()
 {
 alert(""
+"Pour toute première demande,\nmerci de nous contacter au 01 56 30 26 26 ou contact@oxygen-group.fr\n"
+"Merci et à bientôt !");
return false;
 }
 </script>
 
 
 
   	<div id="currentpage">home-blonline.tpl</div>   	<div class="body section_list">  		<div id="blonline" class="section light blonline"> 		 			<div id="bloservices_nosservices" class="section dark bloservices"> 				<a name="bloservices_nosservices"></a> 				<div class="block center dark bloservices"> 					<div class="title EDA banner_title" data-name="bloservices.title">BL Online</div> 					<h1 class="text EDA" data-name="bloservices.text">Recevez en temps réel par e-mail<br>la photo de vos preuves de livraisons<br></h1> 				</div> 			</div> 			<!-- 			<div class="block center dark bloservices"> 				<div class="title EDA" data-name="BLONLINE.title"> 					BL ONLINE ? 				</div> 			</div> 			--> 			<div class="block center dark bloservices"> 				<div class="text EDA" data-name="BLONLINE.text"><center><img src="images/Logo_BL-Online.png"></center>



<div align="left">BL Online est un service premium et gratuit proposant la dématérialisation des bordereaux de livraisons*. <br><br>Ainsi, que ce soit votre preuve de livraison (client chargeur) ou celle de TEMPO Transport Express (professionnel du transport), vous recevrez en temps réel les informations de livraison. <br><br></div><div align="left">Ce service permet d’accélérer votre facturation, de proposer à votre client final un service à valeur ajoutée pour renforcer sa confiance avec une solution digitale maîtrisée. <br></div><div align="left"><br>Vous pourrez ainsi les archiver, les imprimer mais aussi les faire suivre si nécessaire à votre correspondant très simplement par mail – une notification vous sera automatiquement adressée dans votre messagerie pour rester informé à chaque livraison. <br><br>En nous confiant vos transports, vous obtenez un avantage concurrentiel qui va jouer sur votre image de marque et vos relations clients !</div><div align="left"><br></div><div align="left"><font size="2">* Service disponible uniquement pour les livraisons en Ile-de-France ou en transports dédiés en France et à l'international.</font><br></div></div> 			</div> 			<div class="pict center"> 				<img src="/images/Schema_Bl_Online.png"> 			</div> 		</div> 		 	</div> 	    	 	<div class="section  light grey">  		<div class="block light  BLONLINEform">   			<div class="text EDA" data-name="BLONLINE.text4"><div>
Pour vous inscrire à <b>BL Online</b>, remplissez les champs du formulaire ci-dessous* : <br></div><div><i><font size="4"><a href="/app/config">Je suis déjà utilisateur Oxygen et souhaite accéder à mon compte ! Cliquez ici.</a></font><br></i></div></div> 			<form name="frmBLO"  					id="frmBLO" 					class="form publicform" 					method="post"  					action="/app/accountblocreate"  					onsubmit="return dontlog()" 					xxxonsubmit="return tn.postSubmitJSON(this)"  					autocomplete="off" 					autocorrect="off" 				> 				<div class="line"> 					<div class="part12"> 						<label for="familyname" class="EDA" data-name="BLONLINE.Nom" required="">Nom</label> 						<input type="text" id="familyname" name="familyname" maxlength="128" placeholder="" required=""> 					</div> 					<div class="part12"> 						<label for="email" class="EDA" data-name="BLONLINE.Email" required="">Email</label> 						<input type="email" id="email" name="email" maxlength="128" placeholder="" required=""> 					</div> 				</div> 				<div class="line"> 					<div class="part12"> 						<label for="lastname" class="EDA" data-name="BLONLINE.Prenom">Prénom</label> 						<input type="text" id="lastname" name="lastname" maxlength="128" placeholder=""> 					</div> 					<div class="part12"> 						<label for="phone" class="EDA" data-name="BLONLINE.Tel" required>Téléphone</label> 						<input type="phone" id="phone" name="phone" maxlength="128" placeholder="" required=""> 					</div> 				</div> 				<div class="line"> 					<div class="full"> 						<label for="companyname" class="EDA" data-name="BLONLINE.Societe" required="">Société</label> 						<input type="text" id="companyname" name="companyname" maxlength="128" placeholder="" required=""> 					</div> 				</div>  				<!-- 				<div class="line"> 					<div class="full securequestion"> 						<input type="hidden" id="formulakey" name="formulakey" value="9cb261997f5025da0c08e84a11830259"> 						<label for="formula" required=""><span class="EDA" data-name="BLONLINE.formula">Si vous n'êtes pas un robot, vous devriez pouvoir dire combien font</span> 4 + 5  ?</label> 						<input type="text" id="formula" name="formula" maxlength="20" placeholder="" required=""> 					</div> 				</div> 				--> 				<div class="line"> 					<div class="actions"> 						<button class="button EDA"  						data-name="BLONLINE.button"  						>Envoyer</button> 					</div> 				</div> 			</form> 			<div class="text EDA" data-name="BLONLINE.text5">
<font size="2">* Seuls les clients OXYGEN-GROUP et/ou TEMPO Transport Express peuvent disposer de BL Online. L’activation du service vous sera confirmée par e-mail.<br></font></div> 		</div> 		<!-- 		<div id="contactsform" class="section light ">  	   			<div class="block light  contactsform"> 	 				<div class="text EDA" data-name="BLONLINE.text5" style="position: relative"> 					Vous préférez nous contacter par téléphone ? Cliquez sur le bouton, on vous rappelle !  		 				</div>	 <div class="callme"> <div class="do" onclick="callme()"> 	<i class="icon-Business-E-commerce-n-Logistics-141"></i> 	<div class="calltext"><span>ê</span>tre rappelé</div> </div>  <div class="form">  	<form name="frmcall"> 		<input type="text" id="name" placeholder="Votre nom"> 		<input type="text" id="company" placeholder="Votre société"> 		<input type="phone" id="phone" placeholder="Votre numéro de téléphone"> 		<div class="button"  onclick="callmeNOW()">Rapellez moi</div> 	</form> </div> </div> 			</div>  		</div> 	 		--> 	 	</div> 		 	</div>
	
	<div class="pagefooter">
		<div class="menu">
			<div class="column">
				<div class="footertitle">OXYGEN-GROUP</div>
				<a href="/">Accueil</a><br>
				<a href="/quisommesnous">A propos</a><br>
				<a href="/services">Nos services</a><br>
				<a href="/moyens">Nos moyens</a><br>
			</div>
			<div class="column">
				<div class="footertitle">SERVICES</div> 
				<a href="#" onclick="registerMe()">S'inscrire</a><br>
				<a href="/#video">Vidéo tutorielle</a><br>
				<a href="/contact">Nous contacter</a><br>
				<span style="font-size: 16px">
				<a href="https://www.linkedin.com/in/oxygen-group-09328114b/" target="_blank" title="Suivez Oxygen Group sur Linkedin"><i class="icon-linkedin2"></i></a>&nbsp;&nbsp;
				<a href="https://www.youtube.com/channel/UCSFJpTj2YsE5xzaLsG-sStA" target="_blank" title="Suivez Oxygen Group sur Youtube"><i class="icon-youtube2"></i></a></span><br>
			</div>
			<div class="column">
				<div class="footertitle">CONDITIONS</div>
				<a href="/legal">Mentions légales</a><br>
				<a href="/confidentialite">Confidentialité</a><br>
				<a href="/cgv">Conditions générales de vente</a><br>
				<a href="/cgu">Conditions générales d'utilisation</a><br>
			</div>
			<div class="column logo3">
				<img src="images/logo-horz-white.png"><br>
			</div>
		</div>

		<div class="copyright">
		Copyright © 2017 - 2026 - Tous droits réservés <a href="https://www.cpconsulting.fr/" target="_blank">CP Consulting</a> / <a href="/" target="_blank">OXYGEN-Group</a> - Développé et  maintenu par <a href="https://www.verticalassertions.fr/" target="_blank">Vertical Assertions</a> / <a href="http://telanode.fr" target="_blank">Telanode</a> - Identité visuelle : <a href="https://www.agence-anonymes.fr/" target="_blank">Agence Anonymes</a> / <a target="_blank" href="https://www.clicngraph.fr/">Clic'n Graph</a></div>
	</div> 
</body>
</html>
<div class="cookiesquery">Nous utilisons des cookies pour analyser le trafic et personnaliser le contenu du site internet. Certaines informations sont partagées avec des partenaires de OXYGEN-Group.<br>
En poursuivant la navigation sur le site, vous acceptez l’utilisation des cookies. Pour plus d’informations « <a href="/confidentialite">cliquez ici</a> ». <br>
<!--div class="OK" onclick="cookieAccept()">OUI j'accepte</div-->
<div class="OK" onclick="cookieAccept()">X</div>
</div>
<script>
function cookieAccept()
{
	$.cookie('cookiesaccepted', '1', { expires: 365, path: '/' });
	$(".cookiesquery").css('display','');
}

if (!$.cookie('cookiesvisit'))  $.cookie('cookiesvisit', 0,  { expires: 365, path: '/' });
$.cookie('cookiesvisit', (parseInt($.cookie('cookiesvisit'))+1),  { expires: 365, path: '/' });
if ($.cookie('cookiesvisit')<3)
	if ($.cookie('cookiesaccepted')!='1') 
		$(".cookiesquery").css('display','block');
</script>
 
 
