/* ==================================================================== */
/* Définition des valeurs réutilisable dans les propriétés */
/* ==================================================================== */
:root {
  --ludoactiv-primary-0  : #ceffd2;
  --ludoactiv-primary-1  : #85DB8B;
  --ludoactiv-primary-2  : #57C55E;
  --ludoactiv-primary-3  : #36AD3D; /* couleur logo */
  --ludoactiv-primary-4  : #189723;
  --ludoactiv-primary-5  : #097811;
  --ludoactiv-secondary-1: #FFFF64;
  --ludoactiv-secondary-2: #FFFF39;
  --ludoactiv-secondary-3: #FFFF00; /* couleur logo */
  --ludoactiv-secondary-4: #C6C600;
  --ludoactiv-secondary-5: #989B00;
  --ludoactiv-tertiary-0 : #97b0f5;
  --ludoactiv-tertiary-1 : #5874C1;
  --ludoactiv-tertiary-2 : #3758B1;
  --ludoactiv-tertiary-3 : #1246d4;
  --ludoactiv-tertiary-4 : #0E2E85;
  --ludoactiv-tertiary-5 : #092269;
  --ludoactiv-bg-1 : #E1E4E1;
  --ludoactiv-bg-btn : #57C55E;
  --ludoactiv-bg-btn-hover : #85DB8B;
}

@font-face {
  font-family: "Font_Title";
  src: url("/font/MilkyCoffee.ttf");
}


/* ==================================================================== */
/*     C O N T E N U   D E S   P A G E S : G E N E R A L                */
/* ==================================================================== */

.ld-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
  text-align: center;
  color : var(--ludoactiv-primary-2);
  padding-top: 4%;
  padding-bottom: 2%;
}

.ld-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
  text-align: center;
  color : var(--ludoactiv-primary-2);
  padding-top: 2%;
}

.ld-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
  text-align: center;
  color : var(--ludoactiv-primary-2);
}

.ld-3b {
  font-size: calc(1.3rem + 0.6vw) !important;
  text-align: center;
}

.ld-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
  text-align: center;
  color : var(--ludoactiv-primary-2);
}

.ld-5 {
  font-size: 1.25rem !important;
  text-align: center;
  color : var(--ludoactiv-primary-2);
}

.ld-6 {
  font-size: 1rem !important;
  text-align: center;
  color : var(--ludoactiv-primary-2);
}


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) { /* PC */
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

#main-content {
  margin-top: 6rem !important;
}
@media (min-width: 768px) { /* Grand écran */
  #main-content {
    margin-top: 10rem !important;
  }
}

/* ==================================================================== */
/*                             F O R M                                  */
/* ==================================================================== */

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.form-control.invalid-feedback {
  border-color: #dc3545;
}
/* 
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .form-control:valid~.valid-feedback, .form-control:valid~.valid-tooltip {
  display: block;
}

.form-control.is-valid, .form-control:valid {
  border-color: #28a745;
} */



.btn-ld {
  color: #000;
  background-color: var(--ludoactiv-bg-btn);
  border-color: var(--ludoactiv-bg-btn);
}
.btn-ld:hover {
  color: #000;
  background-color: var(--ludoactiv-bg-btn-hover);
  border-color: var(--ludoactiv-bg-btn-hover);
}
.btn-check:focus + .btn-ld, .btn-ld:focus {
  color: #000;
  background-color: var(--ludoactiv-bg-btn-hover);
  border-color: var(--ludoactiv-bg-btn-hover);
  box-shadow: 0 0 0 0.25rem rgba(9, 120, 17, 0.5);
}
.btn-check:checked + .btn-ld, .btn-check:active + .btn-ld, .btn-ld:active, .btn-ld.active, .show > .btn-ld.dropdown-toggle {
  color: #000;
  background-color: var(--ludoactiv-bg-btn-hover);
  border-color: var(--ludoactiv-bg-btn-hover);
}
.btn-check:checked + .btn-ld:focus, .btn-check:active + .btn-ld:focus, .btn-ld:active:focus, .btn-ld.active:focus, .show > .btn-ld.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(9, 120, 17, 0.5);
}
.btn-ld:disabled, .btn-ld.disabled {
  color: #000;
  background-color: var(--ludoactiv-bg-btn);
  border-color: var(--ludoactiv-bg-btn);
}


/* ==================================================================== */
/*                             H E A D E R                              */
/* ==================================================================== */
#logo {
  width:50px;
  height:50px;
}

#custom-title {
  font-family: "Font_Title", serif;
  color:  var(--ludoactiv-primary-3);
  font-size: 2.25rem !important;
}

#custom-description {
  color:  var(--ludoactiv-primary-5);
  font-size: 0.7rem !important;
}

#button-menu {
  margin-top: 1.2em;
  margin-left: 0.7em;
}

@media (min-width: 768px) { /* Grand écran */
  
  #logo {
    width:80px;
    height:80px;
  }

  #custom-title {
    font-size: calc(2.3rem + 0.6vw) !important;
  }

  #custom-description {
    font-size: 1rem !important;
  }

  #navbarCollapse {
    border-top: 1px solid;
    border-color: var(--ludoactiv-primary-3);
  }

}

header {
  background-color: var(--ludoactiv-bg-1);
}

#navbar-custom {
  background-color: var(--ludoactiv-bg-1);
}

#navbar-custom .navbar-nav .nav-link {
  color: black;
}

#navbar-custom .navbar-nav .nav-link:hover, #navbar-custom .navbar-nav .nav-link:focus {
  color: var(--ludoactiv-primary-3);
}

#navbar-custom .navbar-nav .show > .nav-link,
#navbar-custom .navbar-nav .nav-link.active {
  color: var(--ludoactiv-primary-5);
}

#navbar-custom .navbar-toggler {
  color: var(--ludoactiv-primary-3);
  border-color: var(--ludoactiv-primary-3);
}

#navbar-custom .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2854, 173, 61, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#navbar-custom .navbar-text {
  color: var(--ludoactiv-primary-3);
}

#navbar-custom .navbar-text a,
#navbar-custom .navbar-text a:hover,
#navbar-custom .navbar-text a:focus {
  color: var(--ludoactiv-primary-3);
}

.nav-link_custom {
  color: --ludoactiv-bg-1;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

#menu-adhesion {
  color: var(--ludoactiv-bg-1)!important;
}


/* ==================================================================== */
/*                           F O O T E R                                */
/* ==================================================================== */
footer {
  background-color: var(--ludoactiv-bg-1);
}

footer .bi {
  vertical-align: -.125em;
  fill: currentColor;
}