@import "plugins/bootstrap5.min.css";
/* Text */
/* Reset */
/* transition */
/* Utilitaires */
/* Bouton */
/* BG */
/* tag */
/* Responsive */
/* Colors */
/* Hover */
/*------------*/
/* Responsive */
/*-----------*/
/*----------*/
/* Settings */
/*---------*/
/*Button*/
/*Icone*/
/*Soustraction*/
/*Link*/
/*tag*/
/*Other*/
/*------*/
/* MENU */
/*------*/
/*------*/
/* Typo */
/*------*/
/*----------*/
/*-- Buttons  --*/
/*----------*/
/* Reset */
a {
  text-decoration: none;
  font-family: "itc-avant-garde-gothic-pro", "Poppins", sans-serif;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
a[href^="mailto:"] {
  text-transform: lowercase !important;
}
@media only screen and (max-width: 576px) {
  a {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}

button {
  background: transparent;
  outline: none;
  border: 0;
}

a, button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover, a:focus, a:active, button:hover, button:focus, button:active {
  text-decoration: none;
}

.link {
  text-transform: inherit;
}
.link svg {
  position: relative;
  top: -2px;
}

.btn-primary {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: #8F1739;
  color: #fff;
  text-transform: uppercase;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #631128;
  color: #fff;
  border-color: transparent;
}
.btn-primary svg {
  position: relative;
  top: -3px;
}

.btn-secondary {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: #F28C00;
  color: #fff;
  text-transform: uppercase;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #631128;
  color: #fff;
  border-color: transparent;
}
.btn-secondary svg {
  position: relative;
  top: -3px;
}

.btn-third {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: #631128;
  color: #fff;
  text-transform: uppercase;
}
.btn-third:hover, .btn-third:focus, .btn-third:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #000;
  color: #fff;
  border-color: transparent;
}
.btn-third svg {
  position: relative;
  top: -3px;
}

.btn-dark {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: #373737;
  color: #fff;
  text-transform: uppercase;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #8F1739;
  color: #fff;
  border-color: transparent;
}
.btn-dark svg {
  position: relative;
  top: -3px;
}

.btn-light {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: #EDEDED;
  color: #373737;
  text-transform: uppercase;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #F28C00;
  color: #373737;
  border-color: transparent;
}
.btn-light svg {
  position: relative;
  top: -3px;
}

.btn-white {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: #fff;
  color: #8F1739;
  text-transform: uppercase;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #8F1739;
  color: #fff;
  border-color: transparent;
}
.btn-white svg {
  position: relative;
  top: -3px;
}

.btn-outline-primary {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: #8F1739;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: transparent;
  color: #8F1739;
  text-transform: uppercase;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #8F1739;
  color: #fff;
  border-color: #8F1739;
}
.btn-outline-primary svg {
  position: relative;
  top: -3px;
}

.btn-outline-secondary {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: #F28C00;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: transparent;
  color: #F28C00;
  text-transform: uppercase;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #F28C00;
  color: #fff;
  border-color: #F28C00;
}
.btn-outline-secondary svg {
  position: relative;
  top: -3px;
}

.btn-outline-third {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: #631128;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: transparent;
  color: #631128;
  text-transform: uppercase;
}
.btn-outline-third:hover, .btn-outline-third:focus, .btn-outline-third:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #631128;
  color: #fff;
  border-color: #631128;
}
.btn-outline-third svg {
  position: relative;
  top: -3px;
}

.btn-outline-dark {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: #373737;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: transparent;
  color: #373737;
  text-transform: uppercase;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #373737;
  color: #fff;
  border-color: #373737;
}
.btn-outline-dark svg {
  position: relative;
  top: -3px;
}

.btn-outline-light {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: #EDEDED;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: transparent;
  color: #EDEDED;
  text-transform: uppercase;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #EDEDED;
  color: #373737;
  border-color: #EDEDED;
}
.btn-outline-light svg {
  position: relative;
  top: -3px;
}

