
/* * {
    overflow: hidden;
}
div{
    border: 0.2vh solid rgb(0, 0, 0);
} */
html{
    background-color: #131122;
}

@font-face {
    font-family: 'WalkwayScript';
    src: url('fonts/WalkwayScript-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*:not(#code, #codeMirrorContent *,#blocklyDiv *, .blocklyWidgetDiv, .blocklyDropDownDiv){
    overflow: hidden;
    /*font-family: 'Lato';*/
}
.blocklyWidgetDiv *{
    overflow: visible!important;
}
#tableurContent{
    overflow-y: visible;
}
#tableurContent table, th, td{
    border: 1px solid black;
    margin-left: auto;            /* Align left margin automatically */
    margin-right: auto;           /* Align right margin automatically */
}


#codeMirrorContent{
    position: relative;
    height: 100%;
    /* height: 30vh; */
    width: 100%;
}
.NavigationChoixMenu{
    background-color: #46444f;
    color: white;
    border-radius: 2vh;
}

#code{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;    
}
.PlugInView{
    /* height: 33%; */
    width: 100%;
    /* max-height: 50vh; */
}

#OptionBar{
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    grid-gap: 1vh;
    height: 4vh;
    width: 100%;
    top: 0;
    left: 0;
    position:absolute;
    /* display: inline-block; */
    box-sizing: border-box;
    overflow: initial;
    background-color: #dee6ef;
    padding: 0.5vh;
}

#headerNavigProjet{
    height: 95%;
    width: 15vw;
    margin-top: 5vh;
    left: 0;
    position:absolute;
}
#NavigationProjet{
    height: 95%;
    width: 15vw;
    margin-top: 3vh;
    left: 0;
}
#NavigationProjet:hover{
    overflow-y: visible;
}
#MainView{
    margin-top: 2vh;
    /* margin-left: 16vw; */
    position:absolute;
    height: 97vh;
    /* height: 95%; */
    /* width: 83%; */
    width: 100%;
    z-index: 3;
}

#OpenedFile{
    top: 0;
    left: 0;
    height:5vh;
    background-color: #555d6f;
    color: white;
}
.ongletFile{
    display: inline-block;
    height: 4vh;
    border: 0.2vh solid black;
    text-align: center;
    min-width: 2vw;
    margin-left: 1vh;
}
#Views{
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 1vh;
    background-color: #555d6f;
}
.tabcontent{
    position:relative;
    height: 86%;
    width: 100%;
}
#openFileCOntainers {
    border: 0.2vh solid black;
    border-radius: 0.8vh;
    margin: auto;
    width: 50%;
    padding: 0.5vh;
    text-align: center;
    margin-top: 0.4vh;
    box-shadow: 1px 1px 1px 1px black;
}
.tab{
    position:absolute;
    color: #f3f3f3;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-collapse: collapse;
    margin-left: 24%;
    width: 50%;
    font-size: 3em;
    box-shadow: 1px 1px 1px 1px black;
}
.tab td{
    font-family: sans-serif;
    border: thin solid black;
    width: 51%;
    padding: 0.6vh;
    text-align: center;
/* background-color: #ffffff; */
}
#Views> *{
    flex: 1;
    flex-basis: 33%;
    border: 0.2vh solid black;
    box-shadow: 1px 1px 1px 1px;
}

