.header_user_info { padding-top:15px; }
.header_user_info a.login, .header_user_info a.account { font-family: 'Amatic SC', cursive; color: #fff; font-size:2em; display: block; position:relative; width:125px; padding-top:100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; background: url(../../../img/compte.png) 41px 22px no-repeat;   outline: none;  text-decoration: none; }
.header_user_info a.login:before, .header_user_info a.account:before{ content:""; width:90px; height:90px; position: absolute; left:17px; top:0px; border-radius:45px; border:solid 3px #fff; }

.header_user_info a.login:hover, .header_user_info a.account:hover{ transform: translateY(-5px); }

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa-remove::before, .fa-close::before, .fa-times::before {
	content: "\f00d";
}
.header_user_info a.logout{ color:#fff; position:absolute; bottom:15px; right:10px; }


@media (max-width: 1200px) {
	.header_user_info a.login, .header_user_info a.account { width:100px; padding-top:90px; background-position:30px 16px; }
	.header_user_info a.login:before, .header_user_info a.account:before{ width:80px; height:80px; left:11px; border-radius:40px; }	
}
@media (max-width: 767px) {
	.header_user_info a.login, .header_user_info a.account { font-size:1.6em; padding-top:82px; } 
}
@media (max-width: 640px) {
	.header_user_info a.login, .header_user_info a.account  { width:76px; font-size:1.4em; padding-top:72px; background-position: 13px 12px; }
	.header_user_info a.login:before, .header_user_info a.account:before { width:70px; height:70px; left:0px; border-radius:35px; }
}
@media (max-width: 550px) {
	.header_user_info a.login, .header_user_info a.account{ width:65px; background-position: 14px 13px; background-size: 50%; }
	.header_user_info a.login:before, .header_user_info a.account:before { width:62px; height:62px; left:0px; border-radius:31px; }
}
@media (max-width: 480px) {
	.header_user_info a.login, .header_user_info a.account{ width:52px; background-position:13px 12px; padding-top:52px; }
	.header_user_info a.login:before, .header_user_info a.account:before { width:52px; height:52px; left:0px; border-radius:26px; }
	span.nomobile{ display:none; }
	
	.header_user_info a.logout{ color:#fff; position:absolute; bottom:10px; right:0px; }
}