@charset "UTF-8";
@import "https://use.typekit.net/fdi1qig.css";
@import url("https://fonts.googleapis.com/css2?family=Signika:wght@300;600&display=swap");
/* MENU */
/*----------------------*/
/* -------------------- */
/* Animations */
/* -------------------- */
/*----------------------*/
/* -------------------- */
/* Animation bouton */
/* -------------------- */
/*https://ianlunn.github.io/Hover/*/
/* -------------------- */
/* Scroll fire */
/* -------------------- */
@import url(plugins/bootstrap.min.css);
@media (min-width: 991.98px) {
  .fadeScroll, .fadeScrollRight, .fadeScrollLeft {
    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 {
      opacity: 0; }

  .fadeScrollRight, .fadeScrollLeft {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

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

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

  .fadeScroll {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .fadeScroll.not-visible {
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -o-transform: translateY(50px);
      transform: translateY(50px); } }
/*------------------------------------------------------*/
/* -------------------- */
/* Img */
/* -------------------- */
figure {
  margin: 0; }

/*------------------------------------------------------*/
/* -------------------- */
/*  Image background */
/* -------------------- */
.squareImg {
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: inherit;
  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;
  transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -ms-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease; }
  .squareImg:hover {
    opacity: 0.6; }

.rectangleImg {
  position: relative;
  width: 100%;
  padding-top: 62.5%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: 100% !important;
  background-size: 100% !important;
  display: block;
  overflow: hidden;
  transition: background-size 300ms ease;
  -moz-transition: background-size 300ms ease;
  -ms-transition: background-size 300ms ease;
  -o-transition: background-size 300ms ease;
  -webkit-transition: background-size 300ms ease; }
  .rectangleImg:hover {
    background-size: 105% !important; }

/*------------------------------------------------------*/
/* -------------------- */
/*  Filtres photos */
/* -------------------- */
.filter-bw {
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); }

/* MENU */
p {
  white-space: normal !important; }

.text-shadow {
  text-shadow: 2px 1px 9px #000000;
  -wekit-text-shadow: 2px 1px 9px #000000;
  -moz-text-shadow: 2px 1px 9px #000000;
  -o-text-shadow: 2px 1px 9px #000000; }

blockquote {
  opacity: 0.75;
  font-style: italic;
  padding: 1.5rem; }
  blockquote p:before, blockquote p:after {
    font-size: 130%;
    font-weight: bold; }
  blockquote p:before {
    content: '« '; }
  blockquote p:after {
    content: ' »'; }
  blockquote cite {
    text-align: right;
    display: block;
    font-weight: bold; }

@media (max-width: 580px) {
  p, a, h1, h2, h3, h4, h5, h6 {
    word-break: break-word !important;
    overflow-wrap: break-word !important; } }
/*Profile Pro Light

font-family: profile-pro, sans-serif;

font-weight: 300;

font-style: normal;


Profile Pro Bold

font-family: profile-pro, sans-serif;

font-weight: 700;

font-style: normal;*/
/*----------*/
/*-- BTN  --*/
/*----------*/
.btn {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0 solid transparent;
  padding: 1rem 1.3rem;
  line-height: 1.1rem;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  font-size: calc(1.4rem + .15vw);
  text-transform: uppercase;
  letter-spacing: 0.085rem; }

.btn-rose {
  background: #e5007d;
  color: #fff; }
  .btn-rose:focus, .btn-rose:hover {
    background: #7c0042;
    color: #fff; }

a {
  color: #555; }

a:hover {
  color: #666; }

.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;
  text-transform: inherit;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  padding: 0.75rem 1.2rem !important;
  line-height: inherit;
  border-radius: 0;
  font-size: calc(1.1rem + .015vw);
  font-weight: 800;
  color: #fff !important;
  box-shadow: 0 0.125rem 0.85rem rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #e5007d; }
  .btn_primary:focus, .btn_primary:hover, .btn_primary:active {
    background: #7c0042;
    color: #fff;
    text-decoration: none; }

.btn_primary.stretched-link {
  margin-top: -50px; }
  @media (min-width: 1200px) {
    .btn_primary.stretched-link {
      margin-top: -200px; } }

.bg_light {
  background-color: #e2dad0; }

/*----------*/
/*-- FONT --*/
/*----------*/
h1, .h1 {
  font-size: calc(2rem + .15vw); }

h2, .h2 {
  font-size: calc(1.8rem + .15vw); }

h3, .h3 {
  font-size: calc(1.6rem + .15vw); }

h4, .h4 {
  font-size: calc(1.4rem + .15vw); }

h5, .h5 {
  font-size: calc(1.1rem + .15vw); }

h6, .h6 {
  font-size: calc(0.8rem + .15vw); }

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

b, strong {
  font-weight: 700; }

small a {
  font-size: 100%; }

.mauve, a:hover, a:focus {
  color: #7c0042; }

.rose, a {
  color: #e5007d; }

.vert {
  color: #006449; }

figure {
  position: relative; }

/*----------*/
/*--CONTAIN--*/
/*----------*/
.small-container {
  width: 500px;
  max-width: 100%;
  margin: auto; }

/*----------*/
/*-- BODY --*/
/*----------*/
body {
  font-family: profile-pro, 'Signika', sans-serif;
  color: #000;
  font-weight: 300;
  font-style: normal; }

.title {
  color: #e5007d;
  font-weight: 600; }

/*----------*/
/*- HEADER -*/
/*----------*/
/*----------*/
/*-- MAIN --*/
/*----------*/
.heure {
  display: inline-block;
  background: #7c0042;
  color: #fff;
  padding: 0 0.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem; }

#programme {
  background: #e2dad0; }

#titre-infos {
  background: #e5007d;
  color: #fff; }
  #titre-infos .st55 {
    fill: #fff; }

hr {
  border-color: #fff; }

#infos article {
  margin-bottom: 2rem; }
#infos h4 {
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: #e5007d; }

/*----------*/
/*-- PAGE --*/
/*----------*/
/*----------*/
/*- FOOTER -*/
/*----------*/
.rs a {
  display: inline-block; }
.rs a:hover span {
  background-color: #e5007d; }
  .rs a:hover span svg {
    color: #fff; }
.rs svg {
  color: #7c0042; }
.rs a span {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: #e2dad0;
  text-align: center;
  border-radius: 100%;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  -ms-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms; }
.rs .fa-facebook-f {
  width: 17px; }
.rs .fa-instagram {
  width: 26px; }

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