@charset "UTF-8";
/* CSS Document */


/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  ELEMENTS COMMUNS LOGIN                                                                     //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/

/*-------------------------------------------------------------------------------+
+ Modules connexion espace client                                                +
+-------------------------------------------------------------------------------*/

.bloc-connexion {
	background-color: #fff;
}


/* Connexion Accordirect ***********************************************/

#bloc-accordirect .ligne label {
	font-weight: bold;
}

#bloc-accordirect .aide-form {
	margin-bottom: -5px;
	padding-top: 10px;
	color: #9d9d9d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: italic;
}

#bloc-accordirect .aide-form p {
	margin-bottom: 0;
}

#bloc-accordirect #ligne-claviervirtuel label .code-oublie {
   	margin-top: 5px;
   	font-weight: normal;
   	color: #9d9d9d;	
}

#bloc-accordirect .validation {
	text-align: center;
}

#bloc-accordirect .erreur-locale, #bloc-accordirect .erreur-multiple {
	background-color: #ffe5e5;
	margin-bottom: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#bloc-accordirect .erreur-locale label {
	font-weight: bold;
}

#bloc-accordirect .erreur-locale .info-erreur-locale, #bloc-accordirect .info-erreur-multiple {
	background-image: url(../img/puces/puce-erreur.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #ff0000;
}

#bloc-accordirect .erreur-locale .info-erreur-locale p, #bloc-accordirect .info-erreur-multiple p {
	margin-bottom: 0;
}

#bloc-accordirect .erreur-locale .info-erreur-locale a, #bloc-accordirect .info-erreur-multiple a {
	color: #ff0000;
}

#bloc-accordirect .ligne .input .clavier-virtuel .clavier {
	margin-top: 10px;
}

#blocRollOver1 {
	border-width: 0!important;
}

#blocRollOver1:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 4px;
	width: 32px!important;
	height: 32px!important;
	border: 2px solid #8bbc06;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#bloc-accordirect .ligne {
		padding: 15px 10px;
		font-size: 1.2em;
		text-align: center;
	}

	#bloc-accordirect .ligne label {
		display: block;
		padding-bottom: 10px;
	}

	#bloc-accordirect #ligne-claviervirtuel label .code-oublie {
   		display: inline-block;
   		margin-left: 5px;
   		padding-left: 5px;
   		border-left: 1px solid #cfcfcf;
	   	font-size: 0.83em;
 	}

	#bloc-accordirect .ligne .input input {
		width: 240px;
		padding: 5px;
		font-size: 1.25em;
		text-align: center;
	}

	#bloc-accordirect #ligne-claviervirtuel .input .clavier-virtuel {
   		padding-left: 30px;
 	}

	#bloc-accordirect #ligne-claviervirtuel .input .clavier-virtuel .effacer {
   		font-size: 10px;
 	}
		
	#bloc-accordirect .erreur-locale .info-erreur-locale {
		background-position: left 10px;
		padding: 8px 0 0 20px;
	}

	#bloc-accordirect .info-erreur-multiple {
		background-position: 10px 10px;
		padding: 8px 10px 0 30px;
	}

	#bloc-accordirect .info-erreur-multiple p {
		font-size: 1.1em;
	}

	#bloc-accordirect .validation {
		margin: 10px auto 15px auto;
	}
	
	#bloc-accordirect .validation .bouton_nw {
		width: 90%;
   		margin: 0 5%;
	}
	
	#bloc-accordirect .validation .bouton_nw .bt {
		width: 160px;
		margin: 0 auto;
	}
	
	#bloc-accordirect .validation .bouton_nw .picto + .libelle {
		width: calc(100% - 37px);
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#bloc-accordirect .ligne {
		margin-bottom: 5px;
		padding: 6px 10px;
		font-size: 1.3em;
	}

	#bloc-accordirect .ligne label {
		display: inline-block;
		width: 130px;
		vertical-align: middle;
	}

	#bloc-accordirect #ligneIdentifiant label span {
		display: block;
	}

	#bloc-accordirect #ligne-claviervirtuel label {
		vertical-align: top;
		padding-top: 10px;
	}
	
	#bloc-accordirect #ligne-claviervirtuel label .code-oublie {
		display: block;
	   	font-size: 0.88em;
	}

	#bloc-accordirect .ligne .input {
		display: inline-block;
		width: 240px;
	}

	#bloc-accordirect #ligneIdentifiant .input {
		font-size: 1.2em;
	}

	#bloc-accordirect #ligne-claviervirtuel .input {
		padding-top: 10px;
	}

	#bloc-accordirect #ligneIdentifiant .input input {
		width: 224px;
		padding: 8px;
	}

	#bloc-accordirect #ligne-claviervirtuel .input .clavier-virtuel {
		display: inline-block;
	}
			
	#bloc-accordirect .validation {
		margin: 25px auto 25px auto;
	}
	
	#bloc-accordirect .validation .bouton_nw .picto + .libelle {
		width: calc(100% - 47px);
	}
 
	#bloc-accordirect .erreur-locale .info-erreur-locale {
		background-position: left 10px;
		padding: 8px 10px 0 20px;
		font-size: 0.9em;
	}

	#bloc-accordirect .info-erreur-multiple {
		background-position: 10px 10px;
		padding: 8px 0 0 30px;
	}

	#bloc-accordirect .info-erreur-multiple p {
		font-size: 1.2em;
	}

}


/* Connexion e-mail ****************************************************/

#bloc-email .ligne label {
	font-weight: bold;
}

#bloc-email .ligne label .code-oublie {
   	margin-top: 5px;
   	font-weight: normal;
   	font-size: 0.88em;
   	color: #9d9d9d;	
}

#bloc-email .validation {
	text-align: center;
}

#bloc-email .erreur-multiple {
	background-color: #ffe5e5;
	margin-bottom: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#bloc-email .erreur-multiple .info-erreur-multiple p {
	margin-bottom: 0;
	color: #ff0000;
}

#bloc-email .erreur-multiple .info-erreur-multiple a {
	color: #ff0000;
}

#bloc-email #formulaire-login-email .presentation p span {
	margin-left: 5px;
}

#bloc-email #formulaire-login-email .presentation .bt-gris {
	background: #d5d5d5 url(../img/boutons/effet-degrade-intense.png) repeat-x left center;
	padding: 8px 12px 5px 12px;
	margin-left: 5px;
	font-size: 0.95em;
}

@media screen and (max-width: 767px) { /* Mobile */
	
	#bloc-email .ligne {
		padding: 10px 10px;
		font-size: 1.2em;
		text-align: center;
	}

	#bloc-email .ligne label {
		display: block;
		padding-bottom: 10px;
	}

	#bloc-email .ligne label .code-oublie {
   		display: inline-block;
   		margin-left: 5px;
   		padding-left: 5px;
   		border-left: 1px solid #cfcfcf;
	   	font-size: 0.83em;
	}

	#bloc-email .ligne .input input {
		width: 240px;
		padding: 5px;
		font-size: 1.25em;
		text-align: center;
	}

	#bloc-email .erreur-multiple .info-erreur-multiple {
		padding: 8px 10px 0 10px;
	}

	#bloc-email .erreur-multiple .info-erreur-multiple p {
		font-size: 1.1em;
	}

	#bloc-email .validation {
		margin: 10px auto 15px auto;
	}
	
	#bloc-email .validation .bouton_nw {
		width: 90%;
   		margin: 0 5%;
	}
	
	#bloc-email .validation .bouton_nw .bt {
		width: 160px;
		margin: 0 auto;
	}
	
	#bloc-email .validation .bouton_nw .picto + .libelle {
		width: calc(100% - 37px);
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#bloc-email .ligne {
		margin-bottom: 10px;
		padding: 8px 10px;
		font-size: 1.3em;
	}

	#bloc-email .ligne label {
		display: inline-block;
		width: 130px;
		vertical-align: middle;
	}
	
	#bloc-email .ligne label .code-oublie {
		display: block;
	}

	#bloc-email .ligne .input {
		width: 240px;
		font-size: 1.2em;
	}

	#bloc-email .ligne .input input {
		width: 212px;
		padding: 8px;
	}
			
	#bloc-email .validation {
		margin: 30px auto 25px auto;
	}
	
	#bloc-email #formulaire-login-email .presentation p {
		margin-left: 10px;
	}
 	
	#bloc-email .erreur-multiple .info-erreur-multiple {
		min-height: 20px;
		padding: 8px 0 0 10px;
	}

	#bloc-email .erreur-multiple .info-erreur-multiple p {
		font-size: 1.2em;
	}

}


