#exp-col-all {
    margin-top: 4vh;
}

.exp-col-all {
    display: inline;
    position: relative;
    padding: 0vh 3vh;
}

.smr-legend {
    top: 2vh;
    position: relative;
    height: 2vh;
    font-weight: bold;
}

.petite-fleche-gauche {
    position: absolute;
    display: block;
    top: 0.6vh;
    left: 0vh;
}

.petite-fleche-droite {
    position: absolute;
    display: block;
    top: 0.6vh;
    right: 1.7vh;
}

.commentaire {
    text-align: left;
}

/**************************************************/
/*              FLECHES BAS             */
/**************************************************/
.petite-fleche-bas-pro {
    text-align: center;
}

.petite-fleche-bas-pro:after,
.petite-fleche-bas-pro:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.petite-fleche-bas-pro:after {
    top: 0;
    border-color: white transparent transparent transparent;
    border-width: calc(1.5 * 1vh) 1vh 0 1vh;
}

.petite-fleche-bas-pro:before {
    top: 0.1vh;
    border-color: #427D6F transparent transparent transparent;
    border-width: calc(1.5 * 1vh) 1vh 0 1vh;
}

.petite-fleche-bas-public {
    text-align: center;
}

.petite-fleche-bas-public:after,
.petite-fleche-bas-public:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.petite-fleche-bas-public:after {
    top: 0;
    border-color: white transparent transparent transparent;
    border-width: calc(1.5 * 1vh) 1vh 0 1vh;
}

.petite-fleche-bas-public:before {
    top: 0.1vh;
    border-color: #90AB4A transparent transparent transparent;
    border-width: calc(1.5 * 1vh) 1vh 0 1vh;
}

/**************************************************/
/*              FLECHES HAUT             */
/**************************************************/
.petite-fleche-haut-pro {
    text-align: center;
}

.petite-fleche-haut-pro:after,
.petite-fleche-haut-pro:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.petite-fleche-haut-pro:after {
    top: 0.1vh;
    border-color: transparent transparent white transparent;
    border-width: 0 1vh calc(1.5 * 1vh) 1vh;
}

.petite-fleche-haut-pro:before {
    top: 0;
    border-color: transparent transparent #427D6F transparent;
    border-width: 0 1vh calc(1.5 * 1vh) 1vh;
}

.petite-fleche-haut-public {
    text-align: center;
}

.petite-fleche-haut-public:after,
.petite-fleche-haut-public:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.petite-fleche-haut-public:after {
    top: 0.1vh;
    border-color: transparent transparent white transparent;
    border-width: 0 1vh calc(1.5 * 1vh) 1vh;
}

.petite-fleche-haut-public:before {
    top: 0;
    border-color: transparent transparent #90AB4A transparent;
    border-width: 0 1vh calc(1.5 * 1vh) 1vh;
}