@media (min-width: 400px) {
	.logo-menu{
	    width: 70%;
	}
	.navigation{
		width: 70%;
	}

	.item-main{
		/*width: 33.33%;*/
	}

	.info-projet {
	    width: 50%;
	    /*float: left;*/
	}

	.panel-ref {
	    width: 47%;
	    float: left;
	}
	.ref-and-portrait > div.portrait {
	    float: right;
	    width: 47%;
	    margin-top: 0px;
	}
	.panel-visite > div.atelier {
	    float: left;
	    width: 40%;
	}
	.panel-visite > img{
	    width: 60%;
	    float: right;
	}
	footer div.social {
		width: 150px;
	}
	footer div.coords {
		width: calc(100% - 150px);
	}
}