/* Aide ****************************************************************/

#cas-besoin-aide {
	margin-bottom: 0;
	text-align: center;
	cursor: pointer;
}

.login-espaceclient-banniere #connexion #connexion-espaceclient p.intro {
	margin-bottom: 0;
	text-align: center;
}

#cas-besoin-aide .picto {
	display: inline-block;
	background-color: #dcdcdc;
	width: 20px;
	height: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	vertical-align: middle;
}

#cas-besoin-aide .picto:after {
	content: "?";
	color: #fff;
	font-weight: bold;
	line-height: 20px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#cas-besoin-aide,.login-espaceclient-banniere #connexion #connexion-espaceclient p.intro {
		font-size: 1.2em;
	}
	
	#cas-besoin-aide .picto {
		margin-right: 6px;
	}

	#cas-besoin-aide .picto:after {
		font-size: 1.1em;
	}

}


@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#cas-besoin-aide,.login-espaceclient-banniere #connexion #connexion-espaceclient p.intro {
		font-size: 1.3em;
	}
	
	#cas-besoin-aide .picto {
		margin-right: 8px;
	}

}


/* Premiere connexion **************************************************/

#premiere-connexion {
	margin: 20px 0 0 0;
	text-align: center;
	cursor: pointer;
}

#premiere-connexion strong {
	text-decoration: underline;
}

#premiere-connexion .picto {
	display: inline-block;
	background-color: #dcdcdc;
	width: 20px;
	height: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	vertical-align: middle;
}

#premiere-connexion .picto:after {
	content: "?";
	color: #fff;
	font-weight: bold;
	line-height: 20px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#premiere-connexion  {
		font-size: 1.2em;
	}

	#premiere-connexion strong {
		display: block;
	}
	
	#premiere-connexion .picto {
		margin-right: 3px;
	}

	#premiere-connexion .picto:after {
		font-size: 1.1em;
	}

}


@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#premiere-connexion {
		font-size: 1.3em;
	}
	
	#premiere-connexion .picto {
		margin-right: 5px;
	}

}



/*-------------------------------------------------------------------------------+
+ Cas double authentification                                                    +
+-------------------------------------------------------------------------------*/

.double-authentification {
	position: relative;
	margin: 0 auto;
	z-index: auto;
}

.double-authentification .bloc-connexion {
	position: relative;
	z-index: 150;
}

.double-authentification .onglet {
	display: block;
	color: #8bbc06;
	text-align: center;
	text-decoration: none;
	line-height: 1.1em;
	z-index: 100;
}

.double-authentification .onglet.active {
	display: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	.double-authentification {
		width: 300px;
	}

	.double-authentification .onglet {
		margin-bottom: 15px;
		padding: 5px 0;
		font-size: 1.2em;
	}

	.double-authentification .bloc-connexion form {
		padding-top: 10px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.double-authentification {
		width: 400px;
	}

	.double-authentification .onglet {
		margin-bottom: 20px;
		padding: 5px 0;
		font-size: 1.3em;
	}

	.double-authentification .bloc-connexion form {
		padding-top: 20px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  POPUP DE LOGIN                                                                             //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#popup-login .zone-defilement {
	overflow: visible;
}

#popup-login #overlay-form {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/divers/blank.png);
	width: 100%;
	height: 100%;
	z-index: 10;
}

#popup-login h4 {
	text-align: center;
	font-weight: normal;
}

#popup-login h5 strong {
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-login {
		max-width: 300px;
	}

	#popup-login h4 {
		padding-bottom: 15px;
		font-size: 1.4em;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-login {
		width: 550px;
	}

	#popup-login h4 {
		padding: 0 30px 20px 30px;
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-login #connexion-espaceclient {
		min-height: 280px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popup-login #connexion-espaceclient {
		min-height: 230px;
	}

}



/*-------------------------------------------------------------------------------+
+ Modules de connexion a l'espace client                                         +
+-------------------------------------------------------------------------------*/

#popup-login .double-authentification .bloc-connexion form {
	padding-top: 40px;
}

#popup-login .double-authentification .bloc-connexion .mod-papier-volume {
	background-color: #fff;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#popup-login .double-authentification .bloc-connexion #cas-besoin-aide {
	display: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-login .double-authentification .bloc-connexion .mod-papier-volume {
		border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-login .double-authentification .bloc-connexion .mod-papier-volume {
		padding: 10px;
		border: 1px solid #cfcfcf;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-login .double-authentification {
		width: 460px;
	}

	#popup-login .double-authentification .onglet {
		width: 200px;
		height: 42px;
		padding-top: 8px;
		font-size: 1.1em;
	}

	#popup-login .double-authentification .onglet.active {
		height: 38px;
		padding-top: 12px;
		font-size: 1.2em;
	}

	#popup-login .double-authentification .onglet strong {
		display: block;
		font-size: 1.18em;
	}

	#popup-login .double-authentification .onglet.active strong {
		font-size: 1.25em;
	}
	
	#popup-login .double-authentification #bouton-choix-accordirect {
		left: 20px;
	}
	
	#popup-login .double-authentification #bouton-choix-email {
		right: 20px;
	}

	#popup-login .double-authentification .onglet .pointe {
		border-width: 10px 100px 0 100px;
	}

}


/* Connexion Accordirect ***********************************************/

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#popup-login #bloc-accordirect .ligne {
		padding: 6px 10px;
		font-size: 1.3em;
	}

	#popup-login #bloc-accordirect .ligne label {
		width: 130px;
	}

	#popup-login #bloc-accordirect .ligne .input {
		width: 270px;
	}

	#popup-login #bloc-accordirect .erreur-locale .info-erreur-locale {
		background-position: left 10px;
		padding: 8px 10px 0 20px;
		font-size: 0.9em;
	}

	#popup-login #bloc-accordirect .erreur-multiple .info-erreur-multiple {
		background-position: 10px 10px;
		padding: 8px 0 0 30px;
	}

	#popup-login #bloc-accordirect .erreur-multiple .info-erreur-multiple p {
		font-size: 1.2em;
	}

}


/* Connexion e-mail ****************************************************/

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-login #bloc-email #formulaire-login {
		margin-bottom: -10px;
		padding-bottom: 20px;
		padding-top: 15px;
	}

	#popup-login #bloc-email .ligne {
		padding: 8px 10px;
		font-size: 1.3em;
	}

	#popup-login #bloc-email .ligne label {
		width: 150px;
	}

	#popup-login #bloc-email .ligne .input {
		width: 250px;
	}

	#popup-login #bloc-email .ligne .input input {
		width: 200px;
	}
			
	#popup-login #bloc-email .validation {
		margin: 15px auto 10px auto;
	}

	#popup-login #bloc-email .erreur-multiple .info-erreur-multiple p {
		font-size: 1.2em;
	}
	
}



