@charset "UTF-8";

html {
  --blue: #11559c;
  --blueBtn: #0091ea;
  --blueBtnHover: #0574b8;
  --blueText: #389aff;
  --blueRgpd: #003399;
  --blueOffer: #0d9df8;
  --orangeBtn: #ef7013;
  --orangeBtnHover: #e16912;
  --orange: #fc9425;
  --lightGrey: #f9f9f9;
  --darkGrey: #282828;
  --redText: #ff0101;
  --greyText: #494949;
  --greySecondaryText: #6c6c6c;
  --greyTertiaryText: #9c9c9c;
  --yellowBtn: #fad145;
  --yellowBtnHover: #f5c00a;
  --greenBtn: #11cb27;
  --greenBtnHover: #01a714;
  --redBtn: #c9041b;
  --redBtnHover: #9e0315;
  --hauteur_barre_login: 40px;
  --largeur_menu_responsif: 250px;
  --taille_burger: 50px;
  --hauteur_entete_home: 480px;
  --hauteur_entete: 300px;
  --hauteur_entete_mobile: 300px;
}

@font-face {
  font-family: "Open-Sans";
  src: url("/fonts/OpenSans-Regular.eot");
  src: url("/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Regular.woff2") format("woff2"), url("/fonts/OpenSans-Regular.woff") format("woff"), url("/fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Open-Sans-Semi-Bold";
  src: url("/fonts/OpenSans-SemiBold.eot");
  src: url("/fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("/fonts/OpenSans-SemiBold.woff") format("woff"), url("/fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Open-Sans-Bold";
  src: url("/fonts/OpenSans-Bold.eot");
  src: url("/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("/fonts/OpenSans-Bold.woff") format("woff"), url("/fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Heavy.eot");
  src: url("/fonts/Lato-Heavy.eot?#iefix") format("embedded-opentype"), url("/fonts/Lato-Heavy.woff2") format("woff2"), url("/fonts/Lato-Heavy.woff") format("woff"), url("/fonts/Lato-Heavy.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Semibold";
  src: url("/fonts/Lato-Semibold.eot");
  src: url("/fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/Lato-Semibold.woff2") format("woff2"), url("/fonts/Lato-Semibold.woff") format("woff"), url("/fonts/Lato-Semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Bold";
  src: url("/fonts/Lato-Bold.eot");
  src: url("/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Lato-Bold.woff2") format("woff2"), url("/fonts/Lato-Bold.woff") format("woff"), url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Light";
  src: url("/fonts/Lato-Light.eot");
  src: url("/fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Lato-Light.woff2") format("woff2"), url("/fonts/Lato-Light.woff") format("woff"), url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.open {
  font-family: "Open-Sans" !important;
}

.open-semibold {
  font-family: "Open-Sans-Semi-Bold" !important;
}

.open-bold {
  font-family: "Open-Sans-Bold" !important;
}

.lato {
  font-family: "Lato-Heavy" !important;
}

.lato-bold {
  font-family: "Lato-Bold" !important;
}

.lato-semibold {
  font-family: "Lato-Semibold" !important;
}

.lato-light {
  font-family: "Lato-Light";
}

.text-bold {
  font-weight: bold;
}

.text-underline {
  text-decoration: underline;
}

.white {
  color: #fff !important;
}

.blue {
  color: var(--blueText);
}

.blue-offer {
  color: var(--blueOffer);
}

.red {
  color: var(--redText);
}

.black {
  color: #000;
}

.grey {
  color: var(--greyText);
}

.orange {
  color: var(--orange);
}

.secondary-grey {
  color: var(--greySecondaryText);
}

.tertiary-grey {
  color: var(--greyTertiaryText);
}

.t12 {
  font-size: 0.75em;
}

.t13 {
  font-size: 0.813em;
}

.t14 {
  font-size: 0.875em;
}

.t18 {
  font-size: 1.125em;
}

.t20 {
  font-size: 1.25em;
}

.t22 {
  font-size: 1.375em;
}

.t26 {
  font-size: 1.625em;
}

.t30 {
  font-size: 1.875em;
}

.t40 {
  font-size: 2.5em;
}

.t50 {
  font-size: 3.125em;
}

.t80 {
  font-size: 5em;
}

@media (max-width: 1199.98px) {
  .t-lg-14 {
    font-size: 0.875em;
  }

  .t-lg-18 {
    font-size: 1.125em;
  }

  .t-lg-22 {
    font-size: 1.375em;
  }

  .t-lg-26 {
    font-size: 1.625em;
  }

  .t-lg-30 {
    font-size: 1.875em;
  }

  .t-lg-40 {
    font-size: 2.5em;
  }
}

@media (max-width: 991.98px) {
  .t-md-14 {
    font-size: 0.875em;
  }

  .t-md-18 {
    font-size: 1.125em;
  }

  .t-md-22 {
    font-size: 1.375em;
  }

  .t-md-24 {
    font-size: 1.5em;
  }

  .t-md-26 {
    font-size: 1.625em;
  }

  .t-md-30 {
    font-size: 1.875em;
  }

  .t-md-40 {
    font-size: 2.5em;
  }

  .t-md-60 {
    font-size: 3.75em;
  }
}

@media (max-width: 767.98px) {
  .t-sm-14 {
    font-size: 0.875em;
  }

  .t-sm-16 {
    font-size: 1em;
  }

  .t-sm-20 {
    font-size: 1.25em;
  }

  .t-sm-22 {
    font-size: 1.375em;
  }

  .t-sm-30 {
    font-size: 1.875em;
  }
}

.l1000 {
  line-height: 1em;
}

.l1100 {
  line-height: 1.1em;
}

.l1200 {
  line-height: 1.2em;
}

.l1300 {
  line-height: 1.3em;
}

.text-shadow {
  text-shadow: 1px 1px 1px rgb(66, 66, 66) !important;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 100%;
  font-size: 1em;
  font-family: "open-sans", sans-serif;
  color: var(--greyText);
  overflow-x: hidden;
  background: var(--lightGrey);
}

body #contenu {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}

a {
  text-decoration: none;
}

.form-group {
  margin-bottom: 1rem;
}

.bg-light-grey {
  background-color: var(--lightGrey);
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: inherit;
}

a[data-bs-toggle=collapse] {
  cursor: pointer;
}

@media (max-width: 767.98px) {
  h2 {
    font-size: 1.7rem;
  }

  .hide-mobile {
    display: none;
  }
}

.bx-20 {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

.bx-10 {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.cursor-pointer {
  cursor: pointer;
}

.bg-blue-rgpd {
  background-color: var(--blueRgpd);
}

.bg-blue {
  background-color: var(--blue);
}

.bg-blue-offer {
  background-color: var(--blueOffer);
}

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

.bg-orange {
  background-color: var(--orange);
}

.bg-dark-grey {
  background-color: var(--darkGrey);
}

.bg-pattern-sport {
  background: url("/images/pattern-sport.png") repeat #fff;
  background-size: 30%;
}

.border-blue-offer {
  border-color: var(--blueOffer);
}

.border-orange-offer {
  border-color: var(--orange);
}

@media (min-width: 1200px) {
  .mt-lg-6 {
    margin-top: 4rem !important;
  }

  .mt-lg-8 {
    margin-top: 5.5rem !important;
  }
}

.mt-6 {
  margin-top: 4rem !important;
}

.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

@media (min-width: 576px) {
  .mb-sm-8 {
    margin-bottom: 7rem !important;
  }
}

input,
textarea {
  border-radius: 0 !important;
}

#page-contact input[type=text] {
  height: 50px;
}

#page-contact textarea {
  height: 252px;
}

#page-signalement textarea {
  height: 114px;
}

label {
  font-family: "Lato-Semibold" !important;
  font-size: 1.125em;
}

.help-block {
  font-size: 0.875em;
  color: var(--redText);
}

.help-block strong {
  font-weight: normal;
}

.help-block strong em {
  font-weight: bold;
}

.legal h2 {
  font-family: "lato-bold";
  font-size: 1.8em;
  margin: 40px 0 30px 0;
}

.legal h3 {
  font-family: "lato-semibold";
  font-size: 1.6em;
  margin: 40px 0 30px 20px;
}

.legal h4 {
  font-family: "lato";
  font-size: 1.3em;
  margin: 40px 0 30px 40px;
}

.legal h5 {
  font-family: "lato";
  font-size: 1.1em;
  margin: 40px 0 30px 60px;
}

.legal a {
  color: var(--darkGrey);
  text-decoration: underline;
  font-family: "lato-bold";
}

.legal p {
  margin-top: 1rem;
}

.legal ul {
  margin: 10px 0;
}

.legal ul li {
  margin: 5px 0;
}

.legal ul li ul {
  list-style-type: decimal;
}

.legal table {
  width: 100%;
  height: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  border: 1px solid var(--greyTertiaryText);
}

.legal table td,
.legal table th {
  padding: 20px;
  border: 1px solid var(--greyTertiaryText);
}

.zindex-1 {
  z-index: 1;
}

.card .card-header {
  border-bottom: 0;
}

@media (max-width: 1199.98px) {
  .card .card-body {
    padding: 0.8em;
  }

  .card .card-body ul {
    font-size: 0.87em;
  }
}

@media (max-width: 991.98px) {
  .card .card-body h4 {
    font-size: 1.3em;
  }

  .card .card-body ul {
    font-size: 0.76em;
  }
}

@media (max-width: 1199.98px) {
  #bandeau-all-functionnalities .btn {
    padding: 8px 5px;
  }
}

@media (max-width: 991.98px) {
  #bandeau-all-functionnalities .btn {
    padding: 8px 5px;
    width: 45%;
  }

  #bandeau-all-functionnalities .btn:nth-child(3),
  #bandeau-all-functionnalities .btn:nth-child(4) {
    margin-top: 15px;
  }
}

@media (max-width: 767.98px) {
  #bandeau-all-functionnalities .btn {
    width: 100%;
  }

  #bandeau-all-functionnalities .btn:nth-child(2) {
    margin-top: 15px;
  }
}