.BtnOptionBarco{
    display: flex; /* Utilisation de flexbox pour centrer l'enfant */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    cursor: pointer; /* Ajout du curseur pour indiquer que c'est cliquable */
    width: auto; /* Largeur du conteneur */
    height: auto; /* Hauteur du conteneur */
    margin-left: 6vh; /* Espace à gauche du conteneur */
    border-radius: 0.4vh;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    color: #555d6f;
    cursor: pointer;
 
} 
#coBtn {
    max-width: 100%; /* L'image ne dépassera jamais la largeur du conteneur */
    max-height: 100%; /* L'image ne dépassera jamais la hauteur du conteneur */
    width: auto; /* Conserve le rapport largeur/hauteur de l'image */
    height: auto; /* Conserve le rapport largeur/hauteur de l'image */
}
.BtnOptionBar{
    /*max-width: 7vh;*/
    display: inline-block;
    height: 1vh;
    line-height: 1vh;
    padding: 1vh;
    border-radius: 0.4vh;
    /* background-color: #555d6f;*/
    /* box-shadow: 1vh 1vh 1vh 1vh black; */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    color: #555d6f;
    cursor: pointer;
    
}
.BtnOptionBarsav{
    /*max-width: 7vh;*/
    display: inline-block;
    height: 1vh;
    line-height: 1vh;
    padding: 1vh;
    border-radius: 0.4vh;
    background-color: #555d6f;
    /* box-shadow: 1vh 1vh 1vh 1vh black; */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    color: #ffffff;
    cursor: pointer;
    
}
.BtnChoice{
   
    line-height: 10vh;
    font-size: 1.5em;
    padding: 0.5vh;
    border-radius: 0.4vh;
    background-color: #555d6f;
    /* box-shadow: 1vh 1vh 1vh 1vh black; */
    box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease-in-out;
    color: white;
    
}

.BtnOptionBarco:hover, .BtnOptionBarsav:hover, .BtnOptionBar:hover, .BtnChoice:hover{
    background-color: #dee6ef;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    color:rgb(0, 0, 0);
}

.DDContent{
    /* max-width: 7vh; */
    /* height: 3vh; */
    font-size: 0.8em;
    padding: 1vh;
    border-bottom: 0.1vh solid black;
    background-color: #555d6f;
    color: white;
    cursor: pointer;
    /* display: inline-block; */
}
.DDContent>label{
    cursor: pointer;
    padding: 0.5vh;
}
.DDContent:hover{
    background-color: #dee6ef;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    color:rgb(0, 0, 0);
}
.dropdown-content {
    display: none;
    margin-top: 0.4vh;
    margin-left: -0.7vh;
    position: absolute;
    background-color: #f9f9f9;
    opacity: 1;
    min-width: 10vh;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 4;
  }
  
  .dropdown-content a {
    color: black;
    padding: 0.5vh 1vh;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {background-color: #f1f1f1}
  
  .BtnOptionBar:hover .dropdown-content {
    display: block;
  }
  
  .BtnOptionBar:hover .dropbtn {
    background-color: #666666;
  }

  .background-form{
      height: 100vh;
      width: 100%;
      opacity: 0.7;
      background-color: rgb(61, 61, 61);
      position:absolute;
      top: 0;
      left: 0;
      z-index: 998;
      display: none;
  }
  .form{
      background:#46444f;
      top: 30%;
      left: 43%;
      /* max-height: 75%; */
      width: 15%;
      z-index: 999;
      opacity: 1;
      position: absolute;
      color: white;
      overflow-y: visible;
      
      
  }
  #FermerNavFile{
      width: 100%;
      height: 3vh;
    
  }
  #NavFile{
      left :37%;
      width: 30%;
      max-height: 60%;
      top: 20%;
      overflow-y: visible!important;
      position: absolute;
      z-index: 999;
      border-radius: 2vh;
  }

  .col-fsDivContainer {
    width: 100%;
    /* height: 93vh; */
    border: 0.3vh solid #000000;
    border-radius:1vh 0 0 1vh;
    /* position:absolute; */
}

.col-fsDivContainerNav {
    width: 28.96%;
    /* border: 0.3vh solid #000000; */
    background-color: #bfbfbf;
    border-radius:1vh 0 0 0;
    /* text-align: center; */
    /* color: white; */
    font-size: 3vh;
    line-height: 5vh;
    position: fixed;
    margin-top: -0.3vh;
    height:	6vh;
    z-index: 999;
}