/*-------------------------------------------------------------------------------+
+ Simulation sans connexion                                                      +
+-------------------------------------------------------------------------------*/

#popup-login #accesSiteSansLogin {
	position: relative;
	left: 50%;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-login #accesSiteSansLogin {
		margin-left: -80px;
		margin-top: 20px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-login #accesSiteSansLogin {
		margin-left: -90px;
		margin-top: 30px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  POPIN VALIDATION ADRESSE E-MAIL                                                            //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#popin-login-email-validation .zone-defilement {
	overflow: visible;
}

#popin-login-email-validation h5 {
	text-align: center;
}

#popin-login-email-validation .intro {
	
	text-align: center;
}

#popin-login-email-validation .validation {
	overflow: hidden;
}

#popin-login-email-validation .validation .choix-validation {
	float: left;
	width: 50%;
	text-align: center;
}

#popin-login-email-validation .validation .choix-validation p {
	color: #727272;
	font-style: italic;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popin-login-email-validation {
		max-width: 300px;
	}

	#popin-login-email-validation h5 {
		padding: 10px 0 20px 0;
		font-size: 1.4em;
	}

	#popin-login-email-validation .intro {
		font-size: 1.2em;
	}

	#popin-login-email-validation .validation .choix-validation {
		width: 46%;
		padding: 0 2%;
	}

	#popin-login-email-validation .validation .choix-validation .lien {
		min-height: 70px;
	}

	#popin-login-email-validation .validation .choix-validation .lien .bt-vert .bt {
		padding: 15px 20px 13px 20px;
	}

	#popin-login-email-validation .validation .choix-validation .lien .bt-noir .bt {
		padding: 15px 15px 13px 15px;
	}

	#popin-login-email-validation .validation .choix-validation p {
		font-size: 1em;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popin-login-email-validation {
		width: 620px;
	}

	#popin-login-email-validation h5 {
		padding: 20px 0 30px 0;
		font-size: 2.6em;
	}

	#popin-login-email-validation .intro {
		font-size: 1.8em;
	}

	#popin-login-email-validation .validation .choix-validation {
		width: 44%;
		padding: 0 3%;
	}

	#popin-login-email-validation .validation .choix-validation .lien {
		min-height: 80px;
	}

	#popin-login-email-validation .validation .choix-validation .lien .bt-vert .bt {
		padding: 15px 40px 13px 40px;
	}

	#popin-login-email-validation .validation .choix-validation .lien .bt-noir .bt {
		padding: 15px 25px 13px 25px;
	}

	#popin-login-email-validation .validation .choix-validation p {
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popin-login-email-validation #connexion-espaceclient {
		min-height: 280px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popin-login-email-validation #connexion-espaceclient {
		min-height: 230px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  POPIN DECONNEXION                                                                          //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#popin-deconnexion.fenetre-modale .fermer {
	width: 35px;
    height: 15px;
    position: absolute;
}

.fenetre-modale .fermer {
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#popin-deconnexion.fenetre-modale .bouton {
	display: block;
	margin: 20px auto 0;
    width: 120px;
}

#overlay-form #app-store{
	display:inline-block;
	width:150px;
	height:50px;
	position: absolute;
    top: 325px;
    left: 116px;
    z-index:9999;
}


#overlay-form #google-play{
	display:inline-block;
	width:150px;
	height:50px;
	position: absolute;
    top: 325px;
    left: 285px;
    z-index:9999;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popin-deconnexion {
		width: 300px;
	}
	
	#popin-deconnexion.fenetre-modale {
		padding: 5px;
		max-width: 320px;
	}
	
	#popin-deconnexion.fenetre-modale .fermer {
		top: 5px;
	    right: 5px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popin-deconnexion {
		width: 440px;
	}
	
	#popin-deconnexion.fenetre-modale {
		padding: 15px;
	}
	
	#popin-deconnexion.fenetre-modale .fermer {
		top: 5px;
	    right: 5px;
	}

}





/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  POPIN DECONNEXION IMAGE                                                                    //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


@media screen and (max-width: 767px) { /* Mobile */

	#popin-deconnexion.image {
		margin: 0 auto;
		width: 240px;
		height: 240px;
    	background-image: url(../img/visuels/servicing/login/vsl-logout-popin-M.png);
	}
	
	#popin-deconnexion.image #lien-blog {
		display: block;
		width: 240px;
		height: 240px;
	}

}


@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#popin-deconnexion.image {
		margin: 0 auto;
		width: 470px;
		height: 320px;
    	background-image: url(../img/visuels/servicing/login/vsl-logout-popin-T.png);
	}
	
	#popin-deconnexion.image #lien-blog {
		display: block;
		width: 470px;
		height: 320px;
	}

}
@media screen and (min-width: 1025px) { /* Bureau */

	#popin-deconnexion.image {
		margin: 0 auto;
		width: 570px;
		height: 370px;
    	background-image: url(../img/visuels/servicing/login/vsl-logout-popin-D.png);
	}
	
	#popin-deconnexion.image #lien-blog {
		display: block;
		width: 570px;
		height: 370px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  ELEMENTS COMMUNS PAGES DE LOGIN                                                            //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#entete-page #bandeau #zone-perso {
	background-color: rgba(0,0,0,0.3) !important;
}

#connexion {
	background: url(../img/fonds/login/fd-login-defaut.jpg) no-repeat center center !important;  /* replacer top par fixed pour que l'image ne bouge pas */
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

@media screen and (max-width: 767px) { /* Mobile */

	#connexion {
		padding-top: 80px;
		padding-bottom: 30px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#connexion {
		padding-top: 140px;
		padding-bottom: 50px;
	}

}



/*-------------------------------------------------------------------------------+
+ Modules de connexion                                                           +
+-------------------------------------------------------------------------------*/

#connexion #connexion-espaceclient {
	position: relative;
	z-index: 100;
}



/*-------------------------------------------------------------------------------+
+ Popin "Besoin d'aide"                                                          +
+-------------------------------------------------------------------------------*/

#connexion #besoin-aide-question {
	position: absolute;
	background-color: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    border-radius: 7px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	z-index: 5000;
}

#connexion #besoin-aide-question p a {
	color: #8bbc06;
}

#connexion #besoin-aide-question .bt-fermer {
	z-index:50;
	background: url(../img/puces/puce-croix-noir.png) no-repeat 6px center;
	padding: 5px 10px 5px 25px;
	text-decoration: none;
	height: 1.2em;
	position: absolute;
	right: 0;
	top: 10px;
}

#connexion #besoin-aide-question .repere {
	position: absolute;
	top: -15px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -15px;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #dcdcdc transparent;
}

@media screen and (max-width: 767px) { /* Mobile */

	#connexion #besoin-aide-question {
		padding: 30px 10px 10px 10px;
	}
	
	#connexion #besoin-aide-question p {
		font-size: 1.2em;
	}
		
}


@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#connexion #besoin-aide-question {
		padding: 40px 20px 20px 20px;
	}

	#connexion #besoin-aide-question p {
		font-size: 1.3em;
	}
	
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PAGE LOGIN "ESPACE CLIENT"                                                                 //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


.login-espaceclient #connexion {
	z-index: 0;
}

.login-espaceclient #connexion .conteneur {
	z-index: 50;
}



/*-------------------------------------------------------------------------------+
+ Module de connexion a l'espace client                                          +
+-------------------------------------------------------------------------------*/

