@font-face {
    font-family: 'jazz';
    src: url('jazz.woff');
}


:root {


    --pump-main-color: #f1b616;

    --color-white: #ffffff;
    --color-black: #020202;
    --color-forga-black: #0d0d0d;
    --color-eerie-black: #1e1e1e;
    --color-davys-grey: #4d4d4d;
    --color-battleship-grey: #8b8b8b;

    --pomp-background: #000000;
    --pomp-lightgrey: #333535;
    --pomp-darkgrey: #272827;
    --pomp-darkergrey: #101010;
    --pomp-darkwhite: #6d6f6e;
    --pomp-white: white;

    /*
    --pimp-color-rouge: #ff8c8f;
    --pimp-color-rouge2: #ffa8ab;
    --pimp-color-orange: #f0b372;
    --pimp-color-orange2: #f1c08b;
    --pimp-color-violet: #ecaaea;
    --pimp-color-violet2: #fbd9fa;
    --pimp-color-marron: #edc396;
    --pimp-color-marron2: #e5cfb7;
    --pimp-color-vert: #81db81;
    --pimp-color-vert2: #8fe68e;
    --pimp-color-bleu: #8d8fff;
    --pimp-color-bleu2: #cbcdff;
    --pimp-color-jaune: #f5f48d;
    --pimp-color-jaune2: #fbfbd9;
    --pimp-color-mark: #ffffff;
    --pimp-color-mark2: #eaeaea;
    */

    --pimp-color-rouge: #ff6367;
    --pimp-color-rouge2: #FFB1B3;
    --pimp-color-orange: #fe9e38;
    --pimp-color-orange2: #FFCA91;
    --pimp-color-violet: #BAA0B2;
    --pimp-color-violet2: #FBD9F1;
    --pimp-color-marron: #A69685;
    --pimp-color-marron2: #E5CFB7;
    --pimp-color-vert: #45BF45;
    --pimp-color-vert2: #53E653;
    --pimp-color-bleu: #696BBF;
    --pimp-color-bleu2: #8D8FFF;
    --pimp-color-jaune: #E0E0C1;
    --pimp-color-jaune2: #FBFBD9;
    --pimp-color-mark: #FAF8F6;
    --pimp-color-mark2: #BCBCBC;
}

.mark {
    padding: 0;
}




.mark {
    background-color: var(--pimp-color-mark);
}

.mark2 {
    background-color: var(--pimp-color-mark2);
}

.bleu {
    background-color: var(--pimp-color-bleu);
}

.vert {
    background-color: var(--pimp-color-vert);
}

.rouge {
    background-color: var(--pimp-color-rouge);
}

.jaune {
    background-color: var(--pimp-color-jaune);
}

.orange {
    background-color: var(--pimp-color-orange);
}

.marron {
    background-color: var(--pimp-color-marron);
}

.violet {
    background-color: var(--pimp-color-violet);
}

.bleu2 {
    background-color: var(--pimp-color-bleu2);
}

.vert2 {
    background-color: var(--pimp-color-vert2);
}

.rouge2 {
    background-color: var(--pimp-color-rouge2);
}

.jaune2 {
    background-color: var(--pimp-color-jaune2);
}

.orange2 {
    background-color: var(--pimp-color-orange2);
}

.marron2 {
    background-color: var(--pimp-color-marron2);
}

.violet2 {
    background-color: var(--pimp-color-violet2);
}

.bart {
    background-image: url(bart.png);
    background-size: 100% 100%;
}

.cible {
    background-image: url(cible.png);
    background-size: 100% 100%;
}

.mire {
    background-image: url(mire.png);
    background-size: 100% 100%;
}

.soleil {
    background-image: url(soleil.png);
    background-size: 100% 100%;
}

.flash-container {
    z-index: 10000;
}
























.accordsGrilleBarAccord.mark {
    /* border-top: solid var(--pimp-color-mark) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-mark); */
    color: var(--pimp-color-mark);
    background-color: unset;
}

.accordsGrilleBarAccord.mark2 {
    /* border-top: solid var(--pimp-color-mark2) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-mark2); */
    color: var(--pimp-color-mark2);
    background-color: unset;
}

.accordsGrilleBarAccord.bleu {
    /* border-top: solid var(--pimp-color-bleu) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-bleu); */
    color: var(--pimp-color-bleu);
    background-color: unset;
}

.accordsGrilleBarAccord.vert {
    /* border-top: solid var(--pimp-color-vert) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-vert); */
    color: var(--pimp-color-vert);
    background-color: unset;
}

.accordsGrilleBarAccord.rouge {
    /* border-top: solid var(--pimp-color-rouge) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-rouge); */
    color: var(--pimp-color-rouge);
    background-color: unset;
}

.accordsGrilleBarAccord.jaune {
    /* border-top: solid var(--pimp-color-jaune) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-jaune); */
    color: var(--pimp-color-jaune);
    background-color: unset;
}

.accordsGrilleBarAccord.orange {
    /* border-top: solid var(--pimp-color-orange) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-orange); */
    color: var(--pimp-color-orange);
    background-color: unset;
}

.accordsGrilleBarAccord.marron {
    /* border-top: solid var(--pimp-color-marron) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-marron); */
    color: var(--pimp-color-marron);
    background-color: unset;
}

.accordsGrilleBarAccord.violet {
    /* border-top: solid var(--pimp-color-violet) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-violet); */
    color: var(--pimp-color-violet);
    background-color: unset;
}

.accordsGrilleBarAccord.bleu2 {
    /* border-top: solid var(--pimp-color-bleu2) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-bleu2); */
    color: var(--pimp-color-bleu2);
    background-color: unset;
}

.accordsGrilleBarAccord.vert2 {
    /* border-top: solid var(--pimp-color-vert2) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-vert2); */
    color: var(--pimp-color-vert2);
    background-color: unset;
}

.accordsGrilleBarAccord.rouge2 {
    /* border-top: solid var(--pimp-color-rouge2) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-rouge2); */
    color: var(--pimp-color-rouge2);
    background-color: unset;
}

.accordsGrilleBarAccord.jaune2 {
    /* border-top: solid var(--pimp-color-jaune2) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-jaune2); */
    color: var(--pimp-color-jaune2);
    background-color: unset;
}

.accordsGrilleBarAccord.orange2 {
    /* border-top: solid var(--pimp-color-orange2) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-orange2); */
    color: var(--pimp-color-orange2);
    background-color: unset;
}

.accordsGrilleBarAccord.marron2 {
    /* border-top: solid var(--pimp-color-marron2) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-marron2); */
    color: var(--pimp-color-marron2);
    background-color: unset;
}

.accordsGrilleBarAccord.violet2 {
    /* border-top: solid var(--pimp-color-violet2) 3px; */
    /* box-shadow: 0 -5px 0 var(--pimp-color-violet2); */
    color: var(--pimp-color-violet2);
    background-color: unset;
}


.accordsGrilleBarAccord.accordsGrilleBarAccord {
    background: var(--pomp-darkgrey);
}

.meloNote {
    line-height: normal;
}