/* #EDEFF5 Couleur de fond de navbar      */
/* #D4D9E0 Couleur de selection de navbar */
/* #0D5183 Trait bleu                     */

/* #DEDFDF Gris fond d'ecran repreneur    */

/* #C8C8C8 Degrade Password    Foncé      */
/* #FCFCFC Degrade Password    Clair      */

/* #BEBEBE Couleur Tableau metier         */ 

/*
.navbar {
  background-color: #edeff5;
  font-size: 18px; 
  border-width: 10px; 
  border-radius: 4px; 
}
*/

.navbar {
  /* Utilisé --> affichage de la barre de navigation */        
  
/*  margin: 1.00em 6.0em; */
  margin: 0px ;
  background-color:#FFFFFF;
  text-align: left;
/*  color: #707070; */
  color: #9f2a2d;

  font-family: 'Libre Baskerville';
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
}

/*
.navbar .navbar-brand {
  color: #000000;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #d4d9e0;
}
.navbar .navbar-text {
  color: #000000;
}
.navbar .navbar-text a {
  color: #d4d9e0;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #FFFFFF; 
}
*/

.navbar .navbar-nav .nav-link {
  /* Utilisé --> affichage du lien    */
/*  color: #707070;*/
  color: #9f2a2d;
  
  text-decoration:none;
  background-color:#FFFFFF; 
  
  padding-top: 0;
  padding-bottom: 0;
  height: 52px;
  line-height: 52px;
  
  padding-left: 15px;
  padding-right: 15px; 
  margin-right: 15px;
  
}

.navbar .navbar-nav .nav-link:not(.disabled):hover{
  /* Utilisé --> affichage du lien    Hover */
  /*text-decoration:underline;*/
  text-align: left;
/*  color: #0C2372; */
  color: #000000;
  font-family: 'Libre Baskerville';
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  font-line-height: 18 px;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
  
  padding-top: 0;
  padding-bottom: 0;
  height: 52px;
  line-height: 52px;
  
  border-bottom: solid;
  border-bottom-width: 1;
}

.navbar .navbar-nav .nav-link:not(.disabled):focus {
  /* Utilisé --> affichage du lien    Clique */    
  /*text-decoration:underline;*/
  text-align: left;
/*  color: #0C2372; */
  color: #9f2a2d; 
    
  font-family: 'Libre Baskerville';
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  font-line-height: 18 px;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;  
  
  padding-top: 0;
  padding-bottom: 0;
  height: 52px;
  line-height: 52px;

  border-bottom: solid;
  border-bottom-width: 1;
}


.navbar .navbar-nav .nav-link.active  {
  /* Utilisé --> affichage du lien    actif */    
/*  color: #00FF00;
  background-color: #FF00FF;*/
}


.dropdown-toggle {
/*  background:#0C2372 !important; */
  background:#9f2a2d !important;
  
  color:#FFFFFF !important;
  text-decoration:none !important;
  border-bottom-width: 0 !important;
}







/*
.navbar .navbar-nav .nav-item.active .nav-link {
      background-color: #0000FF;    
      background-color: #000000;    
}

.navbar .navbar-nav .nav-item.active .nav-link:hover{
      background-color: #00FFFF;    
      background-color: #00FF00;    
}
.navbar .navbar-nav .nav-item.active .nav-link:focus{
      background-color: #0000FF;    
      background-color: #000000;    
}

.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #d4d9e0;
  background-color: #d4d9e0;
  
  color: #FF0000; 
  background-color: #FFFFFF;

}

.navbar .navbar-toggle {
  border-color: #d4d9e0;
  background-color: #F0F0F0;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #d4d9e0;
  background-color: #FFFFFF;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #000000;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #000000;
}
.navbar .navbar-link {
  color: #000000;
}
.navbar .navbar-link:hover {
  color: #d4d9e0;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #d4d9e0;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #d4d9e0;
    background-color: #d4d9e0;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #d4d9e0;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #d4d9e0;
    background-color: #d4d9e0;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #d4d9e0;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #d4d9e0;
    background-color: #d4d9e0;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #d4d9e0;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #d4d9e0;
    background-color: #d4d9e0;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #000000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #d4d9e0;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #d4d9e0;
  background-color: #d4d9e0;
}
*/