.btn {
  text-transform: uppercase;
  border-radius: 0;
  padding: 8px 18px;
  border: 0;
  font-family: "Lato", sans-serif;
  position: relative;
  overflow: hidden;
}

.btn span {
  position: relative;
  z-index: 1;
}

.btn:after {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: top 0.2s ease-out;
}

.btn:active,
.btn:hover,
.btn:focus {
  box-shadow: none !important;
  outline: none;
}

.btn:active:after,
.btn:hover:after,
.btn:focus:after {
  top: 0;
}

.btn.btn-darkGrey {
  background-color: var(--darkGrey);
  color: #fff;
  position: relative;
}

.btn.btn-darkGrey:after {
  background-color: #000;
}

.btn.btn-orange {
  background-color: var(--orangeBtn);
  color: #fff;
  position: relative;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.btn.btn-orange:active,
.btn.btn-orange:hover,
.btn.btn-orange:focus {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2) !important;
}

.btn.btn-orange:after {
  background-color: var(--orangeBtnHover);
}

.btn.btn-red {
  background-color: var(--redBtn);
  color: #fff;
  position: relative;
}

.btn.btn-red:after {
  background-color: var(--redBtnHover);
}

.btn.btn-blue-offer {
  background: var(--blueOffer);
  color: #fff;
}

.btn.btn-blue-offer:after {
  background-color: var(--blueBtnHover);
}

.btn.btn-primary {
  background: var(--blueBtn);
}

.btn.btn-primary:after {
  background-color: var(--blueBtnHover);
}

.btn.btn-secondary {
  background: var(--yellowBtn);
  color: #fff;
}

.btn.btn-secondary:after {
  background-color: var(--yellowBtnHover);
}

.btn.btn-green {
  background: var(--greenBtn);
  color: #fff;
}

.btn.btn-green:after {
  background-color: var(--greenBtnHover);
}

.btn.btn-large {
  padding: 10px 25px;
}

