.menu_defaut  {
    background-color: #305693;
}
.menu_defaut:hover {
    background-color: #5a90e7; 
}
.menu_defaut:active {
    background-color: #5a90e7; 
}
.menu_defaut:pressed {
    background-color: #5a90e7;   
}

.rouge  {
    background-color: #ff0000;   
}
.rouge:hover {
    background-color: #ff5e5e;   
}
.rouge:active {
    background-color: #ff5e5e;   
}
.rouge:pressed {
    background-color: #ff5e5e;   
}

.bordeaux  {
    background-color: #a90345;   
}
.bordeaux:hover {
    background-color: #be2562;   
}
.bordeaux:active {
    background-color: #be2562;   
}
.bordeaux:pressed {
    background-color: #be2562;   
}

.orange  {
    background-color: #ff7f21;   
}
.orange:hover {
    background-color: #fe9040;   
}
.orange:active {
    background-color: #fe9040;   
}
.orange:pressed {
    background-color: #fe9040;   
}


 .vert_clair  {
    background-color: #8bc954;   
}
.vert_clair:hover {
    background-color: #c2f396;   
}
.vert_clair:active {
    background-color: #c2f396;   
}
.vert_clair:pressed {
    background-color: #c2f396;   
}


.vert_fonce  {
    background-color: #477220;   
}
.vert_fonce:hover {
    background-color: #6e944c;   
}
.vert_fonce:active {
    background-color: #6e944c;   
}
.vert_fonce:pressed {
    background-color: #6e944c;   
}



.bleu  {
    background-color: #027fc7;   
}
.bleu:hover {
    background-color: #3db0f2;   
}
.bleu:active {
    background-color: #3db0f2;   
}
.bleu:pressed {
    background-color: #3db0f2;   
}


.violet  {
    background-color: #ad00ed;   
}
.violet:hover {
    background-color: #c73ff9;   
}
.violet:active {
    background-color: #c73ff9;   
}
.violet:pressed {
    background-color: #c73ff9;   
}




.ocre  {
    background-color: #d08705;   
}
.ocre:hover {
    background-color: #daa23e;   
}
.ocre:active {
    background-color: #daa23e;   
}
.ocre:pressed {
    background-color: #daa23e;   
}