.login-espaceclient #connexion #connexion-espaceclient {
	background-color: #fff;
	margin: 0 auto;
	z-index: 100;
}

.login-espaceclient #connexion #connexion-espaceclient h4 {
	text-align: center;
}

.login-espaceclient #connexion #connexion-espaceclient .intro {
	text-align: center;
}

.login-espaceclient #connexion #connexion-espaceclient h4 + .intro {
	margin-top: -10px;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient #connexion #connexion-espaceclient {
		width: 300px;
		padding: 15px 0;
	}

	.login-espaceclient #connexion #connexion-espaceclient h4 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

	.login-espaceclient #connexion #connexion-espaceclient .intro {
		margin-bottom: 20px;
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient #connexion #connexion-espaceclient {
		width: 600px;
		padding: 25px 0;
	}

	.login-espaceclient #connexion #connexion-espaceclient h4 {
		padding-bottom: 25px;
		font-size: 2.4em;
	}

	.login-espaceclient #connexion #connexion-espaceclient .intro {
		margin-bottom: 20px;
		font-size: 1.4em;
	}

}



/*-------------------------------------------------------------------------------+
+ Popin "Besoin d'aide"                                                          +
+-------------------------------------------------------------------------------*/

.login-espaceclient #connexion #besoin-aide-question {		  
	left: 50%;
}		

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient #connexion #besoin-aide-question {		  
		bottom: -600px;
		width: 280px;
		height: 550px;
		margin-left: -150px;
	}		

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient #connexion #besoin-aide-question {
		bottom: -460px;
		width: 500px;
		height: 430px;
		margin-left: -270px;
	}
	
}



/*-------------------------------------------------------------------------------+
+ Alerte phishing                                                                +
+-------------------------------------------------------------------------------*/

.login-espaceclient #info-alerte-phishing {
	background-color: rgba(255,255,255,0.7);
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient #info-alerte-phishing {
		width: 280px;
		margin: 20px auto 0 auto;
		padding: 10px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient #info-alerte-phishing {
		width: 560px;
		margin: 20px auto 0 auto;
		padding: 20px;
	}
	
}



/*-------------------------------------------------------------------------------+
+ Cas acces conseiller / PGL                                                     +
+-------------------------------------------------------------------------------*/

.login-espaceclient #connexion #acces-conseiller {
	background-color: #fff;
	margin: 0 auto;
	z-index: 100;
}

.login-espaceclient #connexion #acces-conseiller h4 {
	text-align: center;
}

.login-espaceclient #connexion #acces-conseiller .intro {
	text-align: center;
}

.login-espaceclient #connexion #acces-conseiller h4 + .intro {
	margin-top: -10px;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient #connexion #acces-conseiller {
		width: 300px;
		padding: 15px 0;
	}

	.login-espaceclient #connexion #acces-conseiller h4 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

	.login-espaceclient #connexion #acces-conseiller .intro {
		margin-bottom: 20px;
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient #connexion #acces-conseiller {
		width: 600px;
		padding: 25px 0;
	}

	.login-espaceclient #connexion #acces-conseiller h4 {
		padding-bottom: 25px;
		font-size: 2.4em;
	}

	.login-espaceclient #connexion #acces-conseiller .intro {
		margin-bottom: 20px;
		font-size: 1.4em;
	}

}


/* Formulaire de connexion conseiller **********************************/

.login-espaceclient #connexion #acces-conseiller #formulaire-login .validation {
	padding-top: 30px;
	text-align: center;
}


/* Cas erreur **********************************************************/

.login-espaceclient #connexion #acces-conseiller.erreur .bt-gris .bt {
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient #connexion #acces-conseiller.erreur .bt-gris {
		width: 94%;
		margin: 0 3%;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient #connexion #acces-conseiller.erreur .bt-gris {
		position: relative;
		left: 50%;
		width: 250px;
		margin-left: -125px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PAGE LOGIN "ESPACE CLIENT + SUIVI DE DOSSIER"                                              //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Modules de connexion                                                           +
+-------------------------------------------------------------------------------*/

.login-espaceclient-suividossier #connexion {
	z-index: 0;
}

.login-espaceclient-suividossier #connexion .conteneur {
	z-index: 50;
}

.login-espaceclient-suividossier #connexion .type-connexion h4 {
	text-align: center;
}

.login-espaceclient-suividossier #connexion .type-connexion .intro {
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-suividossier #connexion .type-connexion {
		margin: 0 auto;
		padding: 15px 0;
		width: 300px;
	}

	.login-espaceclient-suividossier #connexion .type-connexion h4 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

	.login-espaceclient-suividossier #connexion .type-connexion .intro {
		margin-bottom: 20px;
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-suividossier #connexion .type-connexion {
		padding: 25px 0;
	}

	.login-espaceclient-suividossier #connexion .type-connexion h4 {
		padding-bottom: 25px;
		font-size: 2.2em;
	}

	.login-espaceclient-suividossier #connexion .type-connexion .intro {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.login-espaceclient-suividossier #connexion .type-connexion {
		margin: 0 auto;
	}
		
}


/* Module de connexion a l'espace client *******************************/

.login-espaceclient-suividossier #connexion #connexion-espaceclient {
	background-color: #fff;
	z-index: 100;
}

.login-espaceclient-suividossier #connexion #connexion-espaceclient .bloc-connexion {
	background-color: #fff;
}

.login-espaceclient-suividossier #connexion #connexion-espaceclient #bloc-email.bloc-connexion{
	z-index:5001 !important;
}

.login-espaceclient-suividossier #connexion #connexion-espaceclient .illustration {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-suividossier #connexion #connexion-espaceclient .illustration {
		width: 230px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-suividossier #connexion #connexion-espaceclient h4 {
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.login-espaceclient-suividossier #connexion #connexion-espaceclient {
		width: 600px;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */
	
	.login-espaceclient-suividossier #connexion #connexion-espaceclient {
		width: 600px;
		min-height: 585px;
		margin-left: 60px;
		padding-bottom: 10px;
	}	
	
}


/* Module de suivi de dossier ******************************************/

.login-espaceclient-suividossier #connexion #connexion-suividossier {
	background-color: #f0f0f0;
	z-index: 100;
}

.login-espaceclient-suividossier #connexion #connexion-suividossier ul {
	margin-bottom: 30px;
}

.login-espaceclient-suividossier #connexion #connexion-suividossier ul li {
	position: relative;
	padding-left: 14px;
	line-height: 1.5em;
}

.login-espaceclient-suividossier #connexion #connexion-suividossier ul li .puce {
	position: absolute;
	top: 6px;
	left: 1px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #8bbc06;
	margin: 0 5px 0 3px;
}
/*ancien code remplacé car bug ie*/
/*.login-espaceclient-suividossier #connexion #connexion-suividossier .bouton_nw {
	width: 260px;
	left: 50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}*/

.login-espaceclient-suividossier #connexion #connexion-suividossier .bouton_nw {
	background-color:inherit;
	border:none;
	display:block;
	left: auto;
	-ms-transform: translate(0%,0);
	-webkit-transform: translate(0%,0);
	transform: translate(0%,0);
	text-align: center;
}

