@charset "UTF-8";
/* Hover */
/*------*/
/* Typo */
/*------*/
/*------------*/
/* Responsive */
/*-----------*/
/*----------*/
/* Settings */
/*---------*/
/*Button*/
/*SVG*/
/*Button TOP*/
/*Icone*/
/*Soustraction*/
/*tag*/
/*form*/
/*Other*/
/*------*/
/* MENU */
/*------*/
/* Navbar */
/* Logo */
/* Ecran */
/* SUBMENU */
/* Mobile */
/*------------------------------------------------------*/
/* -------------------- */
/* Img */
/* -------------------- */
@import url(plugins/bootstrap5.min.css);
figure {
  margin: 0; }

/*------------------------------------------------------*/
/* -------------------- */
/*  Image background */
/* -------------------- */
.squareImg {
  position: relative;
  width: 100%;
  padding-top: 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;
  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.85; }

.rectangleImg {
  position: relative;
  width: 100%;
  padding-top: 62.5%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  background-size: cover !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 {
    opacity: 0.85; }

.bg-img {
  background-repeat: no-repeat;
  background-position: center center; }

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

/* Hover */
/*------*/
/* Typo */
/*------*/
/*------------*/
/* Responsive */
/*-----------*/
/*----------*/
/* Settings */
/*---------*/
/*Button*/
/*SVG*/
/*Button TOP*/
/*Icone*/
/*Soustraction*/
/*tag*/
/*form*/
/*Other*/
/*------*/
/* MENU */
/*------*/
/* Navbar */
/* Logo */
/* Ecran */
/* SUBMENU */
/* Mobile */
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; } }
/* Text */
/* Reset */
/* transition */
/* Utilitaires */
/* Bouton */
/* BG */
/* Text color */
/* Filter */
/* tag */
/* Responsive */
/* Shadow */
header ul, footer ul {
  list-style: none;
  padding-left: 0; }

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

.filter-bw {
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); }

/*------------------------------------------------------*/
/* -------------------- */
/*  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 --*/
/*----------*/
@media only screen and (min-width: 768px) {
  .small-container {
    width: 900px; } }

.mid-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5); }
  @media only screen and (min-width: 768px) {
    .mid-container {
      max-width: 360px; } }
  @media only screen and (min-width: 992px) {
    .mid-container {
      max-width: 480px; } }
  @media only screen and (min-width: 1200px) {
    .mid-container {
      max-width: 535px; } }
  @media only screen and (max-width: calc(768px - 0.2px)) {
    .mid-container {
      max-width: 100%;
      margin: auto; } }

/*----------*/
/*-- Logo --*/
/*----------*/
/*#logo, .navbar-brand{
  @include respond(max-md){
    width: $logo-widthM;
    height: $logo-heightM;
    &:not(.inherit-width){
      width: calc(90px + 2%);
    }
  }
  @include respond(min-md){
    width: $logo-widthE;
    height: $logo-heightE;
    &:not(.inherit-width){
      width: calc(120px + 4%);
    }
  }
  @include transition-all;
}*/
/*----------------*/
/*-- BG --*/
/*----------------*/
.bg_primary {
  background-color: #1D1D1B;
  color: #fff; }

.bg_secondary {
  background-color: #5d288a;
  color: #fff; }

.bg_third {
  background-color: #ffd744;
  color: #fff; }

.bg_dark {
  background-color: #1D1D1B;
  color: #fff; }

.bg_light {
  background-color: #fff;
  color: #1D1D1B; }

.bg_white {
  background-color: #fff;
  color: #1D1D1B; }

.bg_success {
  background-color: #008554;
  color: #fff; }

.bg_danger {
  background-color: #bd0000;
  color: #fff; }

/*----------------*/
/*-- 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: #1D1D1B;
  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: #5d288a;
  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: #ffd744;
  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: #1D1D1B;
  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: #fff;
  color: #1D1D1B; }

.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: #1D1D1B; }

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

body {
  color: #1D1D1B; }

.flex-width {
  flex: 0 0 auto; }

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

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

header figure {
  position: relative; }
header svg {
  color: #fff;
  position: absolute;
  bottom: 1rem;
  right: 1rem; }
header .cardImg {
  padding-top: 55vh; }
  @media only screen and (min-width: 1200px) {
    header .cardImg {
      padding-top: 75vh; } }

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