/* 
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 700

.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
/*
font-family: "linotype-didot-headline", serif;
font-weight: 400;
font-style: normal;
*/
body {
  margin: 0;
  padding: 0;
  background-color: #1F3052;
}

#fiche {
  padding: 0;
  margin: 0;
}
#fiche h1 {
  font-family: "linotype-didot-headline", serif;
  font-size: "36px";
  color: #FCDDCB;
}
#fiche h2 {
  font-family: "linotype-didot-headline", serif;
  font-size: "24px";
  color: #FCDDCB;
}
#fiche h3 {
  font-family: "linotype-didot-headline", serif;
  font-size: 16px;
  color: #FCDDCB;
}
#fiche p {
  font-family: "Oswald", sans-serif;
  font-size: "14px";
  color: #FCDDCB;
}
#fiche li {
  font-family: "Oswald", sans-serif;
  font-size: "14px";
  color: #FCDDCB;
}

.banner figure {
  margin: 0;
}

.banner img {
  width: 100%;
  aspect-ratio: 6.4;
  object-fit: cover;
}

.banner img#dis {
  width: 100%;
  height: 139px;
}

#marges {
  margin-left: 40px;
  margin-right: 40px;
}

.infos {
  display: flex;
  padding: 20px 60px;
  justify-content: space-between;
  align-items: center;
  background-color: #CD6A6B;
  margin-top: -2px;
}
.infos .txtgauche {
  width: 50vw;
}

#com {
  display: flex;
  align-items: center;
}

#com a img {
  width: 700px;
  transition: ease-out 0.5s;
}

#com a img:hover {
  width: 800px;
  transition: ease-out 0.5s;
}

#graphique figure {
  margin: 0;
  padding: 0;
}

#graphique figure a img {
  width: 700px;
  transition: ease-out 0.5s;
}

#graphique figure a img:hover {
  width: 800px;
  transition: ease-out 0.5s;
}

#itw {
  display: flex;
  padding: 20px;
  justify-content: space-between;
  align-items: center;
}
#itw .txtgauche {
  width: 50vw;
}

#itw div ul {
  display: flex;
}

#itw div ul li {
  list-style: none;
}

#itw div ul li a img {
  width: 180px;
  margin-left: 10px;
  transition: ease-out 0.5s;
}

#itw div ul li a img:hover {
  width: 200px;
  transition: ease-in 0.5s;
}

#appel figure {
  margin: 0;
}

#appel figure img {
  width: 300px;
}

#appel .cp {
  display: flex;
}

#graph figure img.carton {
  width: 400px;
}

#graph figure img {
  width: 900px;
}

#ecommerce p a img {
  width: 180px;
  margin-left: 10px;
  transition: ease-out 0.5s;
}

#ecommerce p a img:hover {
  width: 200px;
  transition: ease-in 0.5s;
}

#crea figure {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#crea figure img {
  width: 500px;
  height: 500px;
  object-fit: cover;
  margin-left: 10px;
}

/*# sourceMappingURL=fiche.css.map */