/* ======================================
   FICHIER : interactions.css
   DESCRIPTION : Feuille de styles créer par webflow pour les interactions
   AUTEUR : COULAIS Tom
   DATE : 02/04/2025
   ====================================== */

#choixImg {
    position: relative;
    z-index: 1; 
}

canvas {
    position: absolute;
    z-index: 2; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: auto; 
}

#choixImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
#charts-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  
#charts-container canvas {
    position: absolute;
}
  
.canvas-container {
    display: flex;
    flex-direction: column; 
    position: relative;
    width: 100%;
    height: auto; 
}

canvas {
    display: block; 
    width: 100%; 
    height: auto; 
    margin-bottom: 10px; 
}

.borderBlue{
    border-color : var(--froid);
    border-style : solid;
    border-width: 3px;
}
.borderRed{
    border-color : var(--chaud);
    border-style : solid;
    border-width : 3px;
}
.borderNoneSem{
    border-color : var(--white) !important;
    border-style : solid !important;
    border-width : 3px !important;
}
.borderNoneDay{
    border-color : var(--gris) !important;
    border-style : solid !important;
    border-width : 3px !important;
}