.col-fsDivContainerTree {
    padding: 2%;
    background-color: #bfbfbf;
    overflow: auto;
    border-radius:0 0 0 1vh ;
    margin-top: 5vh;
    z-index: 998;
    position: relative;
}
.FileExplorerContainer {margin: 0;padding: 0;list-style-type: none;cursor: pointer;}
.FEC_pyFile,.FEC_folder {cursor: pointer;font-size: 2.2vh;
/* color: #dedada; */
color: black;
overflow-x: auto;}
.FEC_pyFile::before {font-weight: bold;content: "\1F5CE";
/* color: #ffffff; */
margin-right: 6px;font-size: 3vh;margin-left: 1%;}

.FEC_folder::before {font-weight: bold;content: "\1F4C1";
/* color: #ffffff; */
margin-right: 6px;font-size: 3vh;margin-left: 1%;}

.FEC_iem-selected {cursor: default;
color: #000000;
/* background-color: #d9d9d9; */
border-radius:1vh;
/* border: 1px solid #000000; */
}
.FEC_fileItemToolBox {padding: 0.5vh;
    /* color: #ffffff; */
    float: right;}
.FEC_itemTollBox {display: inline-block;margin : 0 0 0 0.5vh;padding : 0.5vh;border: 1px solid #000000;background-color: #666666;border-radius:0.5vh;cursor: pointer;}
.FEC_tooltip{visibility: hidden;width: auto;background-color: #f50909;color: #333333;text-align: center;border-radius: 6px;border: 1px solid #ffffff;padding: 1px;transform: translate3d(-5vh, 3vh, 0);position: absolute;font-size: 1.25vh;	cursor: default;pointer-events: none;}
.FEC_itemTollBox:hover .FEC_tooltip{visibility: visible;}
.FEC_noFile::before {content: "AUCUN FICHIER/DOSSIER";color: #000000;display: inline-block;margin-right: 6px;}
.FEC_noFile {font-weight: bold; color: RED;font-size: 2.2vh;}
.FEC_nested {display: none;}
.FEC_active {display: block;list-style-type: none;}
.FEC_intitleIncrust{position : relative;z-index: 1;float: right;cursor: pointer;}
.treeindentation{margin-top:0;margin-bottom:0;}
.active_subelement{display: flex;flex-direction: column}
.active_subelementrow{display: flex; margin-left: 6vh;flex-direction: row}
.FEC_pyFile{
    /* border: 1px solid black;  */
    margin-left : 2vh; 
/* text-align: center; */
}

@keyframes pulse {
    0%   { opacity: 1; }
    100% { opacity: 0; }
  }

  .CodeMirror div { 
	border: none;
}
.loader {
    display: none; /* Utilisation de flexbox */
    align-items: center; /* Centrer verticalement les éléments enfants */
    justify-content: center; 
    
    z-index: 999;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Pour centrer le contenu horizontalement */
}
.loader span {
    font-family: 'WalkwayScript';
    font-weight: bold;
    font-size: 3em;

    background: rgb(255, 255, 255); /* Correction de la couleur */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 13vh; /* Décalage vers le bas de 75 pixels */
    transform: translateY(-50%); /* Décalage vers le haut de 50% de sa propre hauteur */
}

.circle{
    width:2vh;
    height:2vh;
    position: absolute;
    border-radius: 50%;
    left:15%;
    transform-origin: 50%;
    animation: circle .5s alternate infinite ease;
}


@keyframes circle{
    0%{
        top:60px;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top:0%;
    }
}
.circle:nth-child(2){
    left:45%;
    animation-delay: .2s;
}
.circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    /* background-color: rgba(0,0,0,.5); */
    background-color:rgb(24, 78, 82);
    position: absolute;
    top:62px;
    transform-origin: 50%;
    z-index: -1;
    left:15%;
    filter: blur(1px);
    animation: shadow .5s alternate infinite ease;
}

@keyframes shadow{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}
.shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s
}
.shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}


  .ResizeBtn{
    height: 3vh;
    top: 0;
    right: 0;
    float: right;
    /* position: relative; */
    font-size: 1em;
    margin-right: 1vh;
    margin-left: 1vh;
    line-height: 3vh;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;
  }
  #FloatantMsg{
      position:absolute;
      margin-top: 3vh;
      display: none;
      border-radius: 2vh ;
      background-color: rgb(24, 78, 82);
      color: #dee6ef;
      z-index: 1999;
      font-size: 2em;
      right: 0;
      padding: 1vh;
      animation-duration: 3s;
      animation-name: slidein;
      animation-iteration-count: 1;
      opacity: 0.9; 
}
@keyframes slidein {
    from {
        margin-right: 100%;
        /* width: 50%; */
      }
    
      to {
        margin-right: 0%;
        /* width: 50%; */
      }
  }
  .ResizeBtnContainer{
    top: 0;
    right: 0;
    float: right;
    /*position: relative;*/
    font-size: 1.6em;
    line-height: 1.8vh;
    /* border: 1vh 0 0 1vh solid black; */
    border-left: 0.2vh solid black ;
    border-bottom: 0.2vh solid black ;
    border-radius: 0.8vh;
    height: 3vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse; /* Afficher les boutons de droite à gauche */
  }
  .ResizeBtnContainer>div:hover{
      color:#dee6ef;
  }
  #ContainnerOfPrefMenu{
    height: 100vh;
    width: 100%;
    opacity: 0.7;
    background-color: rgb(61, 61, 61);
    position: absolute;
    display: none;
    top: 0;
    left: 0;
      z-index: 997;
  }
  #PrefMenu{
    background: #555d6f;
    margin-top: 6%;
    margin-left: 25%;
    max-height: 75%;
    width: 50%;
    height: 70vh;
    z-index: 999;
    opacity: 1;
    color: white;
	display: none;
	position: absolute;
  }
  #prefGraph{
    background: #555d6f;
    margin-top: 6%;
    margin-left: 25%;
    max-height: 75%;
    width: 50%;
    height: 70vh;
    z-index: 999;
    opacity: 1;
    color: white;
	display: none;
	position: absolute;    
  }
  #ConnectionPanel {
    background: #555d6f;
    border-radius: 0.3vh;
    margin-top: 15%;
    margin-left: 25%;
    max-height: 75%;
    width: 50%;
    height: 20vh;
    z-index: 999;
    opacity: 1;
    color: white;
	display: none;
	position: absolute;
    text-align: center;
  }
  #BS_Background{
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: #131122;
      opacity: 0.9;
      z-index: 999;
      display: none;
  }
  #BS_Background1{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #131122;
    opacity: 0.9;
    z-index: 999;
    display: none;
}
  #NavFileContainer{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #131122;
    opacity: 0.9;
    z-index: 999;
    display: none;
  }
  .BtnBarOption{
      padding: 0.5vh;
  }
  .redcrosse{
    float: right;
    height: 3vh; 
    margin-left: 1vh;
    margin-right: 1vh;
    cursor: pointer;
    margin-top: 0.1vh;
  }
  #exportcsv{
    float: right;
    height: 3vh; 
    margin-left: 1vh;
    margin-right: 1vh;
    cursor: pointer;
    margin-top: 0.1vh;
  }
  .switch {
    position: relative;
    display: block;
    margin: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    margin-left: 43%;
    margin-top: 2%;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

	@font-face {
        font-family: 'clock';
        /* font-family: 'Digital Numbers Regular'; */
        font-style: normal;
        font-weight: normal;
        /* src: local('Digital Numbers Regular'), url('/css/DigitalNumbers-Regular.woff') format('woff'); */
        /* src: local('Digital Numbers Regular'), url('DigitalNumbers-Regular.woff') format('woff'); */
        src: local('clock'), url('clock.ttf') format('truetype');
        }

        #GrosChiffreView {
            color: #dee6ef;
            margin-left: auto;            /* Align left margin automatically */
            margin-right: auto;           /* Align right margin automatically */
            width: 70%;
            border-radius: 1vh;
            border: 0.5vh solid black;
            background-color: rgb(24, 78, 82);
            height: auto;
            display: block;               /* Makes the element block-level so margins work */
            position: relative;           /* Ensures the margin adjustments work correctly */
            top: 50%;                     /* Move the element vertically */
            transform: translateY(-50%);  /* Adjust for exact vertical center */
        }
        /* #unitGrosChiffre{
            color: #dee6ef;
            display: inline-block;
            border-collapse: collapse;
            width: 25%;
            margin-top: 12%;
            border-radius: 0vh 1vh 1vh 0vh;
            border: 0.5vh solid black;
            border-left: 0vh;
            background-color: rgb(24, 78, 82); 
            height: 15vh;

        } */

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #FFFFFF;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    background: #00b7ff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }

.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

/* Animation shake */
@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
  
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
  }
  
  .shakeanim{
    animation: shake 1s ease-in infinite;
    animation-delay: 1s;
  }



/* Makes our label white. */
.blocklyTreeLabel {
    color: white;
  }
  /* Adds padding around the group of categories and separators. */
  .blocklyToolboxContents {
    padding: .3em;
  }
  /* Adds space between the categories, rounds the corners and adds space around the label. */
  .blocklyTreeRow {
    padding: 2px;
    margin-bottom: .5em;
    border-radius: 4px;
    cursor: pointer;
  }
  .blocklyDropDownContent {
      overflow-y: auto!important;
  }
  .closewindow:hover{
    background-color: rgb(255, 0, 0);
    /* color: red; */
  }
  .gomme:hover{
    filter: brightness(0) invert(1);
    /* color: red; */
  }

  .retour:hover{
    filter: brightness(0) invert(1);
    /* color: red; */
  }
  .resize:hover{
    filter: brightness(0) invert(1);
    /* color: red; */
  }
  .exporte:hover{
    filter: brightness(0) invert(1);
    /* color: red; */
  }
  
  /* @media(min-width: 1400px) {
    html>*{
        font-size: 0.8em;
    }
    img{
        width: 20px;
        height: 20px;
    }
    #Views> *{
        flex: 1;
        flex-basis: 50%;
        border: 0.2vh solid black;
        box-shadow: 1px 1px 1px 1px;
    }
    #GrosChiffreView{
        margin-top: 0;
    }

  } */
  @media(max-width: 960px) {
    html>*{
        font-size: 0.8em;
    }
    img{
        width: 20px;
        height: 20px;
    }
    #Views> *{
        flex: 1;
        flex-basis: 50%;
        border: 0.2vh solid black;
        box-shadow: 1px 1px 1px 1px;
    }
    #GrosChiffreView{
        margin-top: 0;
    }

  }
