<!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>bkillanim=true;</script>	
	<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-plateforme-logistique-innovante.tpl</div>     <div class="body section_list plateformeinnovante EDA"  id="plateformeinnovante"   data-name="PLATEFORMEINNOVANTE.page"  >   <!---------------------------------------------------->     
	
  	<script type="text/javascript" src="js/ScrollToPlugin.min.js"></script>
	<script type="text/javascript" src="js/howler.min.js"></script>
	<script type="text/javascript" src="js/CustomEase.min.js"></script>
 	<script type="text/javascript" src="js/oExplain.js"></script>

	<link rel="stylesheet" type="text/css" href="animinnovante/oExplain.css">
	<script type="text/javascript" src="animinnovante/oExplain.js"></script>
  
	<div id='ie'>
		<div class="mask">			
		</div>
		<div id="notreHistoireVideo" class="vidWrap">	
		</div>
	</div> 
	<div class='img-bg'>
		<div class='img-bg-wrapper'>
			<img id='img-bg-file' src='' alt='Montagnes Oxygen Group'>
		</div>
		
		<div class='logo-wrapper'>
			<svg version="1.1" id="logo-oxy" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
					 viewBox="-374.5 224.3 314.8 111.7" enable-background="new -374.5 224.3 314.8 111.7" xml:space="preserve">
				<filter  id="blur">
					<feGaussianBlur  in="SourceGraphic" stdDeviation="0"></feGaussianBlur>
				</filter>
				<g filter="url(#blur)">
					<path fill="#FFFFFF" d="M-111.4,248c-13.3-5.6-33.3-2.5-44.1,14.5c-10.7,16.9-4.9,36.6,5.5,45.6c9.8-17.1,19.7-34.1,29.5-51.2
						l-6.9,0.5c-7.8,13.5-15.6,27-23.4,40.5c-5.1-6.9-6.9-20.3-0.6-31.1c3.2-5.5,7.7-9.8,13.4-12.5c7.8-3.7,15.7-4,23.8-1.3L-111.4,248z
						 M-107.8,247.4c-12.3,21.2-25.2,43.6-37.5,64.9c1.7,1,3.2,1.9,5,2.9c12.9-22.3,26.7-46.2,39.5-68.3L-107.8,247.4z"/>
					
						<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-134.3365" y1="285.5502" x2="-83.48" y2="285.5502" gradientTransform="matrix(1 0 0 -1 0 565.2)">
						<stop  offset="0.5" style="stop-color:#FBBD32"/>
						<stop  offset="1" style="stop-color:#FFD230"/>
					</linearGradient>
					<path fill="url(#SVGID_1_)" d="M-93.4,263c7.4,11.6,7.8,28.9-2.5,41.9c-10.5,13.2-27.6,16-38.5,12.3c14.6-25.3,29.2-50.6,43.9-76.1
						l6.9-0.5c-13.9,24.1-27.7,48.1-41.8,72.3c3.7,0.2,6.9-0.4,10-1.4c17.2-5.3,26.3-24.8,19.2-41.3l-0.6-1.3L-93.4,263z"/>
				</g>
				<g filter="url(#blur)">
					<g>
						<path fill="#FFFFFF" d="M-340.9,291.9c-0.7-1.3-1.1-2.9-1.1-4.5c0-5.4,4.2-9.8,9.5-10.1l2.8-4.8c-0.7-0.1-1.5-0.2-2.2-0.2
							c-8.3,0-15.1,6.8-15.1,15.1c0,3.5,1.2,6.8,3.3,9.4L-340.9,291.9z"/>
						<path fill="#FFFFFF" d="M-325.3,273.8l-2.5,4.3c3.5,1.6,6,5.1,6,9.2c0,5.6-4.5,10.1-10.1,10.1c-2.2,0-4.3-0.7-6-1.9l-2.5,4.3
							c2.4,1.6,5.3,2.6,8.5,2.6c8.3,0,15.1-6.8,15.1-15.1C-316.8,281.4-320.3,276.3-325.3,273.8z"/>
					</g>
					<path fill="#FFFFFF" d="M-295.1,273.3h6.1v0.2l-10,13.7l10.3,14.1v0.2h-6.3l-7.5-10.6l-7.5,10.6h-6.2v-0.2l10.2-14.1l-10-13.7v-0.2
						h6.1l7.4,10.5L-295.1,273.3z"/>
					<path fill="#FFFFFF" d="M-274.2,284.9l7.8-11.7h6.7v0.2l-11.7,16.5v11.7h-5.6v-11.7l-11.3-16.4v-0.2h6.6L-274.2,284.9z"/>
					<path fill="#FFFFFF" d="M-237.1,280.4c-2-1.8-4.9-2.8-7.5-2.8c-6.3,0-10.1,4.4-10.1,10.2c0,4.6,2.8,9.4,10.1,9.4
						c2.4,0,4.3-0.5,6.6-2.3v-5h-7.5v-4.8h12.6V297c-2.9,3.2-6.5,5.1-11.7,5.1c-11.1,0-15.6-7-15.6-14.4c0-7.7,5.2-15.1,15.6-15.1
						c4,0,7.9,1.4,10.9,4.3L-237.1,280.4z"/>
					<path fill="#FFFFFF" d="M-205.5,301.5h-22v-28.2h22v5.2H-222v6.5h12.5l-3,5h-9.5v6.4h16.5V301.5z"/>
					<path fill="#FFFFFF" d="M-179.7,292.3v-19h5.6v28.2h-4.5l-15.6-18.8v18.8h-5.6v-28.2h4.5L-179.7,292.3z"/>
				</g>
				<g filter="url(#blur)">
					<path fill="#FFFFFF" d="M-317,259.1v5.2h3.3v1.1h-4.5V259h1.2V259.1z"/>
					<path fill="#FFFFFF" d="M-307.5,264.3h-3.3l-0.5,1.2h-1.3l2.9-6.4h1.3l2.9,6.4h-1.5L-307.5,264.3z M-309.2,260.5l-1.2,2.7h2.4
						L-309.2,260.5z"/>
					<path fill="#FFFFFF" d="M-300,259.1v5.2h3.3v1.1h-4.5V259h1.2V259.1z"/>
					<path fill="#FFFFFF" d="M-288.8,262.3c0,1.6-1,3.3-3.3,3.3c-2.3,0-3.3-1.6-3.3-3.3c0-2,1.4-3.4,3.3-3.4
						C-289.9,259-288.8,260.7-288.8,262.3z M-292.1,264.5c1.5,0,2.1-1.1,2.1-2.2s-0.6-2.2-2.1-2.3c-1.3,0-2.2,1-2.1,2.3
						C-294.2,263.4-293.6,264.5-292.1,264.5z"/>
					<path fill="#FFFFFF" d="M-282.2,260.7c-0.4-0.4-1.1-0.6-1.6-0.6c-1.4,0-2.2,1-2.2,2.3c0,1,0.6,2.1,2.2,2.1c0.5,0,0.9-0.1,1.4-0.5
						v-1.1h-1.6v-1.1h2.7v2.7c-0.6,0.7-1.4,1.1-2.5,1.1c-2.4,0-3.4-1.6-3.4-3.2c0-1.7,1.1-3.4,3.4-3.4c0.9,0,1.7,0.3,2.4,1L-282.2,260.7
						z"/>
					<path fill="#FFFFFF" d="M-279.1,265.5v-6.4h1.2v6.4H-279.1z"/>
					<path fill="#FFFFFF" d="M-271.7,260.7c-0.2-0.4-0.8-0.7-1.5-0.7c-0.9,0-1.3,0.4-1.3,0.8c0,0.6,0.7,0.7,1.4,0.8
						c1.3,0.2,2.6,0.5,2.6,2c0,1.4-1.3,2-2.7,2c-1.3,0-2.3-0.4-2.8-1.6l1-0.5c0.3,0.7,1,1,1.8,1c0.8,0,1.5-0.3,1.5-1
						c0-0.6-0.6-0.8-1.5-0.9c-1.3-0.1-2.5-0.5-2.5-1.9c0-1.2,1.3-1.8,2.5-1.8c1,0,2,0.3,2.5,1.3L-271.7,260.7z"/>
					<path fill="#FFFFFF" d="M-267.2,260.2h-2v-1.1h5.2v1.1h-2v5.3h-1.2V260.2z"/>
					<path fill="#FFFFFF" d="M-262.1,265.5v-6.4h1.2v6.4H-262.1z"/>
					<path fill="#FFFFFF" d="M-252.4,262.2c0,0.7-0.2,1.5-0.6,2.1l0.8,0.7l-0.8,0.9l-0.8-0.8c-0.5,0.3-1.1,0.5-1.8,0.5
						c-2.3,0-3.3-1.6-3.3-3.3c0-1.6,1-3.3,3.3-3.3C-253.3,259-252.4,260.6-252.4,262.2z M-257.7,262.3c0,1.1,0.7,2.2,2.1,2.2
						c1.4,0,2.1-1.2,2.1-2.3c0-1-0.6-2.1-2.1-2.1S-257.7,261.3-257.7,262.3z"/>
					<path fill="#FFFFFF" d="M-244.8,259.1v3.6c0,1.9-1.2,2.8-2.8,2.8c-1.5,0-2.8-0.9-2.8-2.8v-3.6h1.2v3.6c0,1.2,0.7,1.8,1.6,1.8
						c1,0,1.6-0.7,1.6-1.8v-3.6H-244.8z"/>
					<path fill="#FFFFFF" d="M-237.7,265.5h-4.8v-6.4h4.8v1.2h-3.6v1.5h3.4v1.1h-3.4v1.4h3.6V265.5z"/>
					<path fill="#FFFFFF" d="M-228.6,260.7c-0.2-0.4-0.8-0.7-1.5-0.7c-0.9,0-1.3,0.4-1.3,0.8c0,0.6,0.7,0.7,1.4,0.8
						c1.3,0.2,2.6,0.5,2.6,2c0,1.4-1.3,2-2.7,2c-1.3,0-2.3-0.4-2.8-1.6l1-0.5c0.3,0.7,1,1,1.8,1c0.8,0,1.5-0.3,1.5-1
						c0-0.6-0.6-0.8-1.5-0.9c-1.3-0.1-2.5-0.5-2.5-1.9c0-1.2,1.3-1.8,2.5-1.8c1,0,2,0.3,2.5,1.3L-228.6,260.7z"/>
					<path fill="#FFFFFF" d="M-225.5,265.5v-6.4h1.2v6.4H-225.5z"/>
					<path fill="#FFFFFF" d="M-216.3,260.9l-2.1,2.8h-0.2l-2-2.8v4.6h-1.2v-6.4h1.4l2,2.7l2-2.7h1.4v6.4h-1.2v-4.6H-216.3z"/>
					<path fill="#FFFFFF" d="M-211.5,263.6v1.9h-1.2v-6.4c1,0,2,0,3,0c3.1,0,3.1,4.5,0,4.5H-211.5z M-211.5,262.5h1.8
						c1.5,0,1.5-2.3,0-2.3h-1.8V262.5z"/>
					<path fill="#FFFFFF" d="M-204.3,259.1v5.2h3.3v1.1h-4.5V259h1.2V259.1z"/>
					<path fill="#FFFFFF" d="M-199.2,265.5v-6.4h1.2v6.4H-199.2z"/>
					<path fill="#FFFFFF" d="M-195.6,265.5v-6.4h4.6v1.2h-3.4v1.8h3.2v1.1h-3.2v2.4h-1.2V265.5z"/>
					<path fill="#FFFFFF" d="M-189,265.5v-6.4h1.2v6.4H-189z"/>
					<path fill="#FFFFFF" d="M-180.6,265.5h-4.8v-6.4h4.8v1.2h-3.6v1.5h3.4v1.1h-3.4v1.4h3.6V265.5z M-181.5,257.2l-1,1.2h-1v-0.1
						l0.7-1.2L-181.5,257.2L-181.5,257.2z"/>
					<path fill="#FFFFFF" d="M-173.7,265.5h-4.8v-6.4h4.8v1.2h-3.6v1.5h3.4v1.1h-3.4v1.4h3.6V265.5z"/>
				</g>
				<g filter="url(#blur)">
					<path fill="#FFFFFF" d="M-220.8,310.9c-0.6-0.6-1.6-0.9-2.4-0.9c-2,0-3.2,1.4-3.2,3.4c0,1.5,0.9,3.1,3.2,3.1c0.7,0,1.4-0.2,2.1-0.7
						v-1.7h-2.4v-1.6h4v3.9c-0.9,1.1-2.1,1.7-3.7,1.7c-3.5,0-4.9-2.3-4.9-4.8c0-2.6,1.6-5,4.9-5c1.3,0,2.5,0.5,3.5,1.4L-220.8,310.9z"/>
					<path fill="#FFFFFF" d="M-208.1,317.9h-2l-2.7-3.1h-1.8v3.1h-1.8v-9.3c1.5,0,2.9,0,4.4,0c2.2,0,3.4,1.5,3.4,3.1
						c0,1.3-0.6,2.6-2.4,2.9l2.8,3.2v0.1H-208.1z M-214.6,310.2v3h2.7c1.1,0,1.6-0.7,1.6-1.5c0-0.8-0.5-1.5-1.6-1.5H-214.6z"/>
					<path fill="#FFFFFF" d="M-196.4,313.3c0,2.4-1.5,4.8-4.8,4.8s-4.8-2.4-4.8-4.8c0-2.9,2.1-4.9,4.8-4.9
						C-198,308.4-196.4,310.9-196.4,313.3z M-201.2,316.5c2.2,0,3-1.6,3-3.2c0-1.5-0.9-3.3-3-3.3c-2,0-3.2,1.5-3.1,3.3
						C-204.2,314.9-203.4,316.5-201.2,316.5z"/>
					<path fill="#FFFFFF" d="M-185.4,308.6v5.3c0,2.8-1.7,4.2-4,4.2c-2.2,0-4.1-1.3-4.1-4.2v-5.3h1.7v5.3c0,1.7,1,2.6,2.4,2.6
						c1.5,0,2.3-1,2.3-2.6v-5.3H-185.4z"/>
					<path fill="#FFFFFF" d="M-180.2,315.2v2.7h-1.8v-9.3c1.5,0,2.9,0,4.4,0c4.6,0,4.6,6.5,0,6.6H-180.2z M-180.2,313.6h2.6
						c2.2,0,2.2-3.3,0-3.3h-2.6V313.6z"/>
				</g>
			</svg>
		</div>
		<div class='casque-wrapper'>
			<div class='ico-wrapper'>
				<svg version="1.1" id="casque" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
					 viewBox="0 0 150 132.5" enable-background="new 0 0 150 132.5" xml:space="preserve">
					<path fill="#fff" d="M38.7,39.8c-0.7,0.7-5.6,6.1-7.6,11.6c-1.4,3.9-2.7,8.1-2.8,8.7c-0.2,1-0.4,1.5-0.6,2.7
						c-0.3,1.1-0.4,1.6-0.6,1.9c-0.2,0.4-0.7,1.5-2.2,2c-1,0.3-1.1,0.3-2.2,0.7c-1.1,0.3-2.2,1-2.7,1.4c-0.8,0.7-1.3,1.3-1.5,1.2
						c-0.1-0.1-0.1-0.3-0.1-0.4c0.2-4.8,1.1-8.7,1.1-8.7c0.9-4.1,0.3-4.8,1.4-6.1c1-1.2,1.5-0.6,3.6-2.2c2.4-1.9,3.6-4.1,4.1-5
						c0.5-0.9,0.3-0.8,1-2.3c1.3-2.9,2.1-3.6,4.1-7.4c1.2-2.3,1.3-2.8,1.4-3.1c0.3-1.5,0-2.4,0.5-3.8c0.1-0.3,0.4-0.9,1.2-2
						c0,0,1.8-2.2,4-3.7c16.5-11.4,31.5-11,34.3-11c3.1,0,17.8-0.6,33.9,11c2.2,1.6,4,3.7,4,3.7c0.8,1.1,1.1,1.7,1.2,2
						c0.6,1.5,0.2,2.3,0.5,3.8c0.1,0.3,0.2,0.8,1.4,3.1c2,3.8,2.8,4.4,4.1,7.4c0.7,1.5,0.5,1.4,1,2.3c0.5,0.9,1.7,3.1,4.1,5
						c2,1.6,2.5,1,3.6,2.2c1.1,1.3,0.5,2,1.4,6.1c0,0,0.8,3.8,1.1,8.7c0,0.1,0,0.3-0.1,0.4c-0.2,0.1-0.8-0.5-1.5-1.2
						c-0.5-0.4-1.3-1-2.4-1.3c-1.1-0.4-1.7-0.4-2.6-0.8c-1.5-0.6-1.9-1.7-2-2.1c-0.2-0.3-0.3-0.9-0.6-1.9c-0.3-1.1-0.4-1.7-0.6-2.7
						c-1.4-6.8-4.7-14.6-10.2-20.5c-6-6.5-20.2-13.4-36.1-13.4C58.9,26.2,47,31.5,38.7,39.8z"/>
					<g>
						<path fill="#fff" d="M35,117.5l4.5-0.3c1.9-0.1,3.3-1.8,3.2-3.7l-3.5-46.4c-0.1-1.9-1.8-3.3-3.7-3.2L31,64.3
							c-1.9,0.1-3.3,1.8-3.2,3.7l3.5,46.4C31.5,116.2,33.1,117.6,35,117.5z"/>
						<path fill="#fff" d="M25.9,68c-0.4,0-9.2,3.4-8.9,11.8l1.8,24.2c2,11.4,10.2,10.6,10.6,10.5L25.9,68z"/>
						<path fill="#fff" d="M14.3,81.6c0.1,0.1,1.3,3.2,1.6,8.8c0.3,5.6,0.3,12.4,0.3,12.4s-2.3-4.5-2.6-10.6
							C13.4,86.1,14.3,81.6,14.3,81.6z"/>
					</g>
					<g>
						<path fill="#fff" d="M114.6,117.5l-4.5-0.3c-1.9-0.1-3.3-1.8-3.2-3.7l3.5-46.4c0.1-1.9,1.8-3.3,3.7-3.2l4.5,0.3
							c1.9,0.1,3.3,1.8,3.2,3.7l-3.5,46.4C118.1,116.2,116.5,117.6,114.6,117.5z"/>
						<path fill="#fff" d="M123.7,68c0.4,0,9.2,3.4,8.9,11.8l-1.8,24.2c-2,11.4-10.2,10.6-10.6,10.5L123.7,68z"/>
						<path fill="#fff" d="M135.3,81.6c-0.1,0.1-1.3,3.2-1.6,8.8c-0.3,5.6-0.3,12.4-0.3,12.4s2.3-4.5,2.6-10.6
							C136.2,86.1,135.3,81.6,135.3,81.6z"/>
					</g>
				</svg>
			</div>
			<div class='onde-wrapper'>
				<svg version="1.1" id="ondes" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
						 viewBox="0 0 450 150" enable-background="new 0 0 450 150" xml:space="preserve">
					<path id="gauche_4" class='gauche' fill="#fff" d="M152.6,66.9c-10.6,5.8-14,19.1-14.1,27.5c-0.1,8.6,3.1,22.2,14.5,28.3
						c0.3,0.1,1.5,0.7,2,0.8c4.6,1.7,5.6-3.4,1.2-4.7c-0.6-0.2-1.6-0.7-1.8-0.8c-3.3-1.3-12.4-8.8-12.2-23.9c0.2-13.3,7.4-20.3,11.4-22.5
						c1.3-0.7,1.9-1,1.9-1c3.9-1.7,2.2-5.7-0.7-4.7C154.1,66.2,153.2,66.6,152.6,66.9z"/>
					<path id="droit_4" class='droit' fill="#fff" d="M296.9,66.9c10.6,5.8,14,19.1,14.1,27.5c0.1,8.6-3.1,22.2-14.5,28.3
						c-0.3,0.1-1.5,0.7-2,0.8c-4.6,1.7-5.6-3.4-1.2-4.7c0.6-0.2,1.6-0.7,1.8-0.8c3.3-1.3,12.4-8.8,12.2-23.9
						c-0.2-13.3-7.4-20.3-11.4-22.5c-1.3-0.7-1.9-1-1.9-1c-3.9-1.7-2.2-5.7,0.7-4.7C295.4,66.2,296.3,66.6,296.9,66.9z"/>
					<path id="gauche_3" class='gauche' fill="#fff" d="M152.6,66.9c-10.6,5.8-14,19.1-14.1,27.5c-0.1,8.6,3.1,22.2,14.5,28.3
						c0.3,0.1,1.5,0.7,2,0.8c4.6,1.7,5.6-3.4,1.2-4.7c-0.6-0.2-1.6-0.7-1.8-0.8c-3.3-1.3-12.4-8.8-12.2-23.9c0.2-13.3,7.4-20.3,11.4-22.5
						c1.3-0.7,1.9-1,1.9-1c3.9-1.7,2.2-5.7-0.7-4.7C154.1,66.2,153.2,66.6,152.6,66.9z"/>
					<path id="droit_3" class='droit' fill="#fff" d="M296.9,66.9c10.6,5.8,14,19.1,14.1,27.5c0.1,8.6-3.1,22.2-14.5,28.3
						c-0.3,0.1-1.5,0.7-2,0.8c-4.6,1.7-5.6-3.4-1.2-4.7c0.6-0.2,1.6-0.7,1.8-0.8c3.3-1.3,12.4-8.8,12.2-23.9
						c-0.2-13.3-7.4-20.3-11.4-22.5c-1.3-0.7-1.9-1-1.9-1c-3.9-1.7-2.2-5.7,0.7-4.7C295.4,66.2,296.3,66.6,296.9,66.9z"/>
					<path id="gauche_2" class='gauche' fill="#fff" d="M152.6,66.9c-10.6,5.8-14,19.1-14.1,27.5c-0.1,8.6,3.1,22.2,14.5,28.3
						c0.3,0.1,1.5,0.7,2,0.8c4.6,1.7,5.6-3.4,1.2-4.7c-0.6-0.2-1.6-0.7-1.8-0.8c-3.3-1.3-12.4-8.8-12.2-23.9c0.2-13.3,7.4-20.3,11.4-22.5
						c1.3-0.7,1.9-1,1.9-1c3.9-1.7,2.2-5.7-0.7-4.7C154.1,66.2,153.2,66.6,152.6,66.9z"/>
					<path id="droit_2" class='droit' fill="#fff" d="M296.9,66.9c10.6,5.8,14,19.1,14.1,27.5c0.1,8.6-3.1,22.2-14.5,28.3
						c-0.3,0.1-1.5,0.7-2,0.8c-4.6,1.7-5.6-3.4-1.2-4.7c0.6-0.2,1.6-0.7,1.8-0.8c3.3-1.3,12.4-8.8,12.2-23.9
						c-0.2-13.3-7.4-20.3-11.4-22.5c-1.3-0.7-1.9-1-1.9-1c-3.9-1.7-2.2-5.7,0.7-4.7C295.4,66.2,296.3,66.6,296.9,66.9z"/>
					<path id="gauche_1" class='gauche' fill="#fff" d="M152.6,66.9c-10.6,5.8-14,19.1-14.1,27.5c-0.1,8.6,3.1,22.2,14.5,28.3
						c0.3,0.1,1.5,0.7,2,0.8c4.6,1.7,5.6-3.4,1.2-4.7c-0.6-0.2-1.6-0.7-1.8-0.8c-3.3-1.3-12.4-8.8-12.2-23.9c0.2-13.3,7.4-20.3,11.4-22.5
						c1.3-0.7,1.9-1,1.9-1c3.9-1.7,2.2-5.7-0.7-4.7C154.1,66.2,153.2,66.6,152.6,66.9z"/>
					<path id="droit_1" class='droit' fill="#fff" d="M296.9,66.9c10.6,5.8,14,19.1,14.1,27.5c0.1,8.6-3.1,22.2-14.5,28.3
						c-0.3,0.1-1.5,0.7-2,0.8c-4.6,1.7-5.6-3.4-1.2-4.7c0.6-0.2,1.6-0.7,1.8-0.8c3.3-1.3,12.4-8.8,12.2-23.9
						c-0.2-13.3-7.4-20.3-11.4-22.5c-1.3-0.7-1.9-1-1.9-1c-3.9-1.7-2.2-5.7,0.7-4.7C295.4,66.2,296.3,66.6,296.9,66.9z"/>
				</svg>
			</div>
		</div>
		<div class='button-wrapper'>
			<div class='button-anim'>
				<p class="pbutton"></p>
			</div>
		</div>
		<div class='text-wrapper'>
			<div class='text-title'>
				<h1>Notre vision &amp; l'histoire de la marque</h1>
				<h2>Notre ADN :</h2>	
				<p>" [...] Par des initiatives simples et concrètes, nous voulons apporter une grande bouffée d'air à vos transports. "</p>				
			</div>
		</div>		
	</div>
	<div id='mobile_Bar'>
	</div>
	<div class='control-wrapper'>
		<div class='controls onPause'>
			<svg version="1.1" id="ctrl" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
				viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
				<path id='play' fill="#FFD700" d="M10,14.3v71.3c0,3.2,3.4,5.3,6.3,3.9l71.3-35.7c3.2-1.6,3.2-6.1,0-7.7L16.3,10.5C13.4,9,10,11.1,10,14.3z"/>
				<path class='pause' fill="#FFD700" d="M36.7,90h-4.4c-2.8,0-5-2.2-5-5V15c0-2.8,2.2-5,5-5h4.4c2.8,0,5,2.2,5,5v70C41.7,87.8,39.5,90,36.7,90z"/>
				<path class='pause' fill="#FFD700" d="M67.1,90h-4.3c-2.8,0-5.1-2.3-5.1-5.1V15.1c0-2.8,2.3-5.1,5.1-5.1h4.3c2.8,0,5.1,2.3,5.1,5.1v69.9C72.2,87.7,69.9,90,67.1,90z"/>
			</svg>	
		</div>
	</div>
	<div class='text-wrapper'>
		<h2 class='h2-titre'>Voici l'histoire d'OXYGEN-Group
		</h2>
		<div class='text'>
			<p class='p1'>
				<span id='span_1' class='spans sp span_1'>Parce que le monde change,</span>
				<span id='span_2' class='spans sp span_2'> nous voulons faire partager notre passion,</span>
				<span id='span_3' class='spans sp span_3'> et montrer que le transport est un magnifique métier plein d'atouts et de valeurs,</span>
				<span id='span_4' class='spans sp_link span_4'> qui s'efforce d'être respectueux de </span><span class='txt-link spans' id='link_env'><a href='/quisommesnous#apropos_respectenv' target='_blank'>l'environnement</a></span><span class='spans sp_link span_4'>.</span>
			</p>
			<p class="p2">
				<span id='span_5' class='spans sp span_5'>En adoptant une politique de Transport responsable innovante,</span>
				<span id='span_6' class='spans sp_link span_6'> reposant sur des engagements simples, tels que la </span><span class='txt-link spans' id='link_demat'><a href='/quisommesnous#apropos_demat' target='_blank'>dématérialisation</a></span><span class='spans sp_link span_6'> de nos documents,</span>
				<span id='span_7' class='spans sp span_7'> ou l’optimisation des livraisons gérées exclusivement par notre cellule,</span>
				<span id='span_8' class='spans sp span_8'> nous pouvons lutter plus efficacement contre l'effet de serre, et réduire le niveau de certains gaz polluants</span>
				<span id='span_9' class='spans sp_link span_9'> comme le dioxyde d'azote, </span><span class='txt-link spans' id='link_gaz'><a href='/quisommesnous#apropos_euro6' target='_blank'>ce gaz brunâtre</a></span><span class='spans sp_link span_9'> qui couvre nos villes</span>
				<span id='span_10' class='spans sp span_10'> et qui provoque les pics de pollution que nous connaissons tous.</span>
			</p>
			<p class="p3">
				<span id='span_11' class='spans sp span_11'>La pollution est donc aujourd'hui au centre de toutes nos préoccupations,</span>
				<span id='span_12' class='spans sp span_12'> et la démarche éco-responsable d'OXYGEN-Group contribue à son échelle,</span>
				<span id='span_13' class='spans sp_link span_13'> à réduire cet impact sur notre planète, tout en accroissant </span><span class='txt-link spans' id='link_compet'><a href='/services' target='_blank'>la compétitivité de nos clients</a></span><span class='spans sp_link span_13'>.</span>
			</p>
			<p class="p4">
				<span  id='span_14' class='spans sp_link span_14'>En 2017, </span><span class='txt-link spans' id='link_cpc'><a href='/quisommesnous#apropos_sublimation' target='_blank'>CP Consulting</a></span><span class='spans sp_link span_14'>, cabinet de Benchmark spécialisé en logistique,</span>
				<span  id='span_16' class='spans sp_link span_16'> et </span><span class='txt-link spans' id='link_tempo'><a href='/quisommesnous#apropos_sublimation' target='_blank'>TEMPO Transport Express</a></span><span class='spans sp_link span_16'>, décident donc de créer la Plateforme OXYGEN-Group.</span>
			</p>
			<p class="p5">
				<span id='span_17' class='spans sp span_17'>Leur objectif était d'aborder différemment le métier,</span>
				<span  id='span_18' class='spans sp span_18'> comprenant qu'il était devenu urgent de laisser un impact positif à chaque étape de leurs prestations.</span>
			</p>
			<p class="p6">
				<span  id='span_19' class='spans sp span_19'>Il paraissait évident de raisonner "client" et non plus "exploitant" pour comprendre différemment ce qu'attend la clientèle :</span>
				<span  id='span_20' class='spans sp span_20'> des livraisons dites "propres" et "intelligentes".</span>
			</p>
			<p class="p7">
				<span  id='span_21' class='spans sp span_21'>Alors, l'électronique embarquée dans les véhicules,</span>
				<span  id='span_22' class='spans sp span_22'> les chauffeurs sensibilisés à la conduite éco-responsable,</span>
				<span  id='span_23' class='spans sp span_23'> et une Exploitation toujours plus soucieuse de trouver la route la plus appropriée,</span>
				<span  id='span_24' class='spans sp span_24'> sont autant de critères qui réunis, ont permis la création de la marque Oxygen-Group.</span>
			</p>
			<p class="p8">
				<span  id='span_25' class='spans sp span_25'>Aujourd’hui, notre métier a changé : il a évolué et s'est amélioré en s'adaptant au monde actuel.</span>
				<span  id='span_26' class='spans sp span_26'> Nous sommes conscients de n'être qu'au début de cette mutation, avec des véhicules de plus en plus propres,</span>
				<span  id='span_27' class='spans sp span_27'> des habitudes de consommation évoluant positivement et des générations à venir qui ont une autre vision des besoins.</span>
			</p>
			<p class="p9">
				<span  id='span_28' class='spans sp span_28'> Nous sommes donc très heureux de vous faire partager ces évolutions et notre passion.</span>
			</p>
			<p class="p10">
				<span  id='span_29' class='spans sp_link span_29'></span><span class='txt-link spans' id='link_join'><a href='/contact' target='_blank'>Rejoignez-nous !</a></span>
			</p>
		</div>
		
	</div>

	<div class='logo-fond-wrapper'>
		<div class='logo-fond'>
			<svg version="1.1" id="logo-fond" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 			viewBox="82 10.6 82.5 81.4" enable-background="new 82 10.6 82.5 81.4" xml:space="preserve">
				<filter  id="blur2">
					<feGaussianBlur  in="SourceGraphic" stdDeviation="0"></feGaussianBlur>
				</filter>
				<g filter="url(#blur2)">
					<path fill="#00465c" d="M132.9,24.5c-11.1-4.7-27.7-2.1-36.7,12.1c-8.9,14.1-4.1,30.5,4.6,38c8.2-14.2,16.4-28.4,24.6-42.6
						l-5.7,0.4c-6.5,11.2-13,22.5-19.5,33.7c-4.2-5.7-5.7-16.9-0.5-25.9c2.7-4.6,6.4-8.2,11.2-10.4c6.5-3.1,13.1-3.3,19.8-1.1
						L132.9,24.5z M135.9,24c-10.2,17.6-21,36.3-31.2,54c1.4,0.8,2.7,1.6,4.2,2.4c10.7-18.6,22.2-38.5,32.9-56.8L135.9,24z"/>
					
					<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="113.7683" y1="54.4073" x2="156.0946" y2="54.4073" gradientTransform="matrix(1 0 0 -1 0 105.2)">
					<stop  offset="0.5" style="stop-color:#FBBD32"/>
					<stop  offset="1" style="stop-color:#FFD230"/>
					</linearGradient>
					<path fill="url(#SVGID_2_)" d="M147.8,36.9c6.2,9.7,6.5,24.1-2.1,34.9c-8.7,11-23,13.3-32,10.2C125.9,61,138,39.9,150.3,18.7
						l5.7-0.4c-11.6,20.1-23.1,40-34.8,60.2c3.1,0.2,5.7-0.3,8.3-1.2c14.3-4.4,21.9-20.6,16-34.4l-0.5-1.1L147.8,36.9z"/>
				</g>
			</svg>
		</div>		
	</div>
	<div class='bar-long'>		
	</div>
       <!---------------------------------------------------->          </div>     
