<!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 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 id="currentpage">app-home.tpl</div>   	<div class="body section_list"><div id="home_simple" class="section dark simple"> 			<div class="block center dark simple"> 				<div class="title EDA banner_title" data-name="simple.title"> 					Simplissime.</div> 				<h1 class="text EDA" data-name="simple.text"><div> 					Votre plateforme logistique web</div><div>dédiée aux transports.</div></h1> 				<div class="center gold pt15 EDA" data-name="simple.text2"><div> 					Vous allez être accro.</div><div><br></div></div> 				<div class="center pt15"> 					<div class="button EDA" data-name="simple.button" onclick="document.location='#video';">
						Voir la vidéo
					</div>&nbsp; 					<div class="button EDA" data-name="simple.lamarque" onclick="document.location='#lamarque';"> 						Notre histoire 					</div> 				</div> 			</div> 		</div>
<div id="home_intuitif" class="section paper light intuitif"> 			<div class="block light intuitif"> 				<div class="left"> 				</div> 				<div class="right"> 					<h2 class="title EDA" data-name="intuitif.title"> 						Ultra intuitif.</h2> 					<div class="text EDA" data-name="intuitif.text">
						Accroître votre compétitivité, rendre plus performants et ludiques vos transports, OXYGEN-Group, votre 
						nouvelle plateforme web dédiée aux transports, conjugue
						l'utilisation de solutions innovantes, performantes,
						attractives.<div>Un vrai gain de temps et d'argent !</div></div> 					<div class="text"> 						<div class="info" data-goancre="/services"></div> 					</div> 				</div> 			</div> 		</div>
