/* line 1, app_site/static/scss/app_site/page_a_propos/style.scss */
h1 {
  text-align: center;
  max-width: 90%;
  margin-bottom: 6rem; }

/* line 8, app_site/static/scss/app_site/page_a_propos/style.scss */
main {
  padding-bottom: 9rem; }

/* line 13, app_site/static/scss/app_site/page_a_propos/style.scss */
.wrapper {
  display: flex;
  gap: 0;
  width: 100%;
  align-items: center; }
  /* line 20, app_site/static/scss/app_site/page_a_propos/style.scss */
  .wrapper .l img {
    width: 33rem;
    box-shadow: -3rem -3rem 0 black;
    position: relative;
    bottom: -3rem; }
  /* line 28, app_site/static/scss/app_site/page_a_propos/style.scss */
  .wrapper .r {
    flex: 1;
    padding: 0 4rem 0;
    margin-top: 1rem;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    /* line 37, app_site/static/scss/app_site/page_a_propos/style.scss */
    .wrapper .r .text {
      display: flex;
      flex-direction: column;
      gap: 1rem; }
    /* line 43, app_site/static/scss/app_site/page_a_propos/style.scss */
    .wrapper .r b {
      color: var(--red-400); }
    /* line 47, app_site/static/scss/app_site/page_a_propos/style.scss */
    .wrapper .r h2 {
      margin-bottom: 2rem; }

/* line 54, app_site/static/scss/app_site/page_a_propos/style.scss */
#valeurs {
  padding-top: 3rem;
  padding-bottom: 6rem; }
  /* line 58, app_site/static/scss/app_site/page_a_propos/style.scss */
  #valeurs .wrapper {
    flex-direction: row-reverse; }
    /* line 62, app_site/static/scss/app_site/page_a_propos/style.scss */
    #valeurs .wrapper .l img {
      box-shadow: none;
      width: 25rem; }