html *
{
    font-family: "Neutra Text", sans-serif;
}

.bouton
{
    background-color : #e84242;
    color: white;
    padding: 12px 20px;
    border: 3px solid #e84242;
    border-radius: 15px;
    cursor: pointer;
    /*    float: left; */
    margin-left : 15px;
    margin-top : 15px;
}

.bouton:hover
{
    background-color: white;
    color : #e84242;
    border: 3px solid #e84242;
}

.boutonOFF
{
    background-color : #DCDCDC;
    color: white;
    padding: 12px 20px;
    border: 3px solid #DCDCDC;
    border-radius: 15px;
/*    cursor: pointer;*/
    /*    float: left; */
    margin-left : 15px;
    margin-top : 15px;
}


.boutonBIS_BDR
{
    background-color : #e84242;
    color: white;
    padding: 12px 20px;
    border: 3px solid #e84242;
    border-radius: 15px;
    cursor: pointer;
    /*    float: left; */
    margin-left : 15px;
    margin-top : 15px;
    width: 400px;
    height: 180px;
}

.boutonBIS_BDR:hover
{
    background-color: white;
    color : #e84242;
    border: 3px solid #e84242;
}

.boutonBIS_PDA
{
    background-color : #FF8C00;
    color: white;
    padding: 12px 20px;
    border: 3px solid #FF8C00;
    border-radius: 15px;
    cursor: pointer;
    /*    float: left; */
    margin-left : 15px;
    margin-top : 15px;
    width: 400px;
    height: 180px;
}

.boutonBIS_PDA:hover
{
    background-color: white;
    color : #FF8C00;
    border: 3px solid #FF8C00;
}

.bouton_BDR
{
    background-color : #e84242;
    color: white;
    padding: 12px 20px;
    border: 3px solid #e84242;
    border-radius: 15px;
    cursor: pointer;
    /*    float: left; */
    margin-left : 15px;
    margin-top : 15px;
}

.bouton_BDR:hover
{
    background-color: white;
    color : #e84242;
    border: 3px solid #e84242;
}

.bouton_PDA
{
    background-color : #FF8C00;
    color: white;
    padding: 12px 20px;
    border: 3px solid #FF8C00;
    border-radius: 15px;
    cursor: pointer;
    /*    float: left; */
    margin-left : 15px;
    margin-top : 15px;
}

.bouton_PDA:hover
{
    background-color: white;
    color : #FF8C00;
    border: 3px solid #FF8C00;
}

.bouton_param
{
    background-color : #FF7F50;
    color: white;
    padding: 12px 20px;
    border: 3px solid #FF7F50;
    border-radius: 15px;
    cursor: pointer;
    /*    float: left; */
    margin-left : 15px;
    margin-top : 15px;
}

.bouton_param:hover
{
    background-color: white;
    color : #FF7F50;
    border: 3px solid #FF7F50;
}

.logo_PDA
{
    background-color : #FF8C00;
    color: white;
    padding: 12px 20px;
    border: 3px solid #FF8C00;
    border-radius: 15px;
    margin-left : 15px;
    margin-top : 15px;
}

.logo_BDR
{
    background-color : #e84242;
    color: white;
    padding: 12px 20px;
    border: 3px solid #e84242;
    border-radius: 15px;
    margin-left : 15px;
    margin-top : 15px;
}

.logo_param
{
    background-color : #FF7F50;
    color: white;
    padding: 12px 20px;
    border: 3px solid #FF7F50;
    border-radius: 15px;
    margin-left : 15px;
    margin-top : 15px;
}

.plus
{
    background-color : #e84242;
    color: white;
    padding: 6px 10px;
    border: 3px solid #e84242;
    border-radius: 15px;
    cursor: pointer;
}

.plus:hover
{
    background-color: white;
    color : #e84242;
    border: 3px solid #e84242;
}

.plusOFF
{
    background-color : #DCDCDC;
    color: white;
    padding: 6px 10px;
    border: 3px solid #DCDCDC;
    border-radius: 15px;
}

.moins
{
    background-color : #495057;
    color: white;
    padding: 6px 10px;
    border: 3px solid #495057;
    border-radius: 15px;
    cursor: pointer;
}

.moins:hover
{
    background-color: white;
    color : #495057;
    border: 3px solid #495057;
}

#overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 9999; /* Make sure it stays on top */
}