<div id="home_sizable" class="section  light sizable"> 			<div class="block light sizable"> 			  				<div class="left"> 			 					<h2 class="title EDA" data-name="sizable.title"> 						Mini et maxi.</h2> 				 					<div class="text EDA" data-name="sizable.text">OXYGEN-Group s'adapte parfaitement à tous vos besoins :</div> 					<div class="text animated anim1" > 			 <span>Break  </span> <span>Fourgon </span> <span>20m3 </span> <span>2T5 </span> <span>5T </span> <span>10T </span> <span>Camion-remorque </span> <span>du Break jusqu’au Camion-remorque </span>  					</div> 					<div class="text animated anim2" > <span>Artisan </span> <span>Commerçants </span> <span>Professions libérales </span> <span>Entreprises publiques </span> <span>PME </span> <span>PMI </span> <span>Grand groupe </span> <span>de l’Artisan jusqu’au Grand Groupe </span> 				 					</div> 					<div class="text animated anim3" >		  <span>Devis en ligne</span> <span>Commande</span> <span>Suivi en temps réel</span> <span>Consultation</span> <span>Partage d’information</span> <span>Archivage électronique</span> <span>Alerte par mail</span> <span>de la demande de devis jusqu’à la dématérialisation de vos documents</span>  					</div> 					<div class="text" >		  						<div class="info" data-goancre="/services"></div> 					</div> 				</div> 				<div class="right"> 			 				</div> 			</div> 		</div>
<div id="home_blo" class="section light paper blo"> 			<div class="block center light blo"> 			 				<div class="left"> 				</div> 				 				<div class="right"> 					<h2 class="title EDA" data-name="blo.title">Recevez un justificatif (POD) en temps réel. </h2> 					<div class="text EDA" data-name="blo.text">En 2019, OXYGEN-Group voit la naissance de BL Online, une solution simple et efficace qui permet aux donneurs d’ordres de suivre en temps réel leurs livraisons avec la dématérialisation des bordereaux de livraisons (chargeur et professionnel de la route). <br></div>  					<div class="text" >		  						<div class="info" data-goancre="/blonline"></div> 					</div> 						  				</div> 			</div> 		</div>
<div id="home_devisable" class="section dark devisable"> 			<div class="block dark devisable"> 			 				<div class="left"> 					<h2 class="title EDA" data-name="devisable.title"> 						Vos devis en ligne<br> 						24h/24, 7j/7,<br>n'importe où. 					</h2> 					<div class="text EDA" data-name="devisable.text"><div> 						Notre outil de devis en ligne gratuit 						vous permet de demander 						un prix et de passer commande 						vite fait bien fait.</div></div> 					<div class="text"> 						<div class="info" data-goancre="/services#services_devis"></div> 					</div> 				</div> 				<div class="right"> 			 				</div> 			</div> 		</div>
<div id="home_supervisable" class="section light supervisable"> 			<a name="video"></a> 			<div class="block center light supervisable"> 				<h2 class="title EDA" data-name="supervisable.title"> 					Votre plateforme logistique<br> 					bien pensée, bien développée, <br> 					bien expliquée.</h2>  				<div class="image" style="position: relative"> 				 					<iframe style="display:none; position: absolute; margin-top: 24px; margin-right: auto;margin-left: auto;width:90%;height:auto" id='videoframe' src=""   frameborder="0" allowfullscreen="allowfullscreen"></iframe> 					   					<img id="videoplayer" src="images/05_plateforme.png" width="90%" onclick="showVideo(this)"> 				</div> 			</div> 		</div>
<div id="home_vehicule" class="section dark vehicule visualanim waypoint"> 			<div class="block center dark vehicule"> 				<h2 class="title EDA" data-name="vehicule.title"> 					Nos véhicules<br> 					roulent pour vous. 				</h2>  				<div class="listvehicules"> 					<div id="truck0" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/1-Break.png" ></div> 						<div class="text list  pt5 pb5 hidden">Break</div> 					</div> 					<div id="truck1" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/2-Fourgon.png" ></div> 						<div class="text list  pt5 pb5 hidden">Fourgon</div> 					</div> 					<div id="truck2" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/3-20m3.png" ></div> 						<div class="text list  pt5 pb5 hidden">20m&sup3;</div> 					</div> 				<!-- 					<div id="truck3" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/4-2T5.png" ></div> 						<div class="text list  pt5 pb5 hidden">2T5</div> 					</div> 				--> 					<div id="truck4" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/5-5T.png" ></div> 						<div class="text list  pt5 pb5 hidden">5T</div> 					</div> 					<div id="truck5" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/6-10T.png" ></div> 						<div class="text list  pt5 pb5 hidden">10T</div> 					</div>				 					<div id="truck6" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/07-26T.png" ></div> 						<div class="text list  pt5 pb5 hidden">Poids-lourd 26T (chariot embarqué) </div> 					</div> 					 					<div id="truck7" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/08-camion-semi-remorque.png" ></div> 						<div class="text list  pt5 pb5 hidden">Semi-remorque</div> 					</div> 					<div id="truck9" class="format"> 						<div class="image"><img src="images/png-camioncropped/pictos-camion-noir-logo/plateau.png" ></div> 						<div class="text list  pt5 pb5 hidden">Semi Plateau</div> 					</div>	 					 					<div id="truck8" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/09-camion-remorque.png" ></div> 						<div class="text list  pt5 pb5 hidden">Camion-remorque</div> 					</div>	 					<div id="truck9" class="format"> 						<div class="image"><img src="images/png-camioncropped/pictos-camion-noir-logo/Grue_1.png" ></div> 						<div class="text list  pt5 pb5 hidden">Camion-Grue</div> 					</div>	 					<div id="truck9" class="format"> 						<div class="image"><img src="images/png-camioncropped/pictos-camion-noir-logo/Grue_2.png" ></div> 						<div class="text list  pt5 pb5 hidden">Camion-Grue</div> 					</div>	 					<div id="truck9" class="format"> 						<div class="image"><img src="images/png-camioncropped/pictos-camion-noir-logo/Camiongrueremorque.png" ></div> 						<div class="text list  pt5 pb5 hidden">Camion-Grue</div> 					</div>	 					<div id="oops" class="format"> 						<div class="image"><img src="images/png-camion/pictos-camion-noir-logo/oops.png" ></div> 						<div class="text list  pt5 pb5">Oups ! .. en fait non !</div> 					</div> 					 				</div>  				<div class="text center EDA" data-name="vehicule.text"><div>Du Véhicule Léger au Camion-remorque, de 1 colis jusqu'à 35 palettes.<br></div><div>
					Adaptabilité totale avec OXYGEN-Group !
				</div></div> 				  				<div class="info" data-goancre="/moyens"></div> 	 			</div> 		</div>
