/* SELECTED PAGE */
.app-navmenu li:nth-child(4) {
  padding-bottom: 2.5em;
  padding-top: 2.5em;
  border-bottom: var(--app-color-violet) 2px solid; /* Transparent bottom border */
  margin-left: 1vw;
  margin-bottom: 2px;
}
.app-navmenu li.nav-item:nth-child(4)::after {
  content: "\25b4";
  color: var(--app-color-violet);
  text-align: center;
  bottom: -8px;
  left: calc(100% / 2.25);
  position: absolute;
}
/* END SELECTED PAGE */
/* GLOBAL RULES */ 
ul {
  padding-left: 30px;
}
.align-text-img {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.bg-entete-img {
  top: -100%;
}   
.violet-box {
  background: var(--app-color-violet);
  padding: 10px 10px;
  text-align: center;
  margin: 1em 0;
  color: white;
}  
.violet-box a {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  cursor: pointer;
}
.violet-box:hover {
  filter: brightness(90%);
}
.padding-list {
  padding-left: 1.5rem;
}
.already-client p, {
  font-size: 1.3rem;
}
/* END GLOBAL RULES */
/* -------------------
   ---- Mobilier -----
   ------------------- */
.first-block .text-img {
  padding-left: 1.5rem;
  padding-right: 4rem;
}
/* -----------------------
   ---- Savoir-faire -----
   ----------------------- */
[class^="img-border"] {
  overflow: hidden;
}
.img-border-top {
  border-top: solid 7px white;
  width: 50%;
}
.img-border-right {
  border-right: solid 7px white;
  width: 50%;
}
.img-border-bottom {
  border-bottom: solid 7px white;
  width: 50%;
}
.img-border-left {
  border-left: solid 7px white;
  width: 50%;
}
/* ----------------------
   ---- Agriculture -----
   ---------------------- */
.img-container img {
  left: var(--m);
  top: var(--t);
  z-index: var(--z);
}
.corsica {
  width: 22.5%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .medium-screen-img {
    max-height: 325px;
  }
}
@media only screen and (max-width: 992px) { 
  .medium-screen-shock {
    margin: 1.1rem auto 2rem auto;
    order: 1;    
  }
  .medium-screen-text-shock {
    order: 2;
  }
  .block-shock .violet-box {
    width: 50%;
    margin: 1rem auto;
  }
}
@media only screen and (max-width: 991px) {
  .first-block .text-img {
    padding-left: 0;
    padding-right: 0;
  }
  .bg-entete-img {
    top: 0;
  }
  .violet-box {
    width: 60%;
    margin: 1em auto;
  }
  .align-text-img {
    justify-content: unset;
    font-size: .95rem;
    height: unset;
    max-height: unset;
  }
  .medium-screen-text {
    order: 2;
  }
  .medium-screen-img {
    margin: 1.1rem auto;
    order: 1;
  }
}
@media only screen and (max-width: 768px) {
  .bg-entete {
    height: auto;
    min-height: 145px; 
  }
  .bg-entete-img {
    top: 0;
  }
  .violet-box {
    width: 75%;
  }
  .align-text-img {
    display: flex;
    justify-content: unset;
    flex-direction: column;
    height: unset;
    max-height: unset;
  }
  .medium-screen-img {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .agriculture-tablet {
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .demarcation-line {
    display: inline-block;
    transform: rotate(90deg);
  }
  .violet-box {
    width: 100%;
  }  
  .block-shock .violet-box {
    width: 100%;
  }
}