.login-espaceclient-suividossier #connexion #connexion-suividossier .bouton_nw.bt-S.bt-filet .bt{
	background-color:rgba(255,255,255,0.15);
	border:#8bbc06 1px solid;
	display: inline-block;
	padding: 10px 27px 11px 14px;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-suividossier #connexion #connexion-suividossier .intro {
		padding: 0 20px;
	}

	.login-espaceclient-suividossier #connexion #connexion-suividossier ul {
		margin-left: 50px;
	}

	.login-espaceclient-suividossier #connexion #connexion-suividossier ul li {
		font-size: 1.2em;
	}

	.login-espaceclient-suividossier #connexion #connexion-suividossier .bouton_nw .bt {
	    width: 210px;
	    margin: 0 auto;
	}	

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-suividossier #connexion #connexion-suividossier ul li {
		font-size: 1.4em;
	}

	.login-espaceclient-suividossier #connexion #connexion-suividossier .bouton_nw {
		font-size: 1.6em;
	}	

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.login-espaceclient-suividossier #connexion #connexion-suividossier {
		width: 600px;
	}

	.login-espaceclient-suividossier #connexion #connexion-suividossier .intro {
		padding: 0 50px;
	}

	.login-espaceclient-suividossier #connexion #connexion-suividossier ul {
		margin-left: 200px;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */
	
	.login-espaceclient-suividossier #connexion #connexion-suividossier {
		position: absolute;
		top: 0;
		right: 60px;
		width: 450px;
		height: 250px;
	}	

	.login-espaceclient-suividossier #connexion #connexion-suividossier .intro {
		padding: 0 40px;
	}

	.login-espaceclient-suividossier #connexion #connexion-suividossier ul {
		margin-left: 130px;
	}
	
}


/* Module de connexion Compte Facily Pay *******************************/

.login-espaceclient-suividossier #connexion #connexion-comptefacilypay {
	z-index: 100;
}	

.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .illustration {
	display: block;
	margin: 0 auto;
}

.login-espaceclient-suividossier #connexion #connexion-comptefacilypay ul {
	margin-bottom: 30px;
}

.login-espaceclient-suividossier #connexion #connexion-comptefacilypay ul li {
	position: relative;
	padding-left: 14px;
	line-height: 1.5em;
}

.login-espaceclient-suividossier #connexion #connexion-comptefacilypay ul li .puce {
	position: absolute;
	top: 6px;
	left: 1px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #8bbc06;
	margin: 0 5px 0 3px;
}
/*ancien code remplacé car bug ie*/
/*.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw {
	left: 50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}*/	

.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw {
	background-color:inherit;
	border:none;
	display:block;
	left: auto;
	-ms-transform: translate(0%,0);
	-webkit-transform: translate(0%,0);
	transform: translate(0%,0);
	text-align: center;
}

.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw.bt-S.bt-filet .bt{
	background-color:rgba(255,255,255,0.15);
	border:#8bbc06 1px solid;
	display: inline-block;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay {
		background-color: #fff;
	}

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .illustration {
		margin-top: -5px;
		margin-bottom: 15px;
	}

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay ul {
		margin-left: 50px;
	}

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay ul li {
		font-size: 1.2em;
	}
	/*ancien code remplacé car bug ie*/
	/*.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw {
		width: 260px;
	}*/	
	
	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw .bt {
	   	/*ancien code remplacé car bug ie*/
	    /*width: 160px;*/
	    margin: 0 auto;
	}	
	
	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw .bt {
		padding: 6px 10px;
		width: 240px;
	}
	
	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw .bt .picto,
	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw .bt .libelle,
	.login-espaceclient-suividossier #connexion #connexion-suividossier .bouton_nw .bt .picto,
	.login-espaceclient-suividossier #connexion #connexion-suividossier .bouton_nw .bt .libelle
	{
		display: inline-block; 
	}
	
	.bouton_nw.bt-S .bt .picto + .libelle{
		width:auto;
	}
	
	.login-espaceclient-suividossier #connexion #connexion-suividossier .bouton_nw.bt-S.bt-filet .bt {
	    padding: 5px 10px;
    	width: 240px;
	}
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .illustration {
		margin-top: -10px;
		margin-bottom: 20px;
	}

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay ul li {
		font-size: 1.4em;
	}
	
	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay .bouton_nw {
		/*width: 180px;*/  /*ancien code remplacé car bug ie*/
		font-size: 1.6em;
	}	

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay {
		background-color: #fff;
		width: 600px;
	}

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay ul {
		margin-left: 200px;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */
	
	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay {
		position: absolute;
		top: 310px;
		right: 60px;
		background-color: #f0f0f0;
		width: 450px;
		height: 260px;
	}	

	.login-espaceclient-suividossier #connexion #connexion-comptefacilypay ul {
		margin-left: 130px;
	}
	
}



/*-------------------------------------------------------------------------------+
+ Popin "Besoin d'aide"                                                          +
+-------------------------------------------------------------------------------*/

.login-espaceclient-suividossier #connexion #besoin-aide-question {		  
	left: 50%;
	margin-top: 20px;
}		

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-suividossier #connexion #besoin-aide-question {		  
		width: 280px;
		height: 300px;
		margin-left: -150px;
	}		

	.login-espaceclient-suividossier #connexion #besoin-aide-question.premiere-connexion {
		top: 165px
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-suividossier #connexion #besoin-aide-question {
		width: 500px;
		height: 210px;
		margin-left: -270px;
	}

	.login-espaceclient-suividossier #connexion #besoin-aide-question.premiere-connexion {
		top: 200px
	}
	
}



/*-------------------------------------------------------------------------------+
+ Alerte phishing                                                                +
+-------------------------------------------------------------------------------*/

.login-espaceclient-suividossier #info-alerte-phishing {
	background-color: rgba(255,255,255,0.7);
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-suividossier #info-alerte-phishing {
		width: 280px;
		margin: 20px auto 0 auto;
		padding: 10px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-suividossier #info-alerte-phishing {
		width: 560px;
		margin: 20px auto 0 auto;
		padding: 20px;
	}
	
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PAGE LOGIN "ESPACE CLIENT + BANNIERE"                                                      //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


.login-espaceclient-banniere #connexion {
	z-index: 0;
}

.login-espaceclient-banniere #connexion .conteneur {
	z-index: 50;
}

.login-espaceclient-banniere #connexion .conteneur:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}



/*-------------------------------------------------------------------------------+
+ Module de connexion a l'espace client                                          +
+-------------------------------------------------------------------------------*/

.login-espaceclient-banniere #connexion #connexion-espaceclient {
	background-color: #fff;
	z-index: 100;
}

.login-espaceclient-banniere #connexion #connexion-espaceclient h4 {
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-banniere #connexion #connexion-espaceclient {
		width: 300px;
		margin: 0 auto;
		padding: 15px 0;
	}

	.login-espaceclient-banniere #connexion #connexion-espaceclient h4 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-banniere #connexion #connexion-espaceclient {
		width: 600px;
		margin: 0 auto;
		padding: 25px 0;
	}

	.login-espaceclient-banniere #connexion #connexion-espaceclient h4 {
		padding: 0 40px 25px 40px;
		font-size: 2.4em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.login-espaceclient-banniere #connexion #connexion-espaceclient {
		float: left;
		width: 599px;
		height: 460px;
	}

}



/*-------------------------------------------------------------------------------+
+ Popin "Besoin d'aide"                                                          +
+-------------------------------------------------------------------------------*/

.login-espaceclient-banniere #connexion #besoin-aide-question {		  
	left: 50%;
}		

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-banniere #connexion #besoin-aide-question {		  
		bottom: -600px;
		width: 280px;
		height: 550px;
		margin-left: -150px;
	}		

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-banniere #connexion #besoin-aide-question {
		bottom: -460px;
		width: 500px;
		height: 430px;
		margin-left: -270px;
	}
	
}



/*-------------------------------------------------------------------------------+
+ Cas Nouveau client                                                             +
+-------------------------------------------------------------------------------*/
	
