/* SELECTED PAGE */
.app-navmenu li.nav-item:nth-child(3)::after {
  content: "\25b4";
  color: var(--app-color-orange);
  text-align: center;
  bottom: -8px;
  left: calc(100% / 2.25);
  position: absolute;
}
.app-navmenu li:nth-child(3) {
  border-bottom-color: var(--app-color-orange);
}
/* END SELECTED PAGE */
/* GLOBAL RULES */
.bg-entete-img {
  top: -20%;
}
.pastille {
  width: 100%; 
  text-align: center; 
  margin-top: -17px;
  position: relative;
}
.pastille p {
  display: block; 
  position: relative;
  width: 50px; 
  background-color: var(--app-color-orange); 
  text-align: center; 
  border-radius: 50%; 
  height: 50px; 
  line-height: 50px; 
  color: white;
  top: -10px;
  font-size: 1.3rem!important;
  margin: 0 auto;
}
.link-btn:hover {
  filter: brightness(90%);
}
.link-btn {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.link-btn a {
  display: inline-block;
  width: 100%;
  padding: 10px;
}
/* END GLOBAL RULES */
.card-container {
  margin: 30px 0 50px 0;
  /*padding: 1rem;*/
}
.card-container .card {
  background-color: rgba(218, 210, 209, .1); 
  border: 1px solid rgba(0, 0, 0, .1); 
  border-radius: 5px; 
  width: 95%; 
  height: 360px;
}
.card-container .card h3 {
  margin-bottom: 1rem;
  font-size: 1.15rem!important;
  text-align: center;
  height: 3em;
  /*max-height: 50px;*/
}
@media (min-width: 992px) and (max-width: 1200px) {
  .card-container .card h3 {
    height: 4em
  }
}
.card-container .card .text-container {
  padding: 1rem .5rem;
  /*text-align: center;*/
}
.card-container .card .text-container ul {
  padding-left: 15px;
  margin-bottom: 0;
}
.card-container ul, 
.card-container p {
  margin-bottom: 0;
  font-size: 1rem;
}
.bouton-plaquette div {
  width: 50%;
  margin: 0 auto;
}
figure {
  width: 100%;
  margin: 40px auto;
}
figure img {
  width: 100%
}
.special-list-style {
  list-style: none;
}
.special-list-style li {
  padding-left: 1rem;
}
.list-circle {
  padding-left: 4rem;
}
.list-circle li {
  padding-left: 0rem;
}
.sous-mesure {
 padding-left: 1.5rem;
 border-left: 5px #d7d2d1 solid;
}
.p-subtitle {
  font-size: 1.15rem;
  color: var(--app-color-gray);
}
h3[data-toggle]:active i {
  transform: rotate(90deg);
}
[aria-expanded="true"] {
  background-color: white!important;
}
[aria-expanded="true"] > .icon > span {
  transform: rotate(90deg);
  /*transform-origin: center center;*/
}
.custom-border-title {
  border: solid 2px var(--app-color-lightgray);
}
.custom-border-content {
  border: solid 2px var(--app-color-pastel-gray);
  border-top: unset;
}
.icon {
  font-size: 32px;
  color: var(--app-color-orange);
}
  .padding-collapse {
    padding-right: 3rem;
    padding-left: 3rem;
  }
@media only screen and (min-width: 992px) and (max-width: 1380px) {
  .card-container .card {
    height: auto;
  }    
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-container {
    margin-top: 30px;
  }
  .card-container .card {
    height: auto;
    width: 100%;
  }
  .card-container .card .text-container {
    padding: 1rem 0 2rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .bg-entete-img {
    top: 0%;
  }
  .card-container .card {
    height: auto
  }
  .carousel {
    padding-bottom: 25px;
    margin-bottom: 50px;
  }
  .carousel-sizer {
    height: 130%;
  }
  .carousel-sizer .carousel-item {
    top: 40px;
  }
  .carousel-item .card {
    width: 80%;
    margin: 0 auto;
  }
  .bouton-plaquette {
    /*padding-top: 1rem;*/
    padding-bottom: 1rem;
  }
  .bouton-plaquette div {
    width: 100%;
    padding: 1rem;
  }
  .padding-x-remove {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-collapse {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 450px) {
  .bg-entete h1 {
    top: -1em;
  }
} 
@media only screen and (max-width: 350px) {
  .card-container .card .text-container h3 {
    max-height: unset;
    height: 90px
  }
}