/* GENERAL*/
:root{
--main-color: #1c8324;
--border-color:#494949b6;
--nav-color-active: #0b7142;
--back-color:#5087BD;
}
.shadow-hover:hover{
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/* NON UTILISE*/
.bg-color{
background-color: var(--back-color);
}

/* NAVBAR*/
.nav-item.dropdown .dropdown-menu .dropdown-item:active {
   background-color:var(--nav-color-active)!important; /* Couleur de fond lors du clic */
}
.navbar-nav {
   display: flex;
   width: 100%;
 }
 
 .nav-item.ms-auto {
   margin-left: auto;
 }
/* INDEX */

/* Carousel  */
.c-item{
   height: 480px;
}

.c-img{
   height: 100%;
   object-fit: cover;
   filter: brightness(0.6);
}
 
 /* Documentation*/
.special-border{
   border-right: 2px solid var(--border-color) !important;
}

.header-card{
   border-color: var(--border-color) !important;
   border-radius: 0% !important;
   border-left: none !important;
   border-right: none !important;
}  


/** Contactez-nous */

.map-container{
   margin-bottom: 4%;
   margin-top: 1%;
   width: 100%; /* Ajustez cette valeur selon les besoins */
   height: 550px; /* Ajustez cette valeur selon les besoins */
   border: 1px solid #ccc; /* Pour visualiser le conteneur */
}

/** Pro */

.cache{
   display: none !important;
}
.visible{
   display: block !important;
}

.card-header {
   display: flex;
   justify-content: start; /* Aligner les éléments à gauche */
   align-items: center;    /* Centrer les éléments verticalement */
 }

.ri-arrow-go-back-line:hover{
   cursor: pointer !important;
}

.margin-sub{
   margin-top: 15px !important;
}
.txt-inscription{
   margin-top: 7px;
}
#btn-form{
   background: none; /* Remove default button background */
   color: #0000EE; /* Link color */
   text-decoration: underline; /* Underline like a link */
   border: none; /* Remove border */
   padding: 0; /* Remove padding */
   margin: 0; /* Adjust margin as needed */
   cursor: pointer; /* Cursor to pointer to indicate it's clickable */
   font-family: inherit; /* Optional: Inherit font styles from the parent */
   font-size: inherit; /* Optional: Inherit font size from the parent */
}
#btn-inscription{
   background: none; /* Remove default button background */
   color: #0000EE; /* Link color */
   text-decoration: underline; /* Underline like a link */
   border: none; /* Remove border */
   padding: 0; /* Remove padding */
   margin: 0; /* Adjust margin as needed */
   cursor: pointer; /* Cursor to pointer to indicate it's clickable */
   font-family: inherit; /* Optional: Inherit font styles from the parent */
   font-size: inherit; /* Optional: Inherit font size from the parent */
}
 
 /* Styling for hover state to mimic a link */
 #btn-inscription:hover,
 #btn-inscription:focus {
   color: #551A8B; /* Link hover color */
   text-decoration: none; /* Remove underline on hover if desired */
   outline: none; /* Remove focus outline */
 }
 
 /* Styling for active state to mimic a link */
 #btn-inscription:active {
   color: var(--nav-color-active); /* Link active color */
 }

.button-deco {
  background: #FF4742;
  border: 1px solid #FF4742;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  min-height: 40px;
  outline: 0;
  padding: 12px 14px;
  text-align: center;
  text-rendering: geometricprecision;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
}

.button-deco:hover,
.button-deco:active {
  background-color: initial;
  background-position: 0 0;
  color: #FF4742;
}

.button-deco:active {
  opacity: .5;
}