.btn-outline-white {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0;
  border-style: solid;
  border-color: #fff;
  padding: 1rem 1.2rem;
  line-height: 1.1rem;
  border-radius: 7px;
  font-size: calc(1rem + 0.035vw);
  font-weight: 600;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
}
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active {
  text-decoration: none;
  outline: 0 transparent;
  background-color: #fff;
  color: #8F1739;
  border-color: #fff;
}
.btn-outline-white svg {
  position: relative;
  top: -3px;
}

.link-primary {
  color: #8F1739;
}
.link-primary:hover, .link-primary:focus, .link-primary:active {
  color: #631128;
}

.link-secondary {
  color: #F28C00;
}
.link-secondary:hover, .link-secondary:focus, .link-secondary:active {
  color: #631128;
}

.link-third {
  color: #631128;
}
.link-third:hover, .link-third:focus, .link-third:active {
  color: #000;
}

.link-dark {
  color: #373737;
}
.link-dark:hover, .link-dark:focus, .link-dark:active {
  color: #8F1739;
}

.link-light {
  color: #EDEDED;
}
.link-light:hover, .link-light:focus, .link-light:active {
  color: #F28C00;
}

.link-white {
  color: #fff;
}
.link-white:hover, .link-white:focus, .link-white:active {
  color: rgba(255, 255, 255, 0.5);
}

.btn-icone {
  width: 37px;
  height: 37px;
  line-height: 37px;
  border-radius: 100%;
  padding: 0;
  text-align: center;
}
.btn-icone svg {
  height: calc(37px - 50%);
  width: calc(37px - 50%);
  top: -3px;
  position: relative;
}

.list-icone {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.list-icone li {
  display: inline-block;
}
.list-icone a {
  display: block;
  text-align: center;
  border-radius: 100%;
  width: 37px;
  height: 37px;
  line-height: 37px;
}
.list-icone a svg {
  height: calc(37px - 50%);
  width: calc(37px - 50%);
  top: -2px;
  position: relative;
}

.top-container #top {
  position: fixed;
  margin: auto;
  opacity: 0;
  right: 0;
  bottom: 70px;
}
.top-container #top.is-visible {
  opacity: 1;
}

header ul, footer ul {
  list-style: none;
  padding-left: 0;
}

/*------------------------------------------------------*/
/* -------------------- */
/* Img */
/* -------------------- */
figure {
  margin: 0;
  position: relative;
}

/*------------------------------------------------------*/
/* -------------------- */
/*  Image background */
/* -------------------- */
.cardImg {
  position: relative;
  width: 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: auto;
  display: block;
  overflow: hidden;
}
.card-item .cardImg:hover {
  opacity: 0.85;
}