@media (max-width: 767.98px) {
  .btn.btn-large {
    padding: 10px 10px;
  }
}

.btn.btn-outline-primary {
  border: 1px solid #000;
  color: #000;
}

.btn.btn-outline-primary:active,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
  color: #000;
  background-color: transparent !important;
  border: 1px solid #000 !important;
  box-shadow: none !important;
}

.btn.btn-outline-primary:after {
  background-color: #eee;
  color: #000;
}

@font-face {
  font-family: "icons";
  src: url(/fonts/icons.eot?2b27e2b85195748c3c4f75465b6a2635);
  src: url(/fonts/icons.eot?2b27e2b85195748c3c4f75465b6a2635) format("embedded-opentype"), url(/fonts/icons.woff?dd3abb05a5a1b27b2358c23e85641ad1) format("woff"), url(/fonts/icons.ttf?4cab96a4b342f9b1133231e7a7c3931f) format("truetype"), url(/images/icons.svg?b5dd7913608aa2c8e7d1041388d282bb) format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cannedefensejacqueslevinet:before {
  content: "a";
}

.icon-aeroplane:before {
  content: "b";
}

.icon-aerostation:before {
  content: "c";
}

.icon-alpinisme:before {
  content: "d";
}

.icon-arbres:before {
  content: "e";
}

.icon-artmartial:before {
  content: "f";
}

.icon-artsmartiaux:before {
  content: "g";
}

.icon-athletisme:before {
  content: "h";
}

.icon-aviron:before {
  content: "i";
}

.icon-badminton:before {
  content: "j";
}

.icon-balleautambourin:before {
  content: "k";
}

.icon-ballonaupoing:before {
  content: "l";
}

.icon-balltrap:before {
  content: "m";
}

.icon-baseball:before {
  content: "n";
}

.icon-bus:before {
  content: "o";
}

.icon-bozendo:before {
  content: "p";
}

.icon-boxe:before {
  content: "q";
}

.icon-bowling2:before {
  content: "r";
}

.icon-bowling:before {
  content: "s";
}

.icon-bobsleigh:before {
  content: "v";
}

.icon-bmx:before {
  content: "w";
}

.icon-billiard2:before {
  content: "x";
}

.icon-billard:before {
  content: "y";
}

.icon-biathlon:before {
  content: "z";
}

.icon-basketball:before {
  content: "A";
}

.icon-calendrier:before {
  content: "B";
}

.icon-capoeira:before {
  content: "C";
}

.icon-canoekayak:before {
  content: "D";
}

.icon-carte:before {
  content: "E";
}

.icon-cerfvolant:before {
  content: "F";
}

.icon-chanbara:before {
  content: "G";
}

.icon-chiensdetraineau:before {
  content: "H";
}

.icon-chigong:before {
  content: "I";
}

.icon-cirque:before {
  content: "J";
}

.icon-colombophilie:before {
  content: "K";
}

.icon-coursedorientation:before {
  content: "L";
}

.icon-cricket:before {
  content: "M";
}

.icon-curling:before {
  content: "N";
}

.icon-femme:before {
  content: "O";
}

.icon-famille:before {
  content: "P";
}

.icon-escrime2:before {
  content: "Q";
}

.icon-escrime:before {
  content: "R";
}

.icon-escalade2:before {
  content: "S";
}

.icon-escalade:before {
  content: "T";
}

.icon-equitation2:before {
  content: "U";
}

.icon-equitation:before {
  content: "V";
}

.icon-enfants:before {
  content: "W";
}

.icon-echec2:before {
  content: "X";
}

.icon-echec:before {
  content: "Y";
}

.icon-danse:before {
  content: "Z";
}

.icon-cyclisme:before {
  content: "0";
}

.icon-femme2:before {
  content: "1";
}

.icon-gymastique:before {
  content: "2";
}

.icon-gymastique2:before {
  content: "3";
}

.icon-halterophilie:before {
  content: "4";
}

.icon-fille2:before {
  content: "5";
}

.icon-fille:before {
  content: "6";
}

.icon-football:before {
  content: "7";
}

.icon-footballamericain:before {
  content: "8";
}

.icon-formule1:before {
  content: "9";
}

.icon-frisbee:before {
  content: "!";
}

.icon-garcon:before {
  content: '"';
}

.icon-garcon2:before {
  content: "#";
}

.icon-giraviation:before {
  content: "$";
}

.icon-golf:before {
  content: "%";
}

.icon-golf2:before {
  content: "&";
}

.icon-groupe:before {
  content: "'";
}

.icon-handball:before {
  content: "(";
}

.icon-hockeysurglace:before {
  content: ")";
}

.icon-immeuble:before {
  content: "*";
}

.icon-jeudedames:before {
  content: "+";
}

.icon-judo:before {
  content: ",";
}

.icon-karate:before {
  content: "-";
}

.icon-karting:before {
  content: ".";
}

.icon-kempo:before {
  content: "/";
}

.icon-kendo:before {
  content: ":";
}

.icon-kickboxing:before {
  content: ";";
}

.icon-kungfu:before {
  content: "<";
}

.icon-lancerdujavelot:before {
  content: "=";
}

.icon-localisation:before {
  content: ">";
}

.icon-longuepaume:before {
  content: "?";
}

.icon-longecote:before {
  content: "@";
}

.icon-lutte:before {
  content: "[";
}

.icon-maison:before {
  content: "]";
}

.icon-manette:before {
  content: "^";
}

.icon-marathon:before {
  content: "_";
}

.icon-marche:before {
  content: "`";
}

.icon-marchenordique:before {
  content: "{";
}

.icon-membres:before {
  content: "|";
}

.icon-montgolfiere:before {
  content: "}";
}

.icon-parapente:before {
  content: "~";
}

.icon-parachutisme:before {
  content: "\\";
}

.icon-paintball:before {
  content: "\E000";
}

.icon-padel:before {
  content: "\E001";
}

.icon-nunchaku:before {
  content: "\E002";
}

.icon-news:before {
  content: "\E003";
}

.icon-natationsynchronisee:before {
  content: "\E004";
}

.icon-natation:before {
  content: "\E005";
}

.icon-musculation:before {
  content: "\E006";
}

.icon-motonautique:before {
  content: "\E007";
}

.icon-motocross:before {
  content: "\E008";
}

.icon-moto:before {
  content: "\E009";
}

.icon-moringue:before {
  content: "\E00A";
}

.icon-patinageartistique:before {
  content: "\E00B";
}

.icon-sautalaperche:before {
  content: "\E00C";
}

.icon-tauromachie:before {
  content: "\E00D";
}

.icon-waterpolo:before {
  content: "\E00E";
}

.icon-yoga:before {
  content: "\E00F";
}

.icon-tennis:before {
  content: "\E010";
}

.icon-tennisdetable:before {
  content: "\E011";
}

.icon-tiralarc:before {
  content: "\E012";
}

.icon-triathlon:before {
  content: "\E013";
}

.icon-twirlingbaton:before {
  content: "\E014";
}

.icon-ulm:before {
  content: "\E015";
}

.icon-utilisateur:before {
  content: "\E016";
}

.icon-voile:before {
  content: "\E017";
}

.icon-voile2:before {
  content: "\E018";
}

.icon-volleyball2:before {
  content: "\E019";
}

.icon-volleyball3:before {
  content: "\E01A";
}

.icon-taichi:before {
  content: "\E01B";
}

.icon-surf:before {
  content: "\E01C";
}

.icon-squash:before {
  content: "\E01D";
}

.icon-volleyball:before {
  content: "\E01E";
}

.icon-sportsdeglace:before {
  content: "\E01F";
}

.icon-snowfunboard:before {
  content: "\E020";
}

.icon-snowboard:before {
  content: "\E021";
}

.icon-snowbike:before {
  content: "\E022";
}

.icon-skinautique:before {
  content: "\E023";
}

.icon-ski:before {
  content: "\E024";
}

.icon-skateboard:before {
  content: "\E025";
}

.icon-selfprokrav:before {
  content: "\E026";
}

.icon-sauvetageetsecourisme:before {
  content: "\E027";
}

.icon-peche:before {
  content: "\E028";
}

.icon-pecheurenmer:before {
  content: "\E029";
}

.icon-plancheavoile:before {
  content: "\E02B";
}

.icon-plongee:before {
  content: "\E02C";
}

.icon-pokeball:before {
  content: "\E02D";
}

.icon-polo:before {
  content: "\E02E";
}

.icon-quad:before {
  content: "\E02F";
}

.icon-rallyeauto:before {
  content: "\E030";
}

.icon-randonneepedestre:before {
  content: "\E031";
}

.icon-roller:before {
  content: "\E032";
}

.icon-rugby:before {
  content: "\E033";
}

.icon-petanque:before {
  content: "u";
}

.icon-boulenantaise:before {
  content: "\E02A";
}

.icon-bourle:before {
  content: "t";
}

@media (max-width: 767.98px) {
  html {
    --hauteur_entete: 350px;
  }
}

input#menuopener,
#entete_mobile,
header#menu nav footer {
  display: none;
}

