/* ---------------
----- GLOBAL -----
------ RULES -----
------------------*/
/*.app-navmenu li.nav-item:nth-child(2)::after {
  content: "\25b4";
  color: var(--app-color-green);
  text-align: center;
  bottom: -8px;
  left: calc(100% / 2.25);
  position: absolute;
}
.app-navmenu li:nth-child(2) {
  border-bottom-color: var(--app-color-green);
}*/
main a:not(.bouton-riep a) {
  text-decoration: underline;
}
main {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
/* ---------------
------ END -------
----- GLOBAL -----
------ RULES -----
------------------*/
.tab-color,
.tab-color-paragraph {
  text-align: center;
  padding: 1em 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-color {
  min-height: 5em;
}
.tab-color-paragraph {
	min-height: 2.5em;
	/*max-height: 3.12em;*/
}
.tab-color-paragraph h3 {
  margin-bottom: 0
}
.offer-detail ul {
  padding-left: 1rem
}
.bouton-riep {
  width: 80%;
  text-align: center;
  padding: 1em 2em;	
}
@media (max-width: 1300px) {
	.tab-color {
	  min-height: 8em;
	}
	.tab-color-paragraph {
		/*max-height: 5em;*/
	}
}
/* ---------------
------------------
--- BREAKPOINT ---
------------------
------------------*/
@media (min-width: 992px) {
  .offer-col {
    border-right: 1px solid var(--app-color-darkgray);
  }
}

@media (max-width: 430px) {
  .app-padding-x {
    padding-left: 0!important; 
    padding-right: 0!important; 
    max-width: var(--main-max-width);
    margin: 0 auto;
  }
  main {
    margin-top: -50px;
    margin-bottom: .5rem;
  }
  .bg-entete h1 {
    top: -50px;
  }
  .bouton-riep {
    width: 100%;
  }
}