@import url("https://fonts.googleapis.com/css2?family=Castoro&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Satisfy&display=swap");

html,
body {
  padding: 0px;
  margin: 0px;
}
body {
  font-family: Helvetica, Arial, sans-serif;
  background-color: rgba(214, 210, 199, 0.5);
}
h1,
.style-h1 {
  margin: 15px auto;
  color: rgb(185, 152, 103);
  margin-bottom: 30px;
}
h1:after,
.style-h1:after {
  position: absolute;
  left: 40%;
  height: 60px;
  content: " ";
  width: 20%;
  color: rgb(42, 133, 145);
  border-bottom: 5px solid rgb(100, 193, 206);
  border-radius: 2px 2px;
}
#mainsitetitle {
  font-family: "Satisfy", cursive;
  font-size: 50px;
  padding: 10px;
  color: grey;
}
#mainsitetitle:after {
  border-bottom: none;
}
.textstyle1 {
  font-size: 2rem;
  font-weight: bold;
}
.textstyle2 {
  font-size: 1.5rem;
  padding: 5px;
}
.textstyle3 {
  font-size: 1rem;
}
.castoro {
  font-family: "Castoro", serif;
  font-style: italic;
  font-size: 20px;
}
.centrer {
  text-align: center;
}
.prix {
  font-size: 30px;
}
.rouge {
  color: red;
}
.justifie {
  text-align: justify;
}
a {
  color: rgb(185, 152, 103);
}
a:hover {
  color: rgb(43, 42, 42);
  text-decoration: none;
}
.sm-letter {
  font-size: small;
}
/*nav bar*/
.top-nav-collapse {
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3);
}
.top-nav-collapse img {
  width: 40px;
}
.navbar-nav {
  width: 60%;
}
#logo {
  margin: 10px;
}
#fildAriane a {
  color: rgb(185, 152, 103);
}
.stylemenu {
  color: rgb(185, 152, 103);
}
.opacity {
  opacity: 95%;
}
.iconstyle {
  padding: 5px;
  font-size: 20px;
  color: rgb(185, 152, 103);
}
.iconcolor {
  color: rgb(185, 152, 103);
}
.iconstyle:hover {
  color: rgb(43, 42, 42);
}
.fav-icon-pdt {
  color: rgb(185, 152, 103);
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 30px;
  transition: all 0.5s;
}
.fav-icon-pdt:hover {
  color: rgb(42, 133, 145);
  font-size: 35px;
  cursor: pointer;
}
.iconstyle-xl {
  margin-top: 15px;
  padding: 10px;
  font-size: 60px;
  color: rgb(250, 250, 250);
}
.iconstyle-xl:hover {
  color: rgb(43, 42, 42);
}
.enstyle {
  min-width: 2.5rem;
}
.nav-logo {
  width: 80px;
  transition: all 0.8s;
}
.navicons {
  font-size: larger;
  min-width: 170px;
}
.form-search {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
#recherche {
  width: 30%;
  min-width: 250px;
}
.nb-article {
  position: relative;
  font-size: 10px;
  left: 20px;
  bottom: 30px;
  color: white;
  background-color: rgb(42, 133, 145);
  padding: 0;
  width: 15px;
  text-align: center;
  border-radius: 50%;
}

/*bouton*/
.btn-outline-light {
  background-color: rgb(185, 152, 103);
  color: white;
  transition: all 0.5s;
}
.btn-outline-light:visited {
  background-color: rgb(185, 152, 103);
  color: white;
}
.btn-outline-light:hover {
  background-color: #725b39;
  color: white;
}
.btn-outline-light.focus {
  background-color: #3f2805;
  color: white;
}
.btn-outline-light:not(:disabled):not(.disabled):active {
  background-color: #3f2805;
  color: white;
}
/*la liste deroulante*/
select {
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #eae8e4;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #19110b;
  height: 3rem;
  text-align: left;
  font-family: "Louis Vuitton Web", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.4px;
  transition: border 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff
    url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2080'%20focusable='false'%20aria-hidden='true'%20class='ui-icon-controls-chevron-down'%3E%3Cpath%20fill='%2319110b'%20fill-rule='evenodd'%20d='M46.2%2048.6L17.8%2020.3l-5.5%205.4%2028.4%2028.4%205.4%205.5.1.1.1-.1%205.3-4.5L80%2026.7l-5.5-6.4-28.3%2028.3z'/%3E%3C/svg%3E")
    no-repeat right 1rem top 50%;
  background-size: 1rem 1rem;
  max-width: 100%;
  padding: 0 2rem 0 1rem;
  position: relative;
  text-overflow: ellipsis;
}
/* page plan du site*/
.plan-site h2 {
  padding: 5px;
  display: inline-block;
  color: rgb(231, 230, 227);
  background-color: rgb(180, 126, 79);
  border: 2px solid rgb(167, 160, 102);
  border-radius: 5px 15px;
}
.plan-site ul li {
  list-style-type: none;
}
.plan-site ul li:before {
  content: "\f6cd";
  font-family: "Font Awesome 5 pro";
  position: absolute;
  left: 10px;
  color: rgb(42, 133, 145);
}
.plan-site a:hover {
  text-decoration: none;
}