#barrelogin {
  background: var(--blue);
  width: 100%;
  height: var(--hauteur_barre_login);
  line-height: calc(var(--hauteur_barre_login) - 4px);
}

#barrelogin a {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75em;
  font-family: "lato-semibold", "sans-serif";
}

#barrelogin a:hover {
  text-decoration: none;
}

#barrelogin #sites {
  display: none;
  background: white;
  position: absolute;
  top: var(--hauteur_barre_login);
  left: 0;
  width: 300px;
  border: 1px solid #777;
  padding: 15px;
  line-height: initial;
  z-index: 10;
  max-height: 90vh;
  overflow: scroll;
}

#barrelogin #sites a {
  font-family: "Lato-Bold";
  color: var(--darkGrey);
}

#barrelogin #sites a.btn-primary,
#barrelogin #sites a.btn-darkGrey {
  font-weight: normal;
  color: #fff;
}

#barrelogin #sites span.font-italic {
  color: #aaa;
  font-size: 0.8em;
}

#barrelogin #sites .link-admin {
  text-align: right;
}

#barrelogin div#username {
  height: var(--hauteur_barre_login);
}

#barrelogin div#username:hover div#sites {
  display: block;
}

@media (max-width: 767.98px) {
  #barrelogin #lien_se_connecter i,
  #barrelogin .go-to-portail i {
    font-size: 1.5em;
  }
}

#barrelogin div#inscription-top {
  display: flex;
  align-items: center;
  line-height: calc(var(--hauteur_barre_login) / 2 - 4px);
  height: var(--hauteur_barre_login);
}

#barrelogin div#inscription-top a {
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid white;
  text-align: center;
}

section#main > header#homepage {
  height: 600px;
  background: url("/images/header/home.jpg") no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 991px) {
  section#main > header#homepage {
    height: 680px;
    background-size: auto 100% !important;
    background-position: 25% 0 !important;
  }
}

section#main > header#homepage .container-fluid,
section#main > header#homepage .col-video-home,
section#main > header#homepage .col {
  margin: 0 !important;
  padding: 0 !important;
}

@media only screen and (min-width: 2000px) {
  section#main > header#homepage .container-fluid {
    width: 100% !important;
    margin: 0 auto;
  }
}

section#main > header #homepage-row {
  height: 600px !important;
  width: 100%;
  margin: 0 !important;
}

section#main > header #homepage-infos {
  height: 600px !important;
  text-align: left;
  margin: 0 auto !important;
  padding-top: 70px;
}

@media only screen and (max-width: 991px) {
  section#main > header #homepage-infos {
    height: 340px !important;
    padding-top: 30px;
  }
}

section#main > header #homepage-puces {
  margin: 70px auto;
  width: 430px;
}

@media only screen and (max-width: 991px) {
  section#main > header #homepage-puces {
    width: 350px;
    margin: 0px auto;
  }
}

section#main > header .vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

section#main > header #video-home {
  max-height: 90%;
  width: 100%;
  margin: 10px;
}

