#presentation
  text-align: center
  position: relative

  &::before
    height: 8px
    width: 100%
    background: var(--color-highlight)
    content: ""
    position: absolute
    left: 0
    right: 0
    top: 11rem

#contact
  .cadre
    margin: 2rem 0
    display: inline-block
    padding: 1rem
    line-height: 2
    // background: no-repeat center url(/pictos/cadre.svg)
    // background-size: container

    border: 8px solid var(--color-highlight)

    a
      padding: 1rem


#info
  display: flex
  justify-content: center
  flex-wrap: wrap
  align-items: center
  section
    margin: 2rem auto

  margin-left: -1rem
  margin-right: -1rem

  h3
    text-align: center
    margin: 2rem 0

  #valeurs
    background-color: var(--color-background-card)

    // transform: rotate(-2deg)
    padding: 1rem

#partenaire
  ul
    display: flex
    justify-content: center
    align-items: flex-start
    width: 100%
    @media screen and (max-width: $size-small)
      flex-wrap: wrap
    li
      text-align: center
      padding: $size-space/2
  img
    height: 75px
    margin: 0 auto
    filter: grayscale(1)

    &:hover
      filter: grayscale(0)
