#route{
    position: absolute;
    width: 200%;
    left: -30px;
    bottom: var(--bottom-route);
    height: var(--hauteur-route); 
    background-color: var(--couleur-route);


    -moz-transform: skew(var(--angle-route), 0deg);
    -webkit-transform: skew(var(--angle-route), 0deg);
    -o-transform: skew(var(--angle-route), 0deg);
    -ms-transform: skew(var(--angle-route), 0deg);
    transform: skew(var(--angle-route), 0deg);
}
#route::after{
    content: "";
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: 100%;
    height: 10px; 
    
    background: repeating-linear-gradient(
        90deg, 
        var(--couleur-trait-route),   
        var(--couleur-trait-route) 20px, 
        transparent 20px, 
        transparent 40px  
    );
}

.bordroute{
    position: absolute;
    /* background-color: linear-gradient(180deg, rgb(0, 119, 16), green); */
    background-color: var(--couleur-bord-route);
    width: 100%;
}
#routebas{
    height: var(--hauteur-bord-bas-route);
    bottom: var(--bottom-hauteur-bord-bas-route);
    
}

#routehaut{
    height: var(--hauteur-bord-haut-route);
    bottom: var(--bottom-hauteur-bord-haut-route);
}