@font-face {
    font-family: 'Roboto';
    src : url('font/Roboto-Medium.ttf') format('truetype'), /* Format TrueType */
}

body{
    margin : 0 ; 
    padding: 0; 
    background-image: url('img/background_PS.jpg') ; 
    background-repeat : no-repeat ;
    background-size : cover ; 
/*    font-family : "Roboto", sans-serif ; */
}
 img{
    width : auto ; 
    height : 2rem;
}
.nav-link link-dark:hover{
    transition : 0.5s ; 
    background-color : #98DDFF ; 
}
li:hover{
    transition : 0.5s ; 
    background-color : #98DDFF ; 
}
.content{ 
    margin-left : 0% ; 
    top : 30% ;  
    left : 18%  ;
    right : auto ;  
    padding : 20px;
    z-index : 0 ;    
}

.slide_bar{ 
    position : fixed ;
    top : 0 ; 
    left : 0 ; 
    z-index : 0; 
    box-shadow: 5px 10px 5px 5px;

}
.button{
    width : 41px ; 
    height: 39px ; 
}
.button-fixed { 
    position : fixed ; 
    top : 2.5% ;  /* Position à 20 pixels du bas */
    left : 1rem ; /* Position à 20 pixels de la droite */
    z-index: 1030; 
    padding: 10px 20px;
    background-color: #007bff;
    color: #ffffff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
 }
 .button-fixed2 { 
    position : fixed ; 
    bottom : 20px ;  /* Position à 20 pixels du bas */
    right : 20px ; /* Position à 20 pixels de la droite */
    z-index: 1; 
    padding: 10px 20px;
    background-color: #007bff;
    color: #ffffff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
 }
.table_container{
      overflow-x: auto; /* Ajoute le défilement horizontal */
      -webkit-overflow-scrolling: touch; /* Pour un défilement fluide sur les appareils mobiles */
      margin-bottom: 20px;
}
table{
    border-collapse : collapse ; 
    border-radius: 10px;
    overflow : hidden ;
    border: 1px solid black;
}
thead {
    /*position: sticky;
    top: 0;
    z-index: 1033;
    background-color: white;*/
}
.weekend td {
    background: lightgrey !important;
    padding: 2px 0 2px 0 !important;
}
.weekend button {
    display: none;
}
.vendredi td{ 
    background-color : #99F0FF  ; 
 }
 p{     
    margin-top : 0 ; 
    margin-bottom: 0rem !important;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}

.result{ 
    background-color : yellow !important ;  
 }

 strong p { 
    line-height  : 20px ; 
  }

/*.chart-container {
    width: 80%;
    margin: 20px auto;
}
canvas {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    max-height: 400px;
}
#myChart_{
    width : 35rem ; 
    height : auto ;
}*/
.chart-container {
    background-color : #ffffff ; 
    border-radius : 20px /20px ;
    padding: 1% ;
    min-width: 400px ; 

}
canvas {
    display: block;
    margin: 0 auto;
    width: 100%; /* Ajustez la largeur du canvas */
    max-width: 400px; /* Limite maximale de largeur */
    min-width:  50px ;
    height: auto; /* Ajustement automatique de la hauteur */
    padding : 1% ;     
}

.waring {
    animation: blinkingBackground 1.5s infinite;
}
 @keyframes blinkingBackground {
    0% { background-color: #007bff; color: #ffffff; }
    50% { background-color: #FFF666; color: #000000; }
    100% { background-color: #007bff; color: #ffffff; }
 }

.none{
    display : none !important; 
}