/*******************************************************************************************************************/
/*//////////////////////////                          GENERALE                        /////////////////////////////*/
/*******************************************************************************************************************/
:root{
    --couleur_blanc: #FFFFFF;
    --couleur_bleu_1: #56c0d3;
    --couleur_bleu_2: #1595B3;
    --couleur_bleu_3: #097990;
    --couleur_bleu_4: #1D3641;
    --couleur_gris : #6b8791;
    --couleur_alerte: red;
    --couleur_bar : #AFE1E5;
    --couleur_pictos : #1A9FBA;
    --couleur_font_family : #ffffff;
    --font_family_1 : "montserrat", Helvetica, sans serif;
}
.BgCouleurBleu3{
    background-color : var(--couleur_bleu_3);
}
.display{
    display : none !important;
    width : 0; height : 0;
}
.classHidden{
    visibility : hidden;
    display: none;
}
#sidebar{
    min-height : calc(100vh - 80px) !important;
}
/*****   ICONS   *****/
.icon_background{
    background: slategrey;
    color: #ffffff;
    padding:10px;
    border-radius: 50%;
}
.icon_bouton{
    width : 40px;
    height : 25px;
    padding: 5px;
}
.icon_background:hover, .icon_bouton:hover{
    cursor : pointer;
}
/*****   BOUTONS   *****/

.classButtonStandard{
    background-color: var(--couleur_gris);
    color : #ffffff;
    border-radius: 15px !important;
    border-style : inherit;
    padding: 5px 10px;
    text-decoration: none;
    -moz-text-decoration: none;
}
.classButtonStandard:active, .classButtonStandard:focus, .classButtonStandard:visited {
    text-decoration: none;
    -moz-text-decoration: none;
    outline : none;
}
.classButtonStandard:hover{
    color : var(--couleur_bleu_2) !important;
    text-decoration: none;
    -moz-text-decoration: none;
    outline : none;
}

/*** LOGO MENU  ***/
.logo_nav{
    height : 100px;
    margin-left : 50px;
}