#titre {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.responsive {
  width: 100%;
  height: auto;
}


.spacer050 {
width:100%;
height:50px;
}

.spacer100 {
width:100%;
height:100px;
}

.basdepage1 {
background-color:#151515;
}

.basdepage2 {
padding:40px;
display:grid;
grid-template-columns: 40% 50px auto;
}

.basdepage3 {
padding:40px;
display:grid;
text-align:center;
grid-template-columns: 25% 12.5% 25% 12.5% 25%;
}


.conteneur40 {
padding:0;
background-color:#ffffff;
display:grid;
grid-template-columns: 50% auto;
}

.conteneur41 {
padding:45px;
}

.conteneur42 {
padding:0;
background-image: url("coffrage-de-beton-laval.jpg");
background-size:cover;
}

.conteneur43 {
padding:0;
background-image: url("reparation-de-dalle-de-beton-laval-montreal.jpg");
background-size:cover;
}

.conteneur44 {
padding:0;
background-image: url("fondation-de-beton-laval-montreal.jpg");
background-size:cover;
}




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

.basdepage3 {
padding:40px;
display:grid;
text-align:center;
grid-template-columns: 20% 20% 20% 20% 20%;
}

}






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

.basdepage2 {
padding:35px;
grid-template-columns: 40% 50px auto;
}

.basdepage3 {
padding:40px;
display:grid;
text-align:center;
grid-template-columns: 20% 20% 20% 20% 20%;
}

}




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

.basdepage2 {
padding:35px;
grid-template-columns: 40% 50px auto;
}

.basdepage3 {
padding:40px;
display:grid;
text-align:center;
grid-template-columns: 20% 20% 20% 20% 20%;
}

}




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

.conteneur40 {
grid-template-columns: 100%;
}

.basdepage2 {
padding:30px;
grid-template-columns: 40% 45px auto;
}

.basdepage3 {
padding:40px;
display:grid;
text-align:center;
grid-template-columns: 15% 27.5% 15% 27.5% 15%;
}

}




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

.basdepage2 {
padding:30px;
text-align:center;
grid-template-columns: 100%;
}

.basdepage3 {
padding:40px;
display:grid;
text-align:center;
grid-template-columns: 10% 35% 10% 35% 10%;
}

}



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

.basdepage2 {
padding:25px;
text-align:center;
grid-template-columns: 100%;
}

.basdepage3 {
padding:40px;
display:grid;
text-align:center;
grid-template-columns: 5% 42.5% 5% 42.5% 5%;
}


}