body{
   background-color: black;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(./img/background_gearprod.png);
    background-repeat: repeat;
    background-size: cover;
    margin:0;
    padding:0;
    height:100%;
}

#main {
   
    position:relative;
    padding-bottom:50px;   /* Hauteur du pied de page */
 }
 #footer {
    position:absolute;
    bottom:0;  /* on le colle en bas */
    width:100%;
    height:50px;   /* Hauteur du pied de page */
 }
 

.site:hover{

    box-shadow: 0 0 1px 5px white;
    background-color: white;
    color : #020E20;
    transform: scale(1.1);
    cursor: pointer;
    font-weight: 600;
}

.site{
    font-weight: 400;
    font-size: 20px;
    
}

@font-face{
    font-family : "Roboto", sans-serif;
    src : url("./fonts/Roboto-Regular.ttf") format("opentype");
    font-family: "HammerSmith",sans-serif;
    src : url("./fonts/HammersmithOne-Regular.ttf") format("opentype");
}

.opac{
    background-color:  rgba(0,0,0,.5)
    
}

.acceuil{
   
    font-size: 14px;

}

.pointer{
    cursor: pointer;
}

.acceuil:hover{
    color : grey;
}

a{
    color : black;
    text-decoration: none;      
}

a:hover{
    color : rgb(0, 0, 44);
}

.fc-event{
    cursor: pointer;
}

.vis{
    z-index: 1; opacity: 1; height: auto; overflow : visible;
}

.invis{
    z-index: 0; opacity: 0; height: 0px; overflow : hidden;
    background-color: white;
    color: black;
}

.fc-daygrid-day-top{
    flex-direction: row !important;
}

.fc-event-main{
    font-family: Arial, Helvetica, sans-serif;
    
}

#date{
    font-size: 30px;
}

.main2{
    height: 90vh;
}

.scaling{
    transform : scale(1.1);
    font-weight: bold;
    opacity:1 !important;

}

.star{
    height: 100%;
    width: 100%;
    object-fit: contain;
}

figure{
    height: 20px;
    width: 40px;
    margin: 0;
    padding: 0;
}

.vignette{
    background-color: rgb(230, 235, 255);
    box-shadow: 5px 5px 5px #c0c3c1;
}

.chartbarre{
    /* border-right: 2px solid rgb(230, 235, 255); */
}

.green{
    background: rgb(18,255,0);

}

.yellow{
    background: rgb(241,255,0);

}

.orange{
    background: rgb(255,136,0);
    
}

.red{
    background: rgb(255,35,35);
    background: linear-gradient(90deg, rgba(255,35,35,1) 0%, rgba(255,0,0,1) 100%);

}

.mission:hover{
font-weight: bold;
}

.fc-daygrid-day-frame:hover{
    background-color: beige;
    cursor: pointer;
}

.date::first-letter{
    text-transform: capitalize;
}

img{
    object-fit: contain;
    width: 100%;
}