@media only screen and (min-width: 1605px) {
  section#main > header #video-home {
    width: 660px;
  }
}

@media only screen and (max-width: 1605px) {
  section#main > header #video-home {
    width: 90%;
  }
}

@media only screen and (max-width: 991px) {
  section#main > header #video-home {
    position: relative;
    max-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

section#main > header.col-video-home {
  margin-bottom: 30px;
}

section#main > header#homepage h1 {
  font-size: 2.5rem !important;
  margin-bottom: 70px;
}

@media only screen and (max-width: 991px) {
  section#main > header#homepage h1 {
    font-size: 2rem !important;
    margin-bottom: 20px;
  }
}

section#main > header#homepage h2 {
  font-size: 1.9rem !important;
  text-align: left !important;
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  section#main > header#homepage h2 {
    font-size: 1.5rem !important;
  }
}

section#main > header #btn-commencer {
  background: #c9041b;
  color: white;
}

section#main > header#functionnalities {
  background: url("/images/header/natation.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#functionnalities {
    background-size: auto 100%;
    background-position: 60% 0;
  }
}

section#main > header#functionnalities-actu {
  background: url("/images/header/tennisdetable.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#functionnalities-actu {
    background-size: auto 100%;
    background-position: 65% 0;
  }
}

section#main > header#functionnalities-members {
  background: url("/images/header/basket.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#functionnalities-members {
    background-size: auto 100%;
    background-position: 40% 0;
  }
}

section#main > header#functionnalities-events {
  background: url("/images/header/rugby.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#functionnalities-events {
    background-size: auto 100%;
    background-position: 72% 0;
  }
}

section#main > header#functionnalities-custom {
  background: url("/images/header/tennis.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#functionnalities-custom {
    background-size: auto 100%;
    background-position: 52% 0;
  }
}

section#main > header#functionnalities-time {
  background: url("/images/header/gym.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#functionnalities-time {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header#functionnalities-produits {
  background: url("/images/header/volleyball.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#functionnalities-produits {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header#functionnalities-compta {
  background: url("/images/header/football.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#functionnalities-compta {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header#offers {
  background: url("/images/header/volleyball.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#offers {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header#create {
  background: url("/images/header/football.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#create {
    background-size: auto 100%;
    background-position: 75% 0;
  }
}

section#main > header#legal {
  background: url("/images/header/legal.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#legal {
    background-size: auto 100%;
    background-position: 85% 0;
  }
}

section#main > header#contact {
  background: url("/images/header/neutre.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#contact {
    background-size: auto 100%;
    background-position: 15% 0;
  }
}

section#main > header#partenaires {
  background: url("/images/header/partenaires.png?date=06092023_2") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header#partenaires {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header > div.container {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

section#main > header:not(#homepage),
section#main div#page-contact > header,
section#main div#page-signalement > header {
  width: 100%;
  height: var(--hauteur_entete);
  background: url("/images/header/default.jpg") no-repeat;
  background-size: cover;
  position: relative;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage),
  section#main div#page-contact > header,
  section#main div#page-signalement > header {
    height: var(--hauteur_entete_mobile) !important;
    background-size: auto 100%;
    background-position: 55% 0;
  }
}

section#main > header:not(#homepage) #btn-commencer,
section#main div#page-contact > header #btn-commencer,
section#main div#page-signalement > header #btn-commencer {
  background: #c9041b;
  color: white;
}

section#main > header:not(#homepage)#functionnalities,
section#main div#page-contact > header#functionnalities,
section#main div#page-signalement > header#functionnalities {
  background: url("/images/header/natation.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#functionnalities,
  section#main div#page-contact > header#functionnalities,
  section#main div#page-signalement > header#functionnalities {
    background-size: auto 100%;
    background-position: 60% 0;
  }
}

section#main > header:not(#homepage)#functionnalities-actu,
section#main div#page-contact > header#functionnalities-actu,
section#main div#page-signalement > header#functionnalities-actu {
  background: url("/images/header/tennisdetable.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#functionnalities-actu,
  section#main div#page-contact > header#functionnalities-actu,
  section#main div#page-signalement > header#functionnalities-actu {
    background-size: auto 100%;
    background-position: 65% 0;
  }
}

section#main > header:not(#homepage)#functionnalities-members,
section#main div#page-contact > header#functionnalities-members,
section#main div#page-signalement > header#functionnalities-members {
  background: url("/images/header/basket.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#functionnalities-members,
  section#main div#page-contact > header#functionnalities-members,
  section#main div#page-signalement > header#functionnalities-members {
    background-size: auto 100%;
    background-position: 40% 0;
  }
}

section#main > header:not(#homepage)#functionnalities-events,
section#main div#page-contact > header#functionnalities-events,
section#main div#page-signalement > header#functionnalities-events {
  background: url("/images/header/rugby.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#functionnalities-events,
  section#main div#page-contact > header#functionnalities-events,
  section#main div#page-signalement > header#functionnalities-events {
    background-size: auto 100%;
    background-position: 72% 0;
  }
}

section#main > header:not(#homepage)#functionnalities-custom,
section#main div#page-contact > header#functionnalities-custom,
section#main div#page-signalement > header#functionnalities-custom {
  background: url("/images/header/tennis.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#functionnalities-custom,
  section#main div#page-contact > header#functionnalities-custom,
  section#main div#page-signalement > header#functionnalities-custom {
    background-size: auto 100%;
    background-position: 52% 0;
  }
}