<div id="home_lamarque" class="section light lamarque"> 			<a name="lamarque"></a> 			<div class="block center light lamarque"> 				<h2 class="title EDA" data-name="lamarque.title">
					Notre vision<div>et l'histoire de la marque.
				</div></h2> 				<div class="c pb20"> 					<img src="/images/logo-rond.png" width='300'> 				</div> 				<div class="text big EDA" data-name="lamarque.text"> 				</div> 				<div class="mt15">   			  						<div class="button" onclick="document.location='/plateforme-logistique-innovante'"> 							Notre projet  						</div>  				  				</div> 			</div> 		</div>
<div id="home_lightnature" class="section lightnature"> 			<div class="block center lightnature"> 				<h2 class="title EDA" data-name="lightnature.title"><div> 					Respectueux</div><div>de l'environnement. 				</div></h2> 				<div class="text EDA" data-name="lightnature.text"><div> 					OXYGEN-Group intègre les enjeux environnementaux<br> 					dans les métiers  de la logistique,<br> 					en agissant sur son empreinte carbone. </div><div>Découvrez nos engagements en matière de transport.</div><div><br></div><div><br></div><div><br></div><div><br></div></div> 				<div class="info" data-goancre="/quisommesnous#apropos_respectenv"></div> 			</div> 		</div>
<div id="home_demat" class="section dark demat"> 			<div class="block center dark demat"> 				<h2 class="title EDA" data-name="demat.title"> 					Dématérialiser,<br> 					brillante idée. 				</h2> 				<div class="text EDA" data-name="demat.text"><div> 					OXYGEN-Group propose la dématérialisation<br> 					des factures, devis, bons de commande.<br> 					Découvrez nos trois engagements responsables.&nbsp;</div></div> 				<div class="info" data-goancre="/quisommesnous#apropos_demat"></div> 			</div> 		</div>
<div id="home_testez" class="section light testez"> 			<div class="block center light testez"> 				<h2 class="title EDA" data-name="testez.title">
					Testez.</h2> 				<div class="text big EDA" data-name="testez.text">
					OXYGEN-Group va devenir au quotidien<br>
					votre outil logistique incontournable.</div> 				<div class="mt15"> <!-- <form name="create" method="post" action="/app/accountcreate"  					onsubmit="return tn.postSubmitJSON(this)" autocomplete="off" autocorrect="off"> 			  						<input type="email" name="email" required="" value="" placeholder="Entrez votre email et testez maintenant"><br> 						<button class="button "> 							Je teste 						</button> </form>									 -->  <b>Ce service est momentanément indisponible</b><br> Pour toute demande, merci de nous contacter au 01 56 30 26 26 ou contact@oxygen-group.fr<br> <br> Merci et à bientôt ! 				  				</div> 			</div> 		</div>