.textinfobubule{
    position: absolute;
    /* transform: translate3d(100%,80%,100%); */
    transform: translate3d(-39%, 78%, 0);
    z-index: 999;
    background-color: #94e9e1;
    border-radius: 1vh;
    min-width: 10vw;
    min-height: 3vh;
    text-align: center;
    opacity: 0.5;
    visibility: hidden;
    outline: none;
    color: #000000;
    padding: 1vh;

}

.ResizeBtn:hover .textinfobubule{
    visibility: visible;
}

#pointToDelete {
    width: 50px; 
    height: 20px;
    padding: 1px; 
    border-radius: 4px; 
    border: 2px solid #ccc; 
    box-sizing: border-box; 
    /* margin-left: 10px; 
    margin-top: 3px;
    margin-bottom: 5px !important; Ajout d'une marge en bas */
}


.restoreButton {
  background-color: transparent;
  border: none;
  color: rgb(0, 0, 0); /* Couleur du texte */
  padding: 5px 10px; /* Espacement du texte à l'intérieur du bouton */
  font-size: 16px; /* Taille de la police */
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease-in-out;
  visibility: visible;
}.thickArrow {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
  }
  
  


.restoreButton:hover {
  color: rgb(255, 255, 255); /* Changement de couleur au survol */
  
}
.popup {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    border-radius: 5px;
    pointer-events: none;
    z-index: 9999;
}

  