@media screen and (max-width: 1200px) {
.largeur-site {
	width:900px;
}
.brands-tuile {
	width:280px;
}
#brands-detail-banner,
#brands-detail-texte {
	width:900px;
}
.brands-detail-photos-bloc {
	width:250px;
}


}

@media screen and (max-width: 1000px) {
.largeur-site {
	width:768px;
}
#contact-top {
	width:750px;
}
#brands-detail-banner {
	width:100%;
}
#brands-detail-texte {
	width:90%;
}
.brands-detail-photos-bloc {
	width:200px;
}
#brands-detail-titre h1 {
	font-size:50px;
	margin: 60px 5px 0 5px;
}


}

@media screen and (max-width: 767px) {
.largeur-site,
.sliding-menu {
	width:100%;
}
.sliding-menu ul {
  text-align: center;
}
.sliding-menu li { 
	margin: 40px 0; 
}
header {
	padding: 70px 0 20px 0;
}
	header img {
	width:280px;
		height:auto;
}
#brands-detail-titre h1 {
	font-size:40px;
	margin: 40px 5px 0 5px;
}
.brands-detail-photos-bloc {
	width:280px;
	margin:20px 16px;
}
#contact-top {
	width:100%;
	margin:0;
}
#contact-infos,
#contact-infos2,
#contact-infos3 {
	width:100%;
	text-align:center;
	border:none;
	padding:0;
	margin: 0 0 20px 0;
}
.contact-social {
	margin: 20px 0;
}
#contact-form {
	width:90%;
	float:none;
	margin:0 auto 10px auto;
}

#marque-infos h1 {
	padding: 45px 0 0 0;
}
#marque-fermer {
	top:10px;
	right:50%;
	margin-right:-15px;
}
.brands-tuile {
	width:90%;
}

}




@media screen and (max-width: 400px) {

.grille-marques-tuile,
.grid-sizer,
.grid-item  {
	width:100%;
}


}