section#main > header:not(#homepage)#functionnalities-time,
section#main div#page-contact > header#functionnalities-time,
section#main div#page-signalement > header#functionnalities-time {
  background: url("/images/header/gym.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#functionnalities-time,
  section#main div#page-contact > header#functionnalities-time,
  section#main div#page-signalement > header#functionnalities-time {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header:not(#homepage)#offers,
section#main div#page-contact > header#offers,
section#main div#page-signalement > header#offers {
  background: url("/images/header/volleyball.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#offers,
  section#main div#page-contact > header#offers,
  section#main div#page-signalement > header#offers {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header:not(#homepage)#app-mobile,
section#main div#page-contact > header#app-mobile,
section#main div#page-signalement > header#app-mobile {
  background: url("/images/home/bg-app-mobile.png") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#app-mobile,
  section#main div#page-contact > header#app-mobile,
  section#main div#page-signalement > header#app-mobile {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header:not(#homepage)#create,
section#main div#page-contact > header#create,
section#main div#page-signalement > header#create {
  background: url("/images/header/football.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#create,
  section#main div#page-contact > header#create,
  section#main div#page-signalement > header#create {
    background-size: auto 100%;
    background-position: 75% 0;
  }
}

section#main > header:not(#homepage)#legal,
section#main div#page-contact > header#legal,
section#main div#page-signalement > header#legal {
  background: url("/images/header/legal.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#legal,
  section#main div#page-contact > header#legal,
  section#main div#page-signalement > header#legal {
    background-size: auto 100%;
    background-position: 85% 0;
  }
}

section#main > header:not(#homepage)#contact,
section#main div#page-contact > header#contact,
section#main div#page-signalement > header#contact {
  background: url("/images/header/neutre.jpg") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#contact,
  section#main div#page-contact > header#contact,
  section#main div#page-signalement > header#contact {
    background-size: auto 100%;
    background-position: 15% 0;
  }
}

section#main > header:not(#homepage)#partenaires,
section#main div#page-contact > header#partenaires,
section#main div#page-signalement > header#partenaires {
  background: url("/images/header/partenaires.png?date=06092023_2") no-repeat;
  background-size: cover;
}

@media (max-width: 767.98px) {
  section#main > header:not(#homepage)#partenaires,
  section#main div#page-contact > header#partenaires,
  section#main div#page-signalement > header#partenaires {
    background-size: auto 100%;
    background-position: 45% 0;
  }
}

section#main > header:not(#homepage) > div.container,
section#main div#page-contact > header > div.container,
section#main div#page-signalement > header > div.container {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

header h1 {
  color: #fff;
  font-family: "Lato-Heavy";
  text-transform: uppercase;
  font-size: 3em;
  line-height: 1em;
  text-align: center;
}

@media (max-width: 991.98px) {
  header h1 {
    font-size: 2.5em;
    line-height: 1.2em;
  }
}

@media (max-width: 767.98px) {
  header h1 {
    font-size: 2em;
    line-height: 1.2em;
  }
}

@media (max-width: 767.98px) {
  header#legal h1 {
    bottom: 2em;
  }
}

header h2 {
  color: #fff;
  text-align: center;
}

header#homepage h1,
header#homepage h2 {
  color: #fff;
  font-family: "Lato-Heavy";
  font-size: 2.5em;
  line-height: 1.3em;
  text-align: center;
  text-transform: inherit;
  position: static;
  margin-bottom: 0;
}

@media (max-width: 1199.98px) {
  header#homepage h1,
  header#homepage h2 {
    font-size: 1.8em;
  }
}

@media (max-width: 991.98px) {
  header#homepage h1,
  header#homepage h2 {
    font-size: 1.5em;
  }
}

@media (max-width: 767.98px) {
  header#homepage h1,
  header#homepage h2 {
    font-size: 1.3em;
  }
}

header#homepage > .container {
  justify-content: center !important;
  padding-bottom: 0 !important;
}

header#homepage .btn {
  font-weight: bold;
}

@media (max-width: 767.98px) {
  header#homepage .btn {
    font-size: 0.9em;
  }
}

header#homepage .col {
  flex: inherit;
}

header#menu {
  width: 100%;
}

header#menu a.link {
  padding-bottom: 3px;
  position: relative;
}

header#menu a.link::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: var(--greyText);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.2s ease-out;
}

header#menu a.link.active::after,
header#menu a.link:hover::after {
  width: 100%;
}

@media (max-width: 991.98px) {
  #contenubody {
    left: 0;
    transition: left 0.5s;
  }

  #menuopener:checked + #contenubody {
    left: var(--largeur_menu_responsif);
    transition: left 0.5s;
  }

  #menuopener:checked + #contenubody .hiddenblock {
    left: var(--largeur_menu_responsif);
    opacity: 1;
    z-index: 1000;
    transition: all 0.5s;
    cursor: pointer;
    visibility: visible;
  }

  #menuopener:checked + #contenubody .hiddenblock span {
    visibility: visible;
    top: 10px;
    transition: top 0.5s;
  }

  header .close {
    width: 32px;
    height: 32px;
    opacity: 0.6;
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -45px;
    color: black;
    font-size: 3em;
    z-index: 1001;
    transition: top 0.5s;
  }

  header .close:hover {
    opacity: 1;
  }

  header .close:before,
  header .close:after {
    position: absolute;
    left: 15px;
    content: "";
    height: 33px;
    width: 2px;
    background-color: #333;
  }

  header .close:before {
    transform: rotate(45deg);
  }

  header .close:after {
    transform: rotate(-45deg);
  }

  header .mobile-menu {
    margin: 60px 10px 0 10px;
  }

  header .mobile-menu a {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    color: var(--greyText);
    font-size: 0.9em;
  }

  header .mobile-menu a.border-top {
    border-top: 0 !important;
  }

  header .mobile-menu a.top {
    background: #ebe9e9;
    border-bottom: 1px solid #fff;
  }

  header .mobile-menu a.top.inscription {
    background: var(--redBtn);
    color: white;
  }

  header #entete_mobile {
    display: block;
  }

  header#menu nav {
    position: absolute;
    top: calc(-1 * var(--hauteur_barre_login));
    left: calc(-1 * var(--largeur_menu_responsif));
    width: var(--largeur_menu_responsif);
    z-index: 2;
  }

  header .hiddenblock {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s;
  }

  header .hiddenblock div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 767.98px) {
  h2 {
    font-size: 1.2rem;
  }

  h3 {
    font-size: 1.1rem;
  }

  header #entete_mobile img {
    width: 220px;
  }
}

/******************************
            POPUP LOGIN
******************************/

#popup_login {
  padding: 0;
}

