.header-bg {	position:fixed;
				width:100%;
				height:71px;
				background:#E8E8E8;/*00789D*/
				z-index:999999;
				border-bottom:1px solid #A5B6BF;/*gris clair*/}/*00B5E5 bleu clair*/

				
.logo {	position:absolute;
		width:200px;
		height:50px;
		background:url(../images/logo.png);
		top:10px;
		left:50px;}
		
.espace-client {	position:absolute;
					width:170px;
					height:70px;
					padding-left:20px;
					top:0;
					right:0;
					font-family:'LatoWebMedium';					
					font-size:12px;
					color:#A5B6BF;
					line-height:70px;
					text-transform:uppercase;
					background:#E8E8E8  url(../images/icon-espace-client.png) 120px 18px no-repeat;/*00789D*/
					border-left:thin solid #A5B6BF;
					z-index:1001;
					
					transition: color linear 0.5s, background linear 0.5s;
					-webkit-transition: color linear 0.5s, background linear 0.5s;
					-moz-transition: color linear 0.5s, background linear 0.5s;
					-ms-transition: color linear 0.5s, background linear 0.5s;
					-o-transition: color linear 0.5s, background linear 0.5s;}
					
					
.espace-client:hover {	color:#00789D;
						background:#E8E8E8  url(../images/icon-espace-client-hover.png) 120px 18px no-repeat;/*00789D*/}


@media (max-width : 1023px) {
.header-bg {	/*position:absolute;*/	height:160px; top:0}
.logo {	position:relative;
		margin: 20px auto;
		top:0;
		left:0;}

}

@media (max-width : 599px) {
.header-bg { display:none }

.header-bg-mobile {	position:relative;
					width:100%;
					/*height:71px;*/
					background:#E8E8E8;/*00789D*/
					z-index:999999;
					border-bottom:1px solid #A5B6BF;/*gris clair*/}/*00B5E5 bleu clair*/
}

@media (min-width : 600px) {				
.header-bg-mobile { display:none; } }