@import url(fontello.css);
@import url(nav.css);
@import url(accueil.css);
@import url(qui-suis-je.css);
@import url(layout.css);
@import url(mes-derniers-chantiers.css);
@import url(ou-acheter.css);
@import url(carnet-adresses.css);
@import url(lexique.css);
@import url(pose-parquets.css);
@import url(ponçage-vitrification.css);
@import url(pont-de-bateau.css);
@import url(Peinture-Carrelage.css);
@import url(terrasses.css);
@import url(faq.css);
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

:root {
  --MarronClair: #fff4e4;
  --MarronFonce: #a3875f;
  --Orange: #fb911f;
  --Violet: blueviolet;
  --PrimaryColor: #fb911f;
  --SegundaryColor: blueviolet;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Roboto", Arial, sans-serif;
  scroll-behavior: smooth;
}
body {
  background-image: url(../images/background/bg-7.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fb911f;
  min-width: 340px;
}

p {
  font-weight: 300;
  color: blueviolet;
}

h2,
h3 {
  text-align: center;
}
img {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
  margin: 10px;
  transition: transform 0.1s;
}

.no-shadow {
  margin-left: 50px;
  box-shadow: none;
}
.no-transform {
  transition: none !important;
  transform: none !important;
  transition: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
}
/*Code commun au sections */
#mes-derniers-chantiers,
#pose-parquets,
#terrasses,
#pont-de-bateau,
#ponçage-vitrification #mon-carnet-adresses {
  margin-top: 10px;
  background-color: var(--MarronClair); /*couleur de fond des sections*/
  color: var(--SegundaryColor);
}
#mes-derniers-chantiers h2,
#pose-parquets h2,
#terrasses h2,
#pont-de-bateau h2,
#ponçage-vitrification h2 {
  color: var(--PrimaryColor);
}
#mes-derniers-chantiers img,
#pose-parquets img,
#terrasses img,
#pont-de-bateau img,
#ponçage-vitrification img {
  width: 30%;
}
#mes-derniers-chantiers h5 span,
#pose-parquets h5 span,
#terrasses h5 span,
#pont-de-bateau h5 span,
#ponçage-vitrification h5 {
  text-decoration: none;
  font-weight: bold;
}
#mes-derniers-chantiers img:hover,
#pose-parquets img:hover,
#terrasses img:hover,
#pont-de-bateau img:hover,
#ponçage-vitrification img:hover {
  -ms-transform: scale(1.3); /* IE 9 */
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}