.login-espaceclient-banniere #connexion #nouveau-client {
	background-color: #fff;
}

@media screen and (max-width: 1220px) { /* Mobile + Tablette */
	
	.login-espaceclient-banniere #connexion #nouveau-client {
		border-bottom: 1px solid #dedede;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-banniere #connexion #nouveau-client {
		width: 280px;
		margin: 0 auto;
		padding: 20px 10px 40px 10px;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client h5 {
	   	margin-bottom: 10px;
	    font-size: 1.4em;
	    text-align: center;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client p {
	    margin: 0 10px;
	    font-size: 1.2em;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client ul {
	    margin: 0 10px;
	    margin-top: 20px;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client li {
	    background-image: url(../img/puces/puce-cocher-vert.png);
    	background-repeat: no-repeat;
    	margin-top: 10px;
    	padding-left: 30px;
	    font-size: 1.2em;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client a {
	    width: 96%;
		margin: 0 2%;
	    margin-top: 20px;
	    text-align: center;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	.login-espaceclient-banniere #connexion #nouveau-client h5 {
	    margin-top: 10px;
	   	margin-bottom: 20px;
	    font-size: 2.4em;
	    text-align: center;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client p {
	    margin: 0 10px;
	    font-size: 1.4em;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client ul {
	    margin: 0 10px;
	    margin-top: 20px;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client li {
	    background-image: url(../img/puces/puce-cocher-vert.png);
    	background-repeat: no-repeat;
    	margin: 15px 0;
    	padding-left: 30px;
	    font-size: 1.4em;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client a {
	    left: 50%;
		margin: 0 auto;
	    margin-top: 30px;
	    margin-left: -105px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.login-espaceclient-banniere #connexion #nouveau-client {
		width: 560px;
		margin: 0 auto;
		padding: 20px 20px 50px 20px;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */

	.login-espaceclient-banniere #connexion #nouveau-client {
		position: relative;
		float: left;
		width: 420px;
		height: 470px;
		margin-left: 60px;
		margin-bottom: 20px;
		padding: 20px;
		border-right: 1px solid #dedede;
	}
	
	.login-espaceclient-banniere #connexion #nouveau-client a {
		position: absolute;
	    bottom: 90px;
	}

}



/*-------------------------------------------------------------------------------+
+ Cas identification par Accordirect seulement                                   +
+-------------------------------------------------------------------------------*/

.login-espaceclient-banniere #connexion #connexion-espaceclient.simple-authentification #bloc-accordirect {
	margin: 0 auto;
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-banniere #connexion #connexion-espaceclient.simple-authentification #bloc-accordirect {
		width: 300px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-banniere #connexion #connexion-espaceclient.simple-authentification #bloc-accordirect {
		width: 400px;
	}

}



/*-------------------------------------------------------------------------------+
+ Banniere                                                                       +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 1220px) { /* Mobile + Tablette */

	.login-espaceclient-banniere #connexion #banniere {
		height: 400px;
		margin: 0 auto;
		border-bottom: 1px solid #dedede;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-banniere #connexion #banniere {
		width: 300px;
	}

	.login-espaceclient-banniere #connexion #banniere .bureau, .login-espaceclient-banniere #connexion #banniere .tablette {
		display: none;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.login-espaceclient-banniere #connexion #banniere {
		width: 600px;
	}

	.login-espaceclient-banniere #connexion #banniere .bureau, .login-espaceclient-banniere #connexion #banniere .mobile {
		display: none;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.login-espaceclient-banniere #connexion #banniere {
		float: left;
		width: 460px;
		height: 510px;
		margin-left: 60px;
		margin-bottom: 20px;
		border-right: 1px solid #dedede;
	}

	.login-espaceclient-banniere #connexion #banniere .tablette, .login-espaceclient-banniere #connexion #banniere .mobile {
		display: none;
	}

}



/*-------------------------------------------------------------------------------+
+ Alerte phishing                                                                +
+-------------------------------------------------------------------------------*/

.login-espaceclient-banniere #info-alerte-phishing {
	background-color: rgba(255,255,255,0.7);
}

@media screen and (max-width: 767px) { /* Mobile */

	.login-espaceclient-banniere #info-alerte-phishing {
		width: 280px;
		margin: 20px auto 0 auto;
		padding: 10px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.login-espaceclient-banniere #info-alerte-phishing {
		margin: 20px auto 0 auto;
		padding: 20px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.login-espaceclient-banniere #info-alerte-phishing {
		width: 560px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.login-espaceclient-banniere #info-alerte-phishing {
		clear: both;
		width: 1020px;
	}

}



/*-------------------------------------------------------------------------------+
+ Mentions legales                                                               +
+-------------------------------------------------------------------------------*/

.login-espaceclient-banniere #mentions-legales {
	background-color: #cfcfcf;
	border-bottom: 1px solid #c0c0c0;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  LOGIN MACSF                                                                                //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


.macsf {
	background-color: #ebebeb;
}

.macsf #connexion {
	background-image: none !important;
}



/*-------------------------------------------------------------------------------+
+ Bandeau                                                                        +
+-------------------------------------------------------------------------------*/

#entete-page #bandeau #bandeau-macsf {
	display: none;
}

.macsf #entete-page #bandeau #bandeau-complet, .macsf #entete-page #bandeau #zone-perso, .macsf #entete-page #bandeau #menu, .macsf #entete-page .bt-ouvrir-menu {
	display: none;
}

.macsf #entete-page #bandeau #bandeau-macsf {
	display: block;
}

.macsf #entete-page #bandeau #bandeau-macsf .logo-macsf {
	position: absolute;
	right: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	.macsf #entete-page #bandeau .bandeau .logo-oney {
		top: 20px;
		left: 0;
		margin-left: 0;
		line-height: 30px;
	}

	.macsf #entete-page #bandeau #bandeau-macsf .logo-macsf {
		top: 15px;
		height: 35px;
	}

	.scroll.macsf #entete-page #bandeau #bandeau-macsf .logo-macsf {
		top: 12px;
		height: 30px;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.macsf #entete-page #bandeau .bandeau .logo-oney {
		line-height: 50px;
	}

	.scroll .macsf #entete-page #bandeau .bandeau .logo-oney {
		line-height: 40px;
	}

	.macsf #entete-page #bandeau #bandeau-macsf .logo-macsf {
		top: 25px;
	}

	.scroll.macsf #entete-page #bandeau #bandeau-macsf .logo-macsf {
		top: 12px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.macsf #entete-page #bandeau .bandeau .logo-oney {
		left: 0;
		margin-left: 0;
	}

	.scroll.macsf #entete-page #bandeau .bandeau .logo-oney {
		margin-left: 0;
	}

}



/*-------------------------------------------------------------------------------+
+ Contenu page                                                                   +
+-------------------------------------------------------------------------------*/

.macsf #corps-page #connexion #connexion-espaceclient .intro {
	display: none;
}

.macsf #corps-page #connexion #connexion-espaceclient .double-authentification {
	padding-top: 0;
}

.macsf #corps-page #connexion #connexion-espaceclient .double-authentification .onglet {
	display: none;
}

.macsf #corps-page #connexion #connexion-espaceclient .double-authentification .bloc-connexion {
	border-top: none;
}

.macsf #corps-page #connexion #connexion-espaceclient .double-authentification .bloc-connexion #cas-besoin-aide {
	display: none;
}

.macsf #corps-page #reassurance {
	display: none;
}

.macsf #pied-page {
	color: #333;
	padding: 0;
}

.macsf #pied-page #raccourcis {
	display: none;
}