/*
.TestElement{
  width:150px ;
  height:150px ;
  display:inline-block;
  
}    
.Testnum1{
    background-color:red;
}        
.Testnum2{
    background-color:pink;
}        
.Testnum3{
    background-color:green;
}        
#conteneur{
display: flex;
justify-content: center;
align-items: center;
height: 300px;
border: 2px solid blue;
margin: 15px;
}
*/



.container .dropdown .dropdown-menu a{
  text-decoration: none;  
  text-align: left;
/*  color: #707070; */
  color: #9f2a2d;
   
  font-family: 'Libre Baskerville';
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  font-line-height: 18 px;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;  

}

.container .dropdown .dropdown-menu a:hover
{
  background: #E6E8F1 0% 0% no-repeat padding-box;
  
  text-decoration: none;  
  text-align: left;
/*  color: #0C2372; */
  color: #9f2a2d; 
  
  font-family: 'Libre Baskerville';
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  font-line-height: 18 px;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;    
  
}

.container-fluid .dropdown .dropdown-menu a{
  text-decoration: none;  
  text-align: left;
/*  color: #707070; */
  color: #9f2a2d;

  font-family: 'Libre Baskerville';
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  font-line-height: 18 px;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;  

}

.container-fluid .dropdown .dropdown-menu a:hover
{
  background: #E6E8F1 0% 0% no-repeat padding-box;
  
  text-decoration: none;  
  text-align: left;
/*  color: #0C2372; */
  color: #9f2a2d; 
  
  font-family: 'Libre Baskerville';
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  font-line-height: 18 px;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;    
  
}

/*
.dropdown {list-style: none; background: green; padding: 10px; display: inline-block;}
.dropdown .nav-link {color:#fff; text-decoration: none;}
.dropdown .btn {background: green; color:#fff;}
.dropdown .btn:hover {background: cyan; color:#000;}
.dropdown .btn:active {background: cyan; color:#000;}
.dropdown .btn:focus {background: cyan; color:#000;}
.dropdown-menu .dropdown-item {display: inline-block; width: 100%; padding: 10px 5px;}
.container .dropdown .dropdown-menu a:hover
{
  color: #ffffff;
  background-color: #b91773;
  border-color: #fff;
}
*/
/*
.toto>tbody>tr:nth-child(odd)>td,
.toto>tbody>tr:nth-child(odd)>th {
  background-color: #0C23721A;
  color: white;
  border-top: 10px solid #FF00FF;
}
.toto>tbody>tr:nth-child(even)>td,
.toto>tbody>tr:nth-child(even)>th {
  background-color: #FFFFFF1A;
  color: white;
  border-top: 10px solid #FF00FF;  
}
*/


/*
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #0C23721A;
  color: white;
  border-top: 10px solid #FF00FF;
}
.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
  background-color: #FFFFFF1A;
  color: white;
  border-top: 10px solid #FF00FF;  
}

.table-striped thead th {
   border-top: 20px solid #0000FF;  
}

.table thead th {
   vertical-align: bottom;
   border-top: 20px solid #FF00FF;
}
*/

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #E6E8F1 ;
  color: white;
#
}

.carousel .carousel-indicators li {
   width: 10px;
   height: 10px;
   border-radius: 100%;

}



/*
    .carousel-item img {
        width: auto !important; 
        height: 534px;
        max-height: 534px;
        
       background:rgba(0,250,0,0.7);
    }
*/
.carousel-item img {
  margin: 0 auto; /* this will align the image to center. */
  width: auto; /* for those images which don't have a width specified, but has a max-height will be auto adjusted */
  height: 534px;
  max-height: 534px;
}