/* detail carousel*/
.carousel slide {
  position: absolute;
}
.carousel-btn {
  padding: 10px;
  font-size: 18px;
  margin-bottom: 10px;
}
.carousel-caption {
  font-size: 35px;
  font-weight: 900;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 50%;
  background-color: rgba(250, 250, 250, 0.7);
  border-radius: 5px;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3);
}
.carousel-item {
  max-height: 85vh;
}

/*details up footer1*/
#upfooter1 {
  background-color: rgb(199, 192, 199);
}
/*details up footer2*/
#upfooter2 {
  color: white;
  background-color: rgb(103, 173, 182);
}

/* details logos partie services avant le footer*/
.logoservices {
  padding: 10px;
}
/* page mon profil*/
.menuId > a > li {
  list-style-type: none;
  color: rgb(185, 152, 103);
}
.menuId a li {
  display: inline-block;
  padding: 20px;
  border: 1px solid rgb(185, 152, 103);
  border-radius: 10px;
}
.menuId > a > li:hover {
  color: rgb(43, 42, 42);
}
/* tableaux dans mes commandes et mon panier*/
.imgpanier {
  width: 175px;
  max-width: 100%;
  margin: 10px;
}
.main-img {
  border-radius: 5px;
  box-shadow: 1px 2px 15px rgba(63, 62, 62, 0.178);
}

.img-xs {
  border-radius: 5px;
  box-shadow: 1px 2px 15px rgba(63, 62, 62, 0.178);
}
.carte {
  border-radius: 5px;
}

.img-md:hover {
  border-radius: 5px;
  box-shadow: 1px 2px 3px #161515;
}
.img-click:hover {
  cursor: pointer;
}
.card {
  border: none;
}
.gras {
  font-size: 20px;
  font-weight: bold;
}
.sansbordure {
  border: none;
}
.img-emptycart{
  max-width: 250px;
}

/*page actualité*/
.carteActualite {
  background-color: rgb(241, 239, 239);
  border: 1px solid rgb(206, 204, 204);
  transition: all 0.8s;
}
.carteActualite:hover {
  box-shadow: 2px 2px 20px rgba(63, 62, 62, 0.178);
}
.art-title {
  color: rgb(158, 134, 97);
}
/*page presse*/
.article {
  background-color: rgba(250, 250, 250, 0.7);
  border-bottom: 2px solid rgb(180, 178, 171);
  border-radius: 5px 8px;
  margin: 1rem auto;
}
.imgpress {
  border: 2px solid rgb(212, 210, 210);
  border-radius: 3px 3px;
}

.produit-img-zoom-hover {
  box-shadow: 2px 2px 20px rgba(63, 62, 62, 0.178);
  box-sizing: border-box;
}

.produit-img-zoom-hover .produit-img-zoom {
  overflow: hidden;
  position: relative;
}
.produit-img-zoom-hover .produit-img-zoom img {
  max-width: 100%;
  transition: all 0.8s;
}
.produit-img-zoom-hover .produit-img-zoom * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.produit-img-zoom-hover:hover .produit-img-zoom img {
  transform: scale(1.15);
}
div.element-cart {
  background-color: whitesmoke;
}
/*avis*/
.light {
  color: #a09c9c;
}
.rating a {
  color: #aaa;
  text-decoration: none;
  font-size: 2em;
  transition: color 0.4s;
}
.rating a {
  float: right;
}
.rating a:hover,
.rating a:focus {
  color: rgb(158, 134, 97);
  cursor: pointer;
}
.rating a:hover ~ a,
.rating a:focus ~ a {
  color: rgb(158, 134, 97);
}

/*page evenements*/
iframe {
  border: none;
  margin-top: 20px;
  margin-bottom: 30px;
  border-radius: 12px;
  box-shadow: 4px 4px 14px #000;
}
/*modals*/
.modal .modal-dialog-aside {
  width: 500px;
  max-width: 100%;
  max-width: 80%;
  height: 100%;
  margin: 0;
  transform: translate(0);
  transition: transform 0.2s;
}

.modal .modal-dialog-aside .modal-content {
  height: inherit;
  border: 0;
  border-radius: 0;
  background-color: rgb(250, 250, 250);
}
.modal .modal-dialog-aside .modal-content .modal-body {
  overflow-y: auto;
}
.modal.fixed-left .modal-dialog-aside {
  margin-left: auto;
  transform: translateX(100%);
}
.modal.fixed-right .modal-dialog-aside {
  margin-right: auto;
  transform: translateX(-100%);
}

.modal.show .modal-dialog-aside {
  transform: translateX(0);
}
/*logo impression*/
.fa-print:hover{
  cursor: pointer;
}

/* reduction du caption sinon il depasse sur petit et moyen écrans*/
@media screen and (max-width: 850px) {
  .carousel-caption {
    bottom: 20%;
  }
  .carousel-caption h3 {
    font-weight: 600;
  }
}

@media screen and (max-width: 550px) {
  .carousel-caption {
    bottom: 10%;
  }
  .carousel-caption h3 {
    font-weight: 600;
  }
  .carousel-btn {
    padding: 0px;
    font-size: 12px;
    margin-bottom: 5px;
  }
  #mainsitetitle{
    font-size: 30px;
  }
}
@media print {
  footer {
    display: none;
  }
}