#popup_login h2 {
  font-family: "lato-bold", "sans-serif";
  font-size: 1.7em;
}

#popup_login .modal-title {
  text-transform: uppercase;
}

.modal-header {
  background: #eee;
}

/******************************
            POPUP LOGIN
******************************/

#popup_login {
  width: 620px;
  max-width: 100%;
  height: 250px;
  font-family: verdana;
  font-size: 14px;
  overflow: hidden !important;
}

#popup_login a:not(.btn):hover {
  background-color: transparent;
  color: #999 !important;
}

#popup_login .fa-check-circle {
  color: #4FBC1B;
  font-size: 16px;
}

#popup_login .fa-envelope {
  color: #aaa;
  font-size: 16px;
}

#popup_login .fa-sign-in-alt {
  color: #aaa;
  font-size: 16px;
}

#popup_login #formulaires_englobant {
  overflow: hidden;
  margin: 0 -15px;
}

#popup_login #formulaires {
  position: relative;
  top: 0;
  left: -100%;
}

#popup_login ._4formulaires {
  width: 400%;
}

#popup_login ._3formulaires {
  width: 300%;
}

#popup_login ._2formulaires {
  width: 200%;
}

#popup_login ._4formulaires .formulaire {
  width: 25%;
}

#popup_login ._3formulaires .formulaire {
  width: 33.3%;
}

#popup_login ._2formulaires .formulaire {
  width: 50%;
}

#popup_login .formulaire {
  display: inline-block;
  margin: 0;
  padding: 20px;
  vertical-align: top;
}

#popup_login #entete {
  background: #fff;
  margin: -16px -16px 0 -16px;
  padding: 0 16px 0 16px;
  border-bottom: 1px solid #eee;
  position: relative;
  width: calc(100% + 30px);
  z-index: 2;
}

#popup_login #entete p.titre {
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-align: center;
  margin-bottom: 5px;
}

#popup_login .bloc-gris {
  background: #f0f0f0;
  margin: 0 -10px;
  padding: 10px;
  border: 1px solid #ddd;
}

#popup_login p.lien-secondaire {
  margin-top: 10px;
  text-align: center;
  font-size: 0.9em;
}

#popup_login p.lien-secondaire a {
  color: #999;
  text-decoration: underline;
}

#after_validation_div img {
  padding-bottom: 5px;
}

#popup_login #has_account label#validate_after_inscription {
  color: #4FBC1B;
  font-size: 1.2em;
  vertical-align: top;
  display: inline;
}

#popup_login #sliding_message {
  margin: 0 -15px;
}

#popup_login #sliding_message.success {
  background: #D9F7D1;
  color: #4FBC1B;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
}

#popup_login #sliding_message.error {
  background: #F7DCD1;
  color: #C23C32;
  padding: 15px 0;
  font-weight: bold;
  text-align: center;
}

#popup_login #loading,
#popup_login #loading_pass {
  color: green;
}

#popup_login .error {
  color: red;
}

#popup_login div.button {
  text-align: center;
  width: 100%;
}

#popup_login .btn {
  color: #fff;
}

#popup_login div.button button {
  width: 100%;
}

#popup_login div.button button.disabled,
#popup_login div.button button.disabled:active,
#popup_login div.button button.disabled:hover {
  background: #ccc;
  text-shadow: none;
  border-color: #aaa;
  color: white;
}

#popup_login div.button button.disabled.actif,
#popup_login div.button button.disabled.actif:active,
#popup_login div.button button.disabled.actif:hover {
  background: #fff;
  color: #aaa;
}

#popup_login div.button button.disabled.actif span:before {
  display: inline-block;
  width: 11px;
  height: 11px;
  content: "";
  background-image: url(/media/admin/img/load.gif);
  background-size: 11px 11px;
  margin-right: 5px;
}

#popup_login p.titre,
#popup_login #has_account p.titre,
#popup_login #new_account p.titre {
  font-size: 1.2em;
  color: #2270BB;
  clear: both;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

#popup_login p.titre span {
  display: block;
  width: 45%;
  margin: 0 auto;
}

#popup_login #has_account label {
  display: block;
  margin-bottom: 5px;
}

#popup_login #has_account label[for=autologin] {
  display: inline;
}

#popup_login #new_account label {
  display: block;
  margin-bottom: 5px;
}

#popup_login #new_account label.label-inline {
  display: inline;
}

#popup_login #new_account label.label-inline a {
  text-decoration: underline;
}

#popup_login hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 0;
}

/******************
MOT DE PASSE PERDU
*****************/

#popup_login #zonepassloose p.titre {
  font-size: 1.2em;
  color: #2270BB;
}

#popup_login #zonepassloose label {
  display: block;
  margin-bottom: 5px;
}

/* NEW LOGIN BAR */

#log_bar {
  background-color: #1e1e1e;
  height: 34px;
}

#loginbar {
  position: relative;
  width: 255px;
  color: white;
  height: 34px;
  text-align: left;
}

#loginbar img {
  vertical-align: middle;
  padding-bottom: 4px;
}

#loginbar:hover,
#loginbar.open {
  background-color: #4b4b4b;
}

#loginbar_user {
  cursor: pointer;
}

#loginbar_user span.no-avatar {
  display: inline-block;
  background: #bbb;
  width: 40px;
  height: 33px;
  vertical-align: top;
  text-align: center;
  line-height: 33px;
  font-size: 2em;
}

#loginbar_user #avatar {
  height: 27px;
  padding: 3px;
  vertical-align: middle;
}

#loginbar_user #pseudo_loginbar {
  padding: 3px;
  font-size: 12px;
  line-height: 33px;
}

#loginbar_user_popup {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10000;
  top: 27px;
  left: 0px;
  right: 0px;
}

#loginbar_user_popup_content {
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(0, 0, 0, 0.6);
  padding: 5px;
}

#loginbar_user_profil {
  text-align: center;
  color: black;
  margin-bottom: 20px;
}

#loginbar_user_profil a:hover {
  text-decoration: none;
}

#loginbar_user_sites a {
  color: #404040;
  text-decoration: none;
}