.macsf #pied-page #signature {
	background-color: #ebebeb;
	margin-top: 0 !important;
	border: none;
	color: #54565B;
	text-align: center;
}

.macsf #pied-page #signature .copyright {
	padding-right: 0;
}

.macsf #pied-page #signature .copyright small a {
	display: none;
}

.macsf #pied-page #signature .copyright .separateur {
	display: none;
}

.macsf #pied-page #signature .social {
	display: none;
}

@media screen and (max-width: 767px) { /* Mobile */
	
	.macsf #corps-page #connexion .conteneur {
		padding-top: 0;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	.macsf #corps-page #connexion .conteneur {
		padding-top: 20px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	.macsf #corps-page #chapo {
		padding-top: 110px !important;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  COMPTE BLOQUE                                                                              //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#connexion #compte-bloque {
	background-color: #fff;
	margin: 0 auto;
	z-index: 100;
}

#connexion #compte-bloque h4 {
	text-align: center;
}

#connexion #compte-bloque .bt-vert {
	position: relative;
	left: 50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

@media screen and (max-width: 767px) { /* Mobile */

	#connexion #compte-bloque {
		width: 270px;
		padding: 15px;
	}

	#connexion #compte-bloque h4 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

	#connexion #compte-bloque p {
		margin-bottom: 20px;
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#connexion #compte-bloque {
		width: 560px;
		padding: 25px 20px;
	}

	#connexion #compte-bloque h4 {
		padding-bottom: 25px;
		font-size: 2.4em;
	}

	#connexion #compte-bloque p {
		margin-bottom: 20px;
		font-size: 1.4em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PREMIERE CONNEXION                                                                         //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Chapo                                                                          +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	.premiere-connexion #chapo .conteneur {
		margin: 0 2%;
		padding: 15px 0;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.premiere-connexion #chapo .conteneur {
		margin: 0 2.6%;
		padding: 40px 0 20px 0;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.premiere-connexion #chapo .conteneur {
		width: 800px;
		padding: 40px 0 20px 0;
	}

}



/*-------------------------------------------------------------------------------+
+ Formulaire                                                                     +
+-------------------------------------------------------------------------------*/

.premiere-connexion #form-informations legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-bulle.png)
}

.premiere-connexion #form-personnalisationcode legend {
	background-image: url(../img/pictos/fd-vert/picto-cadena.png)
}

.premiere-connexion #form-questionpersonnelle legend {
	background-image: url(../img/pictos/fd-vert/picto-rond-question.png)
}

.premiere-connexion .retour-validation .bt-vert .bt input {
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	text-align: left;
}

@media screen and (max-width: 479px) { /* Mini Mobile */

	.premiere-connexion #form-personnalisationcode .ligne label {
		display: block;
		width: auto;
		padding-bottom: 10px;
	}

	.premiere-connexion #form-personnalisationcode .ligne .input {
		display: block;
		width: auto;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	.premiere-connexion #form-personnalisationcode .ligne label {
		padding-top: 8px;
		vertical-align: top;
	}

	.premiere-connexion .retour-validation .bt-vert .bt input {
		width: 150px;
		vertical-align: -5px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.premiere-connexion #form-personnalisationcode .ligne label {
		padding-top: 14px;
		vertical-align: top;
	}

	.premiere-connexion .retour-validation .bt-vert .bt input {
		width: 230px;
		vertical-align: -5px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.premiere-connexion #form-personnalisationcode .ligne label {
		padding-top: 10px;
		vertical-align: top;
	}

	.premiere-connexion .retour-validation .bt-vert .bt input {
		width: 200px;
		vertical-align: -5px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  CODE D'ACCES PERDU                                                                         //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Formulaire                                                                     +
+-------------------------------------------------------------------------------*/

.codeacces-perdu #form-informations legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-bulle.png)
}

.codeacces-perdu #form-modeenvoi legend {
	background-image: url(../img/pictos/fd-vert/picto-cadena.png)
}

.codeacces-perdu #form-modeenvoi label {
	vertical-align: top;
}

.codeacces-perdu #form-modeenvoi .input .choix {
	display: block;
}

@media screen and (max-width: 767px) { /* Mobile */

	.codeacces-perdu #form-modeenvoi label {
		padding-top: 8px;
	}

	.codeacces-perdu #form-modeenvoi .input .choix {
		padding: 8px 0;
	}

	.codeacces-perdu #form-modeenvoi .input .choix label {
		padding-top: 0;
	}

	.codeacces-perdu #form-modeenvoi .input .choix p {
		margin-top: 8px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.codeacces-perdu #form-modeenvoi label {
		padding-top: 12px;
	}

	.codeacces-perdu #form-modeenvoi .input .choix {
		padding: 12px 0;
	}

	.codeacces-perdu #form-modeenvoi .input .choix label {
		padding-top: 0;
	}

	.codeacces-perdu #form-modeenvoi .input .choix p {
		margin-top: 10px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.codeacces-perdu #form-modeenvoi label {
		padding-top: 10px;
	}

	.codeacces-perdu #form-modeenvoi .input .choix {
		padding: 10px 0;
	}

	.codeacces-perdu #form-modeenvoi .input .choix label {
		padding-top: 0;
	}

	.codeacces-perdu #form-modeenvoi .input .choix p {
		margin-top: 10px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  REEDITION CODE D'ACCES                                                                     //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Formulaire                                                                     +
+-------------------------------------------------------------------------------*/

.reedition-codeacces #form-informations legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-bulle.png)
}

.reedition-codeacces #form-modeenvoi legend {
	background-image: url(../img/pictos/fd-vert/picto-cadena.png)
}

.reedition-codeacces #form-modeenvoi label {
	vertical-align: top;
}

.reedition-codeacces #form-modeenvoi .input .choix {
	display: block;
}

@media screen and (max-width: 767px) { /* Mobile */

	.reedition-codeacces #form-modeenvoi label {
		padding-top: 8px;
	}

	.reedition-codeacces #form-modeenvoi .input .choix {
		padding: 8px 0;
	}

	.reedition-codeacces #form-modeenvoi .input .choix label {
		padding-top: 0;
	}

	.reedition-codeacces #form-modeenvoi .input .choix p {
		margin-top: 8px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.reedition-codeacces #form-modeenvoi label {
		padding-top: 12px;
	}

	.reedition-codeacces #form-modeenvoi .input .choix {
		padding: 12px 0;
	}

	.reedition-codeacces #form-modeenvoi .input .choix label {
		padding-top: 0;
	}

	.reedition-codeacces #form-modeenvoi .input .choix p {
		margin-top: 10px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.reedition-codeacces #form-modeenvoi label {
		padding-top: 10px;
	}

	.reedition-codeacces #form-modeenvoi .input .choix {
		padding: 10px 0;
	}

	.reedition-codeacces #form-modeenvoi .input .choix label {
		padding-top: 0;
	}

	.reedition-codeacces #form-modeenvoi .input .choix p {
		margin-top: 10px;
	}

}


/*-------------------------------------------------------------------------------+
+ Identification bloquée                                                         +
+-------------------------------------------------------------------------------*/

.reedition-codeacces #formulaire-confirmation {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.reedition-codeacces #formulaire-confirmation .retour-validation a {
	position: relative;
}

@media screen and (max-width: 767px) { /* Mobile */

	.reedition-codeacces #formulaire-confirmation p {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.reedition-codeacces #formulaire-confirmation p {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.reedition-codeacces #formulaire-confirmation p {
		font-size: 1.5em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PERSONNALISATION CODE D'ACCES                                                              //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Identification bloquée                                                         +
+-------------------------------------------------------------------------------*/

.personnalisation-codeacces #formulaire-confirmation {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.personnalisation-codeacces #formulaire-confirmation .retour-validation a {
	position: relative;
}

