  /* INDEX */
  .carrouselAccueil {
    background-color: var(--fonce); 
  }
  
  @media (max-width: 992px) {
    .boutonNavFin{
      background: var(--fonce);
      border-right: 5px solid var(--clair);
    }
  }
  
  .boutonNavFin{
    background: var(--fonce);
  }
    
  .boutonNav{ 
    background: var(--fonce); 
    border-right: 5px solid var(--clair); 
  }
    
  .boutonMobileNav{
    color: #ffffff; 
    background: var(--fonce); 
  }
    
  .boutonNavFin{
    background: var(--fonce);
  }
      
  .dropdown-menu {
    background-color: var(--fonce);
  }
    
  .dropdown-menu a {
    color: #ffffff;
  }
     
  .dropdown-menu a:hover {
    background-color: var(--fonce);
    color:var(--clair);
  }
  
  #blocAnniv, #blocProf {
    background-color: var(--clair);
  }
  
  #blocMaj, .blocSortie {
    background-color: var(--fonce);
    
  }
  
  .btn-primary{
    background-color: var(--clair);
  }
  
  #blocContact {
    background-color: var(--fonce);
  }
  
  #blocContact label {
    color: #ffffff;
  }
  
  .newsImageAccueil {
    border-right: 5px solid var(--clair);
    border-left: 5px solid var(--clair);
    border-top: 5px solid var(--clair);
    border-bottom: 5px solid var(--clair);
  }
    
  /* COMMUN */ 
  .contenu {
      background-color: var(--fonce-opacite);
    }
    
    
  @media (min-width: 0px) and (max-width: 992px) {
    .contenu {
      background-color: var(--fonce-opacite);
    }
  }

  .titreSection{
    background-color: #ffffff;
    color:var(--fonce);
  }
    
  .sommaireInterview{
    color: #ffffff;
    background-color:var(--fonce);
  }
  
  #scrollToTopBtn {
    background-color: var(--clair);
    color: white;
  }
    
  #scrollToTopBtn:hover {
    background-color: var(--fonce);
  }
  
  .retour{
    color:var(--fonce);
  }
    
  /* Page Objets */
  .arbo{
    background-color: #ffffff;
    color:var(--fonce);
  }
  
  .arbo a{
    color: var(--fonce);
  }
  
  .arbo a:hover{
    color: var(--clair);
  }
    
  .tags{
    background-color: #ffffff;
    color:var(--fonce);
  }
    
.tags a{
  background-color: #ffffff;
  color:var(--fonce);
}
    
.colonneGrille {
  border-bottom: 5px solid var(--clair); 
  border-top: 5px solid var(--clair); 
  border-left: 5px solid var(--clair); 
  border-right: 5px solid var(--clair); 
}
    
    
.switchAffichage, .switchAffichagePeriodes{
  background-color: #ffffff;
  color:var(--fonce);
}
    
/* Page News */
.listeArticle{
  border-bottom: 20px solid var(--fonce); 
}
  
/* */ 
.table-dark {
  background-color: var(--fonce);
}
  
.table-dark th, .table-dark td {
  border-color: black;
}
   
.table-dark tr th{
  border-color: black;
}
  
.bg-dark{
  background-color: var(--fonce)!important;
}
   
/* Liens */
.espace_liens {
  background-color: #ffffff;
}
  
/* Page Badges VIP Lou Sonata 2 */
.espace_badge {
  background-color: #ffffff;
}
    
.container_badge_image {
  background-color: black;
}
    
footer {
  background-color: var(--fonce);
}
    
/* Simple Lightbox */
.sl-overlay {
  background: var(--fonce);
}
    
.sl-wrapper .sl-close {
  color: #fff;
}
  
.sl-wrapper .sl-counter {
  color: #fff;
}
    
.sl-wrapper .sl-navigation button {
  color: #fff;
}
   
.sl-wrapper .sl-image .sl-caption {
  background: var(--fonce);
}
  
/* Datatables */
label{
  color:white;
}
  
.dt-info{
  color:white!important;
}
  
div.dt-container .dt-input{
  color:white!important;
}
  
.dt-length .dt-input .dt-paging-button .current .previous div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{
  color:white!important;
}
  
.dt-paging-button disabled previous{
  color:white!important;
}
  
/* Pagination JS */
.page-link{
  color: #fff;
  background-color: var(--fonce);
  border: 1px solid var(--fonce);
}
      
.page-item.disabled .page-link{
  color: #6c757d;
  background-color: var(--fonce);
  border-color: var(--fonce);
}
    
.page-item.active .page-link{
  color: #fff;
  background-color: var(--clair);
  border-color: var(--fonce);
}
    
.page-link:hover{
  background-color: var(--clair);
  border: 1px solid var(--fonce);
}
  
.paginationjs-prev .paginationjs-next {
  background-color: var(--fonce);
}
    
.paginationjs-prev:hover .paginationjs-next:hover {
  background-color: var(--clair);
}
    
.paginationjs-pages li > a,
.paginationjs-prev a,
.paginationjs-next a {
  color: #fff;
  background-color: var(--fonce);
  border: 1px solid var(--fonce);
}
    
.paginationjs-pages li.active > a {
  background-color: var(--fonce);
  color: #fff;
  border-color: var(--fonce);
}
    
.paginationjs-pages li > a:hover,
.paginationjs-prev a:hover,
.paginationjs-next a:hover {
  color: #fff;
  background-color: var(--clair);
  border: 1px solid var(--fonce);
}
    
.card-img-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
    
.imagesChoixObjets:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
    
.hover-effect {
  background-color: var(--clair);
}
    
.hover-effect:before {
  background-color: rgba(0, 0, 0, 0.3); 
}