@media all and (max-width: 1000px) {

	#header{width:100%;height:50%;}
	#corps{width:100%;}
	#logo{width:100%;}
	#menu{width:100%;font-size:11px;}
	body{background:none;}
	#menu a{color:black!important;}
	
}

@media all and (max-width: 800px) {
	
	.connexion tr th{display:block;}
	.connexion tr td{display:block;}
	
	
}

@media all and (max-width: 450px) {

	body{background:url(../images/bg_artisan_petit.png) repeat-x; }
	#header{height:125px;}
	.label_periode{width:95%}
	.label_periode span{display:none;}
	.div_ville{float:none;clear:both;width:95%;}
	#menu {  font-size: 10px;line-height: 25px;height: 65px;}
	#logo{width:70%;}
	#menu a{color:white!important;}
	.box2 {color: white;}
}
@media all and (max-width: 320px) {
	
	#logo{width:100%;}
}