/*----------*/
/*-- Container --*/
/*----------*/
.small-container {
  width: 750px;
  margin: auto;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/*----------------*/
/*-- BG --*/
/*----------------*/
.bg-primary {
  background-color: #8F1739;
  color: #fff;
}

.bg-secondary {
  background-color: #F28C00;
  color: #fff;
}

.bg-third {
  background-color: #631128;
  color: #fff;
}

.bg-dark {
  background-color: #373737;
  color: #fff;
}

.bg-light {
  background-color: #EDEDED;
  color: #373737;
}

.bg-white {
  background-color: #fff;
  color: #8F1739;
}

/*----------------*/
/*-- TAG --*/
/*----------------*/
.tag-primary {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 300;
  padding: 0.5rem 0.75rem;
  margin: 0 0 0 0;
  background-color: #8F1739;
  color: #fff;
}

.tag-secondary {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 300;
  padding: 0.5rem 0.75rem;
  margin: 0 0 0 0;
  background-color: #F28C00;
  color: #fff;
}

.tag-third {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 300;
  padding: 0.5rem 0.75rem;
  margin: 0 0 0 0;
  background-color: #631128;
  color: #fff;
}

.tag-dark {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 300;
  padding: 0.5rem 0.75rem;
  margin: 0 0 0 0;
  background-color: #373737;
  color: #fff;
}

.tag-light {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 300;
  padding: 0.5rem 0.75rem;
  margin: 0 0 0 0;
  background-color: #EDEDED;
  color: #373737;
}

.tag-white {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 300;
  padding: 0.5rem 0.75rem;
  margin: 0 0 0 0;
  background-color: #fff;
  color: #8F1739;
}

/*----------------*/
/*-- Responsive --*/
/*----------------*/
@media only screen and (max-width: 768px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .navbar, .small-container {
    padding-right: 7% !important;
    padding-left: 7% !important;
  }
}

/*----------------------*/
/* -------------------- */
/* Animations */
/* -------------------- */
/*----------------------*/
/* -------------------- */
/* Animation bouton */
/* -------------------- */
/*https://ianlunn.github.io/Hover/*/
/* -------------------- */
/* Scroll fire */
/* -------------------- */
.fadeScroll, .fadeScrollRight, .fadeScrollLeft, .fadeElemTimeline {
  opacity: 1;
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -ms-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.fadeScroll.not-visible, .fadeScrollRight.not-visible, .fadeScrollLeft.not-visible, .fadeElemTimeline.not-visible {
  opacity: 0;
}

@media (max-width: 991.98px) {
  .fadeScroll, .fadeScrollRight, .fadeScrollLeft, .fadeElemTimeline {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  .fadeScroll.not-visible, .fadeScrollRight.not-visible, .fadeScrollLeft.not-visible, .fadeElemTimeline.not-visible {
    -webkit-transform: translateY(20px) !important;
    -moz-transform: translateY(20px) !important;
    -ms-transform: translateY(20px) !important;
    transform: translateY(20px) !important;
  }
}
@media (min-width: 991.98px) {
  .fadeScrollRight, .fadeScrollLeft, .fadeElemTimeline {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .fadeScrollRight.not-visible {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
  }

  .fadeScrollLeft.not-visible {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  .fadeScroll {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .fadeScroll.not-visible {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
}
/*----------*/
/*-- FONT --*/
/*----------*/
body {
  font-family: "itc-avant-garde-gothic-pro", "Poppins", sans-serif;
  color: #373737;
}

body, p, span, a, .link, button.link {
  font-size: calc(1rem + 0.035vw);
}

.btn, .link {
  font-family: "itc-avant-garde-gothic-pro", "Poppins", sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
  font-family: "itc-avant-garde-gothic-pro", "Poppins", sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .title a {
  font-size: 100% !important;
}

@media only screen and (max-width: 768px) {
  h1, .h1 {
    font-size: calc(2rem + 0.015vw);
  }
  h1 svg, .h1 svg {
    width: calc(2rem + 0.015vw);
    height: calc(2rem + 0.015vw);
  }
}
@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-size: calc(2.4rem + 0.015vw);
  }
  h1 svg, .h1 svg {
    width: calc(2.4rem + 0.015vw);
    height: calc(2.4rem + 0.015vw);
  }
}

@media only screen and (max-width: 768px) {
  h2, .h2 {
    font-size: calc(1.6rem + 0.015vw);
  }
  h2 svg, .h2 svg {
    width: calc(1.6rem + 0.015vw);
    height: calc(1.6rem + 0.015vw);
  }
}
@media only screen and (min-width: 768px) {
  h2, .h2 {
    font-size: calc(2rem + 0.015vw);
  }
  h2 svg, .h2 svg {
    width: calc(2rem + 0.015vw);
    height: calc(2rem + 0.015vw);
  }
}

@media only screen and (max-width: 768px) {
  h3, .h3 {
    font-size: calc(1.4rem + 0.015vw);
  }
  h3 svg, .h3 svg {
    width: calc(1.4rem + 0.015vw);
    height: calc(1.4rem + 0.015vw);
  }
}
@media only screen and (min-width: 768px) {
  h3, .h3 {
    font-size: calc(1.6rem + 0.015vw);
  }
  h3 svg, .h3 svg {
    width: calc(1.6rem + 0.015vw);
    height: calc(1.6rem + 0.015vw);
  }
}

@media only screen and (max-width: 768px) {
  h4, .h4 {
    font-size: calc(1rem + 0.015vw);
  }
  h4 svg, .h4 svg {
    width: calc(1rem + 0.015vw);
    height: calc(1rem + 0.015vw);
  }
}
@media only screen and (min-width: 768px) {
  h4, .h4 {
    font-size: calc(1.4rem + 0.015vw);
  }
  h4 svg, .h4 svg {
    width: calc(1.4rem + 0.015vw);
    height: calc(1.4rem + 0.015vw);
  }
}

h5, .h5, h6, .h6 {
  font-size: calc(1rem + 0.015vw);
}
h5 svg, .h5 svg, h6 svg, .h6 svg {
  width: calc(1rem + 0.015vw);
  height: calc(1rem + 0.015vw);
}

p {
  white-space: normal !important;
}

p a, small a {
  font-size: 100%;
}

/* -------------- */
/* Setting */
/* -------------- */
body {
  font-family: "itc-avant-garde-gothic-pro", "Poppins", sans-serif;
  color: #373737;
}

h1, h2.title {
  font-family: "FV Almelo", "Dosis", sans-serif !important;
  color: #8F1739;
  text-align: center;
}

header {
  background-color: #8F1739;
  position: relative;
}
header figure {
  position: relative;
  z-index: 1;
  text-align: center;
}
header:after {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: -200px;
  z-index: 0;
  background-image: url("../medias/vague.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: tranparent;
}

main {
  margin-top: 150px;
}

#intro {
  background-color: #EDEDED;
}

.intro ul:first-of-type {
  border-top: 1px solid #F28C00;
  border-bottom: 1px solid #F28C00;
}
.intro ul:last-of-type {
  border-bottom: 1px solid #F28C00;
  margin-bottom: 2rem;
}
.intro ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  padding: 1rem 0;
}
.intro ul li {
  padding: 0.35rem 0;
  font-weight: bold;
}
.intro ul li p, .intro ul small {
  font-weight: 200;
}
.intro ul .puce-transparente {
  opacity: 0;
}

.puce {
  color: #F28C00;
}

.card-item figure {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-item figure:hover, .card-item figure:focus, .card-item figure:active {
  opacity: 0.75;
}
.card-item .title {
  font-weight: bold;
  color: #8F1739;
  margin-bottom: 1rem;
}

#je-prends-contact {
  background-color: #EDEDED;
  padding: 2rem;
  border-radius: 7px;
  padding-bottom: 170px !important;
}

#btn-fix {
  position: fixed;
  z-index: 10;
  background-color: #00c168;
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  #btn-fix {
    width: 100%;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) {
  #btn-fix {
    bottom: 2rem;
    right: 2rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
}
@media only screen and (min-width: 1200px) {
  #btn-fix {
    bottom: 3rem;
    right: 3rem;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}

#contact {
  color: #8F1739;
  text-align: center;
  position: relative;
  margin-top: -75px;
}
#contact article {
  position: relative;
  z-index: 1;
}
#contact:before {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  top: -100px;
  z-index: 0;
  background-image: url("../medias/vague2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: tranparent;
}

footer {
  color: #fff;
  background-color: #8F1739;
}
footer img {
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 7px;
}
footer figure {
  text-align: center;
  color: #fff;
}
footer figure:first-of-type:after {
  content: "";
  display: block;
  height: 1px;
  width: 150px;
  background-color: #F28C00;
  margin: 2rem auto;
}

/*# sourceMappingURL=style.css.map */