/*pour la page accueil */
.stcclass1 {width: 98%; min-width: 330px;min-height: 50px;vertical-align: top;padding: 8px;margin: 8px;text-align: justify;background-color:#f4f4f4;border: #7474ff;border-style: ridge;border-radius: 8px;padding: .6em 2em;}
.stcclass2 {width: 48%; min-width: 320px;min-height: 50px;padding: 8px;margin: 8px;text-align: justify;background-color:#fff;border: #FAFBFC;border-style: none;border-radius: 8px;padding: .6em 2em;}
.stcclass3 {width: 50%; min-width: 320px;min-height: 50px;vertical-align: top;padding: 8px;margin: auto;text-align: justify;background-color:#f4f4f4;border: #7474ff;border-style: ridge;border-radius: 8px;padding: .6em 2em;margin: 1em;}

/*pour le bouton entrons page accueil */
.bouton{padding: 8px;margin: 8px;text-align: justify;background-color:transparent;border: #ac0202;border-style: ridge;border-radius: 8px;padding: .5em 2em;}

.container-banner .banner-overlay .overlay {
  text-align: center;
  background-color: transparent;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2em;
  display: flex;
  height: 80%;}

*, ::before, ::after {
  box-sizing: inherit;}