/*
______________________________________________

	DEFINITIONS DES CONSTANTES DE STYLES 
______________________________________________
*/

:root {

    /*
    Style sur les polices :
    -----------------------
    */
    /* --typo-generale: 'Fira Sans', 'Open Sans'; */

    /* Polices titres & sous-titre : */
    /* --typo-titres:  'Kanit', 'Exo 2'; */


    /*
    Style sur les couleurs :
    ------------------------
    */

    /* --navbar-brand-couleur: rgb(255, 166, 0); */
    --nav-link: white;
    --nav-link-active: rgb(255, 209, 5);


    /* Redéfinition des couleurs de Bootstrap :*/
    /* --bs-warning: rgb(255, 166,  0);
    --bs-warning-rgb: 255, 166, 0;

    --bs-warning-bg-subtle: rgb(250, 240, 100);
    --bs-warning-border-subtle: rgb(250, 240, 100); */

}



/*
________________________________________________

	DEFINITION DES PROPRIETES DES CLASSES CSS
________________________________________________
*/

/*
----------------------
PROPRIETES GENERALES :
----------------------
*/

/*
Définition du fond :
--------------------
*/
body {
    background-image: url('../backgrounds/blu.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; /*contain*/ 
    background-attachment: fixed;
  }


  /*
PROPRIETES SUR LE HEADER & NAVBAR :
-----------------------------------
*/

/*
Définition du fond du header :
------------------------------
*/

.background-header {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.95)), url('../backgrounds/1441.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; /*contain*/ 
  }

/*
Couleur des éléments de navigations :
-------------------------------------
*/

.navbar {
    font-size: 0.8em;
}

.nav-link-icon {
    font-size: 1.5em;
}

.nav-link {
    color: var(--nav-link);
}

.nav-link:hover, .dropdown-item:hover {
    color: var(--bs-warning);
}

.nav-link:active {
    color: black;
}


.navbar-nav .nav-item .active {
    color: var(--nav-link-active);
  }


.dropdown-item {
    font-weight: bold;
    color: black;
}

.dropdown-item:active {
    background-color: var(--navbar-brand-couleur);
    color: white;
}


.navbar-toggler {
    background-color: rgba(255, 255, 255, 1);
}
#menu{
    background: linear-gradient( black,white);
}
#menu:hover{
    background: linear-gradient(135deg, #6a5af9, #96f1ed);
    border-bottom: 1px solid linear-gradient(135deg, #6a5af9, #96f1ed);
}
  .parcours{
        display: inline-block;
  margin: 5px 10px;
  padding: 8px 15px;
  border: 2px solid #fff;
  border-radius: 20px;
  text-decoration: none;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
    }
    .parcours:hover{
        background: #fff;
  color: #000;
  transform: scale(1.05);
        
    }
.card-body{
        
      
  border-radius: 25px;              
  padding: 20px;
 background: linear-gradient(135deg, #6a5af9, #96f1ed);        
  box-shadow: 0 2px 5px rgba(41, 128, 185, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.card-body:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(41, 128, 185, 0.4);
  
}