<div id="home_pointsforts" class="section paper pointsforts"> 			<div class="block light pointsforts"> 				<div class="engagements"> 				 					<div class="fact"> 					 						<div class="logo2"> 							<img src="images/pictos-hp/picto-gratuit.png" > 						</div>  						<div class="title EDA" data-name="pointsforts.1.title"> 						Gratuit 						</div>  						<div class="text EDA" data-name="pointsforts.1.text">OXYGEN-Group est une plateforme ouverte à tous les professionnels qui souhaitent bénéficier sans frais, de prestations&nbsp; de transports à forte valeur ajoutée.</div>  						<!--div class="info" data-goancre="/services"></div--> 					 					</div>  					<div class="fact"> 					 						<div class="logo2"> 							<img src="images/pictos-hp/picto-sans-engagement.png"  > 						</div>  						<div class="title EDA" data-name="pointsforts.2.title"> 						Sans engagement 						</div>  						<div class="text EDA" data-name="pointsforts.2.text">Aucune obligation ne vous est demandée (CA, durée, fréquences, etc.). Vous êtes et resterez libres de passer vos commandes quand bon vous semble.</div>  						<!--div class="info" data-goancre="/services"></div-->  					</div>  					<div class="fact"> 					 						<div class="logo2"> 							<img src="images/pictos-hp/picto-smart.png"  > 						</div>  						<div class="title EDA" data-name="pointsforts.3.title"> 						Smart 						</div>  						<div class="text EDA" data-name="pointsforts.3.text">Bousculez avec nous toutes les "vieilles" idées reçues concernant le transport. Apportons innovation, modernisme et intelligence aux livraisons !</div>   						<!--div class="info" data-goancre="/services"></div--> 					</div>  					<div class="fact"> 					 						<div class="logo2"> 							<img src="images/pictos-hp/picto-tps-reel.png" > 						</div>  						<div class="title EDA" data-name="pointsforts.4.title"> 						Suivi en temps réel 						</div>  						<div class="text EDA" data-name="pointsforts.4.text">Grâce à la géolocalisation de tous nos véhicules, vous pourrez suivre l'état de vos livraisons depuis l'enlèvement jusqu'à la livraison finale en 1 coup d'œil !</div>   						<!--div class="info" data-goancre="/services"></div--> 					 					</div>  					<div class="fact"> 					 						<div class="logo2"> 							<img src="images/pictos-hp/picto-comble.png" > 						</div>  						<div class="title EDA" data-name="pointsforts.5.title"> 						Comblé 						</div>  						<div class="text EDA" data-name="pointsforts.5.text">Quel que soit votre volume, vous accédez dorénavant aux mêmes avantages que les grands donneurs d'ordres qui intègrent une cellule d'exploitation dédiée dans leur entreprise.</div>   						<!--div class="info" data-goancre="/services"></div--> 					</div>  					<div class="fact"> 					 						<div class="logo2"> 							<img src="images/pictos-hp/picto-connecte.png" > 						</div>  						<div class="title EDA" data-name="pointsforts.6.title"> 						Connecté 						</div>  						<div class="text EDA" data-name="pointsforts.6.text">Interface web personnelle, échanges électroniques, alertes par e-mail, dématérialisation des documents, suivi des livraisons, etc.</div> 						<!--div class="info" data-goancre="/services"></div--> 					  					</div>  				</div> 			</div> 		</div>
</div> <style> .animated  { 	min-height: 25px; } .animated span { 	opacity: 0; 	display: none; } </style> <script>  var tanim=[]; 	tanim.push ( $(".animated.anim1 span")); 	tanim.push ( $(".animated.anim2 span")); 	tanim.push ( $(".animated.anim3 span"));    var ianimmain = 0;  var ianim = 0;     var _bSizableAnimated=false;  function animateSizable(banimated)  { 	if(_bSizableAnimated && banimated) return; 	_bSizableAnimated =true; 	 	if(ianim>=tanim[ianimmain].length) { 		ianim = 0; 		ianimmain++; 		if(ianimmain>=tanim.length) return; 		setTimeout(function(){ 	animateSizable();	}, 200); 		return; 	} 	else 	{ 		if(ianim>0) 		{ 			$(tanim[ianimmain][ianim-1]).animate({opacity: 0},100); 			$(tanim[ianimmain][ianim-1]).css("display",""); 			 		} 		$(tanim[ianimmain][ianim]).css("display","inline-block"); 		$(tanim[ianimmain][ianim]).animate({opacity: 1.0},1000); 		ianim++; 	} 	setTimeout(function(){ 	animateSizable();	}, 1100);  } </script> <script> var scrollerwidth = tn.getScrollBarWidth();  $(".callme").css("margin-right", scrollerwidth);   var ivehicule=999; var ttemp = $(".listvehicules .format"); var ioops = Math.floor(Math.random() * ttemp.length); /* 0.. n-1 */ var tvehicule = []; for(itemp=0;itemp<ioops;itemp++)tvehicule.push(ttemp[itemp]); tvehicule.push(ttemp[ttemp.length-1]); for(;itemp<ttemp.length-1;itemp++)tvehicule.push(ttemp[itemp]);  ttemp = []; /* setInterval(function(){ 	 animateTruck(); },2600); */ var _bTrucksAnimated=false; function animateTruck(banimated) { 	if(_bTrucksAnimated && banimated) return; 	_bTrucksAnimated =true;  	ivehicule++; 	if(ivehicule>=tvehicule.length) ivehicule=0;   	var wTruck =$(tvehicule[ivehicule]).width(); 	var wContainer =$(".listvehicules").width();   	$(tvehicule[ivehicule]).css("marginLeft", -wTruck); 	$(tvehicule[ivehicule]).addClass("visible"); 	$(tvehicule[ivehicule]). 		animate({marginLeft: (-wTruck+60) }, 750).  		animate({marginLeft: ((wContainer-wTruck)/2)}, 750).  		animate({marginLeft: ((wContainer-wTruck)/2)}, 1500, function(){setTimeout(function(){animateTruck()},1)}).   		animate({marginLeft:"92%"}, 750 ).  		animate({marginLeft:"101%"}, 1500     		, function() { $(this).removeClass("visible"); });    } function showVideo(pover) { 	if($("#videoframe").attr('visible')=='1') 	{ 		$("#videoframe").attr('visible','0'); 		$("#videoframe").css("display","none"); 		$("#videoframe").attr("src","/blank.htm"); 	} 	else 	{ 		videoPlace(); 		$("#videoframe").attr('visible','1'); 		$("#videoframe").attr("src","https://www.youtube.com/embed/eLG0OuMIAww?rel=0&showinfo=0&autoplay=1&controls=0" ); 		$("#videoframe").css("display","inline-block");	 		videoPlace();		 	} } function videoPlace() { 	var pimage = $("#videoplayer")[0]; 	/*/ 192 	//$("#videoframe").css('margin-left', ($(pimage.parentNode).width()-$(pimage).width() *0.80)/2);*/ 	 	 	$("#videoframe").css('margin-top', ($(pimage.parentNode).height()-$(pimage).height() *0.87)/2-1); 	$("#videoframe").css('width', $(pimage).width() *0.69); 	$("#videoframe").css('height', $(pimage).height() *0.76); 	$("#videoframe").css('margin-left', (($(pimage.parentNode).width()-$(pimage).width() *0.80)/2)+52); 	 	var msie = (window.navigator.userAgent.indexOf("Trident")>=0) ;   	if (!msie)	$("#videoframe").css('margin-left', (($(pimage.parentNode).width()-$(pimage).width() *0.80)/2)); 	 } $(window).on('resize', function(){videoPlace()	});  if($("div[data-goancre]").length) $("div[data-goancre]").on("click", function(event) { 	var sink = $(event.target).attr("data-goancre"); 	if (sink[0]=='/') { tn.navigate (sink); } 	 	if (tn.isEdge()) 	{ 		 document.location = "#"+sink;  		 return; 	} 	 	$('body').scrollTop(0); 	$('html, body').animate({ 		 		scrollTop:($("a[name="+$(event.target).attr("data-goancre")+"]").offset().top -  32) 	}, 'slow'); });  /**/ function waypt_func() { 		$('.visualanim').waypoint(  function(direction) { 				console.log("WAYPONT !!!!"); 				if (direction === 'down') { 					animateTruck(true); 				} 				if (direction === 'up') { 					/*/do stuff                     			*/ 				} 			  		}); }		 	waypt_func();   /*/$( document ).ready(function(){*/ 	 	$("body").on("scroll", function(e) {  		if ( $('.section.sizable').offset().top < 100 || $('.section.sizable').offset().top < ($(window).height()/2) ) 			animateSizable(true); 		 		if ( $('.section.vehicule').offset().top < 100 || $('.section.vehicule').offset().top < ($(window).height()/2) ) 			animateTruck(true); 		 	});   /*/});*/  </script> 	</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>
 
   		