@media screen and (max-width: 767px) { /* Mobile */

	.personnalisation-codeacces #formulaire-confirmation p {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.personnalisation-codeacces #formulaire-confirmation p {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.personnalisation-codeacces #formulaire-confirmation p {
		font-size: 1.5em;
	}

}




/*-------------------------------------------------------------------------------+
+ Formulaire                                                                     +
+-------------------------------------------------------------------------------*/

.personnalisation-codeacces #form-informations legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-bulle.png)
}

.personnalisation-codeacces #form-personnalisationcode legend {
	background-image: url(../img/pictos/fd-vert/picto-cadena.png)
}

.personnalisation-codeacces .retour-validation .bt-vert .bt input {
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	text-align: left;
}

@media screen and (max-width: 479px) { /* Mini Mobile */

	.personnalisation-codeacces #form-personnalisationcode .ligne label {
		display: block;
		width: auto;
		padding-bottom: 10px;
	}

	.personnalisation-codeacces #form-personnalisationcode .ligne .input {
		display: block;
		width: auto;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	.personnalisation-codeacces #form-personnalisationcode .ligne label {
		padding-top: 8px;
		vertical-align: top;
	}

	.personnalisation-codeacces .retour-validation .bt-vert .bt input {
		width: 150px;
		vertical-align: -5px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.personnalisation-codeacces #form-personnalisationcode .ligne label {
		padding-top: 14px;
		vertical-align: top;
	}

	.personnalisation-codeacces .retour-validation .bt-vert .bt input {
		width: 230px;
		vertical-align: -5px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.personnalisation-codeacces #form-personnalisationcode .ligne label {
		padding-top: 10px;
		vertical-align: top;
	}

	.personnalisation-codeacces .retour-validation .bt-vert .bt input {
		width: 200px;
		vertical-align: -5px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  SIMPLE ACCES                                                                               //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Chapo                                                                          +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	.simple-acces #chapo .conteneur {
		margin: 0 2%;
		padding: 15px 0;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.simple-acces #chapo .conteneur {
		margin: 0 2.6%;
		padding: 40px 0 20px 0;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.simple-acces #chapo .conteneur {
		width: 800px;
		padding: 40px 0 20px 0;
	}

}



/*-------------------------------------------------------------------------------+
+ Formulaire                                                                     +
+-------------------------------------------------------------------------------*/

.simple-acces #form-informations legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-bulle.png)
}

.simple-acces .retour-validation .bt-vert .bt input {
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	text-align: left;
}

@media screen and (max-width: 479px) { /* Mini Mobile */

	.simple-acces #formulaire #ligne-claviervirtuel label {
		display: block;
		width: auto;
		padding-bottom: 10px;
	}

	.simple-acces #formulaire #ligne-claviervirtuel .input {
		display: block;
		width: auto;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	.simple-acces #formulaire #ligne-claviervirtuel label {
		padding-top: 8px;
		vertical-align: top;
	}

	.simple-acces .retour-validation .bt-vert .bt input {
		width: 150px;
		vertical-align: -5px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.simple-acces #formulaire #ligne-claviervirtuel label {
		padding-top: 14px;
		vertical-align: top;
	}

	.simple-acces .retour-validation .bt-vert .bt input {
		width: 230px;
		vertical-align: -5px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.simple-acces #formulaire #ligne-claviervirtuel label {
		padding-top: 10px;
		vertical-align: top;
	}

	.simple-acces .retour-validation .bt-vert .bt input {
		width: 200px;
		vertical-align: -5px;
	}

}

/* pas d'affichage du bouton d'aide sur les popins */
#popup-login-acl #cas-besoin-aide {
	display:none;
}

/************bandeau d'information changement****************************/
#connexion-infoChangement{
	background: #8bbc06; /* Old browsers */
	background: -moz-linear-gradient(top,  #8bbc06 0%, #719b00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #8bbc06 0%,#719b00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8bbc06 0%,#719b00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-border-radius: 9px;
	border-radius: 9px;
	box-sizing: border-box;
	color:#fff;
	display:block;
}

#connexion-infoChangement p.title{
	font-weight:bold;
}

#connexion-infoChangement p{
	margin:0;
}


@media screen and (max-width: 767px) { /* Mobile */

	#connexion-infoChangement{
		margin: 0 auto 20px;
	    padding: 20px;
	    width:300px;
	}
	
	#connexion-infoChangement p.title{
		font-size:15px;
		margin-bottom:15px;
	}
	
	#connexion-infoChangement p{
		font-size:13px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#connexion.infoChangement {
	    background: url(../img/fonds/login/fd-login-defaut.jpg) no-repeat center center !important;
	    -webkit-background-size: cover;
	    background-size: cover !important;
	}

	#connexion-infoChangement{
		margin: 0 auto 20px;
	    padding: 20px 120px 20px 20px;
	    position:relative;
	    width:600px;
	}
	
	#connexion-infoChangement:after{
		background-image: url(../img/visuels/servicing/login/vsl-connexion-picto-ecrans.png);
		background-repeat:no-repeat;
		content:' ';
		display:block;
		height:66px;
		width:100px;
		position:absolute;
		top:29px;
		right:22px;
	}
	
	#connexion-infoChangement p.title{
		font-size:20px;
		font-weight:bold;
	}
	
	#connexion-infoChangement p{
		font-size:15px;
	}
	
	#connexion-infoChangement .breakpoint{
		display:block;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.login-espaceclient-suividossier #connexion.infoChangement #connexion-suividossier {
		position: absolute;
		top: 105px;
		right: 60px;
		width: 450px;
		height: 250px;
	}
	
	.login-espaceclient-suividossier #connexion.infoChangement #connexion-comptefacilypay {
		position: absolute;
		top: 415px;
		right: 60px;
		background-color: #f0f0f0;
		width: 450px;
		height: 260px;
	}

	#connexion-infoChangement{
		margin: 0 auto 20px;
	    padding: 20px 320px 20px 80px;
	    width:1060px;
	}
	
	#connexion-infoChangement:after{
		background-image: url(../img/visuels/servicing/login/vsl-connexion-picto-ecrans.png);
		background-repeat:no-repeat;
		content:' ';
		display:block;
		height:66px;
		width:100px;
		position:absolute;
		top:12px;
		right:200px;
	}
	
	#connexion-infoChangement p.title{
		font-size:20px;
		font-weight:bold;
	}
	
	#connexion-infoChangement p{
		font-size:15px;
	}
	
	/**version ereleve**/
	#connexion.infoChangement.ereleve {
	    background: url(../img/fonds/login/fd-login-defaut.jpg) no-repeat center center !important;
	    -webkit-background-size: cover;
	    background-size: cover !important;
	}

	.ereleve #connexion-infoChangement{
		margin: 0 auto 20px;
	    padding: 20px 120px 20px 20px;
	    position:relative;
	    width:600px;
	}
	
	.ereleve #connexion-infoChangement:after{
		background-image: url(../img/visuels/servicing/login/vsl-connexion-picto-ecrans.png);
		background-repeat:no-repeat;
		content:' ';
		display:block;
		height:66px;
		width:100px;
		position:absolute;
		top:29px;
		right:22px;
	}
	
	.ereleve #connexion-infoChangement p.title{
		font-size:20px;
		font-weight:bold;
	}
	
	.ereleve #connexion-infoChangement p{
		font-size:15px;
	}
	
	.ereleve #connexion-infoChangement .breakpoint{
		display:block;
	}

}