#loginbar_user_sites h2 {
  font-weight: bold;
  font-size: 12px;
  margin: 0px;
}

#loginbar_user_sites .content_site {
  margin-left: -5px;
  margin-right: -5px;
  padding: 15px 5px 15px 5px;
  background-color: #F2F2F2;
  margin-bottom: 4px;
  line-height: 14px;
  text-align: left;
  font-size: 15.4px;
}

.club_profil {
  font-size: 10px;
  color: #9E9E9E;
  display: block;
}

.club_name_inpop {
  font-size: 15px;
  color: #002D58;
}

#loginbar_user_sites .content_site p {
  margin: 0;
}

#loginbar_user_sites .content_site .actions {
  float: right;
}

#loginbar_user_sites .content_site .actions a {
  color: #333;
  font-size: 12px;
  text-decoration: none;
}

#loginbar_user_sites .content_site:hover .actions {
  display: block;
}

#loginbar_user_sites .content_site .site {
  float: left;
}

.message-legal {
  color: #6c757d !important;
  font-size: 0.8em;
  line-height: 1.1em;
  padding: 10px 0 0 0;
}

.message-legal p {
  margin-bottom: 10px;
}

/* Vérification mot de passe */

.qualitybar {
  display: inline-block;
  width: 150px;
  height: 14px;
  border: 1px solid #AAA;
  vertical-align: middle;
  position: relative;
}

.qualitybar .quality-0,
.qualitybar .quality-1,
.qualitybar .quality-2,
.qualitybar .quality-3,
.qualitybar .quality-4 {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
}

.qualitybar .quality-0 {
  width: 1px;
  background: red;
}

.qualitybar .quality-1 {
  width: 20%;
  background: red;
}

.qualitybar .quality-2 {
  width: 50%;
  background: red;
}

.qualitybar .quality-3 {
  width: 80%;
  background: orange;
}

.qualitybar .quality-4 {
  width: 100%;
  background: green;
}

#warning-et-suggestions,
.warning-et-suggestions {
  display: none;
  background: #f0f0f0;
  margin: 20px 0;
  padding: 20px;
}

#warning-et-suggestions p,
.warning-et-suggestions p {
  font-weight: bold;
}

#warning-et-suggestions li,
.warning-et-suggestions li {
  font-style: italic;
}

/*
 * FOOTER
 */

.separator {
  height: 20px;
  width: 1px;
  margin: 0 10px;
  background: #000;
}

/*
.support-payant-petit,
.support-payant-grand {
    display: block;
    background: #777;
    width: 137px;
    height: 53px;
    position: relative;
    border: 1px solid #aaa;
    font-family: Arial;
    text-align: left;
}

.support-payant-grand {
    width: 270px;
    height: 32px;
}

.support-payant-petit:hover,
.support-payant-grand:hover {
    text-decoration: none;
}

.support-payant-petit strong,
.support-payant-grand strong {
    display: block;
    background: white;
    color: #777;
    padding: 2px;
    text-align: center;
    font-size: 16px;
    height: 24px;
}

.support-payant-grand strong {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    width: 140px;
    height: 30px;
    padding: 2px;
    line-height: 28px;
}

.support-payant-petit span,
.support-payant-grand span {
    position: absolute;
    top: 24px;
    left: 4px;
    width: 0;
    height: 0;
    border-top: 7px solid white;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}

.support-payant-grand span {
    top: 8px;
    left: 140px;
    border-top: 7px solid transparent;
    border-left: 7px solid white;
    border-right: none;
    border-bottom: 7px solid transparent;
}

.support-payant-petit em,
.support-payant-grand em {
    position: absolute;
    top: 25px;
    left: 18px;
    color: white !important;
    font-size: 13px;
    font-style: normal;
    padding: 2px;
    line-height: 11px;
    font-weight: normal;
    width: 95px;
}

.support-payant-grand em {
    top: 3px;
    left: 155px;
}
*/

.support-payant-petit strong,
.support-payant-grand {
  padding-bottom: 10px;
}

.support-payant-petit strong,
.support-payant-grand strong {
  font-size: 1.2rem;
  color: white;
}

.support-payant-petit em,
.support-payant-grand em {
  display: none;
}

footer .btn-collapse {
  border-top: 1px solid var(--darkGrey);
}

footer .btn-collapse:hover {
  cursor: pointer;
}

footer .btn-collapse.collapsed .arrow-black {
  transform: rotate(-135deg);
}

footer .btn-collapse span {
  color: var(--darkGrey);
}

footer .btn-collapse .arrow-black {
  display: block;
  font-size: 2px;
  width: 4em;
  height: 4em;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  transform: rotate(45deg);
}

footer #collapseOne,
footer #collapseTwo {
  border-top: 1px solid var(--darkGrey);
}

footer .arrow-white {
  display: block;
  margin: auto;
  font-size: 3px;
  width: 4em;
  height: 4em;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
}

#contenubody {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#contenubody #contenu #main {
  z-index: 0;
}

/* Formulaire contact et signalement contenu inaproprié */

.finalite label {
  color: #777;
  font-size: 0.8em;
  text-decoration: underline;
  cursor: pointer;
}

.finalite > div {
  display: none;
}

#finalite_contact:checked + .finalite > div {
  display: block;
}

#finalite_signalement:checked + .finalite > div {
  display: block;
}

a.btn {
  display: inline-block;
  white-space: normal;
}

/* Tous les sports */

a.intitule {
  display: inline-block;
  width: calc(100% - 25px);
  white-space: nowrap;
  overflow: hidden;
  height: 22px;
  text-overflow: ellipsis;
}

/* Formulaire de création de site */

.form-check-label::before {
  top: 0.35rem;
}

a {
  text-decoration: none;
}

.form-group {
  margin-bottom: 1rem;
}

#creation_sousdomaine_club::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  /* Firefox */
}

#creation_sousdomaine_club::placeholder {
  color: #ccc;
  opacity: 1;
  /* Firefox */
}

#creation_sousdomaine_club::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #ccc;
}