.header .bandeau .logo{
	background:url("../images/entete/logo-afocal.png") 0 0 no-repeat !important;
}
.header .bandeau .slogan{
	background:url("../images/entete/slogan-afocal.png") !important;	
}
@media screen and (max-width: 619px){
	.header .bandeau .logo{
		background:url("../images/entete/logo-slogan-afocal.png") !important;
		height:41px !important;	
		-o-background-size:96px 41px !important;
		-moz-background-size:96px 41px !important;
		-webkit-background-size:96px 41px !important;
		background-size:96px 41px !important;		
	}
	.header .bandeau .slogan{
		display:none !important;	
	}		
}
@media screen and (min-width: 620px) and (max-width: 860px){
	.header .bandeau .logo{
		height:26.5px !important;	
		-o-background-size:96px 26.5px !important;
		-moz-background-size:96px 26.5px !important;
		-webkit-background-size:96px 26.5px !important;
		background-size:96px 26.5px !important;	
	}
	.header .bandeau .slogan{
		-o-background-size:240px 29px !important;
		-moz-background-size:240px 29px !important;
		-webkit-background-size:240px 29px !important;
		background-size:240px 29px !important;
	}	
}
/* bizarre ipad */
@media screen and (min-width: 781px) and (max-width: 859px){
	.header .bandeau .logo{
		-webkit-background-size:130px 35px !important;
	}
	.header .bandeau .slogan{
		-webkit-background-size:295px 35px !important;
	}	
}
@media screen and (min-width: 860px)  and (max-width: 959px){
	.header .bandeau .logo{
		-webkit-background-size:142px 38px !important;			
	}
	.header .bandeau .slogan{
		-webkit-background-size:365px 43px !important;
	}		
}
@media screen and (min-width: 960px) and (max-width: 1150px){
	.header .bandeau .logo{
		-webkit-background-size:152px 41px !important;	
	}
	.header .bandeau .slogan{
		-webkit-background-size:430px 51px !important;
	}	
}
@media screen and (min-width: 1151px){
	.header .bandeau .logo{
		-webkit-background-size:172px 46.5px !important;	
	}
	.header .bandeau .slogan{
		-webkit-background-size:551px 65.5px !important;
	}	
}
/* fin bizarre */
.header #m-menu-barres{
	background: transparent url(../images/menu/menu-hamburger.png) no-repeat top center !important;
	-o-background-size:31px 32px !important;
	-moz-background-size:31px 32px !important;
	-webkit-background-size:31px 32px !important;
	background-size:31px 32px !important;
	background-position:center 13px !important;
}
.header #m-menu-croix{
	background: transparent url(../images/menu/menu-croix.png) no-repeat top center !important;
	-o-background-size:31px 32px !important;
	-moz-background-size:31px 32px !important;
	-webkit-background-size:31px 32px !important;
	background-size:31px 32px !important;
	background-position:center 13px !important;
}