style.css

@font-face {
    font-family: 'sofiapro';
    src: url('fonts/Sofia\ Pro\ Regular\ Az.otf') format('OpenType');
    font-weight: normal;
    font-style: normal;

}

body{
    position: fixed; 
    overflow: hidden;
    font-family: 'sofiapro', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

body::-webkit-scrollbar {
    display: none;
}

#msgattention{
    color: red;
}

.trajetD{
    position: relative;
    background: url(Ligne_D.png) no-repeat center center fixed;
    background-size: 100vw 100vh;
}

.trajetpfD{
    position: relative;
    background: url(Ligne_D-1stop.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.trajetfinD{
    position: relative;
    background: url(Ligne_Dfin.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.trajetA{
    position: relative;
    background: url(Ligne_A.png) no-repeat center center fixed;
    background-size: 100vw 100vh;
}

.trajetpfA{
    position: relative;
    background: url(Ligne_A-1stop.png) no-repeat center center fixed;
}

.trajetfinA{
    position: relative;
    background: url(Ligne_Afin.png) no-repeat center center fixed;
}

.trajetB{
    position: relative;
    background: url(Ligne_B.png) no-repeat center center fixed;
    background-size: 100vw 100vh;
}

.trajetpfB{
    position: relative;
    background: url(Ligne_B-1stop.png) no-repeat center center fixed;
}

.trajetfinB{
    position: relative;
    background: url(Ligne_Bfin.png) no-repeat center center fixed;
}

.trajetC{
    position: relative;
    background: url(Ligne_C.png) no-repeat center center fixed;
    background-size: 100vw 100vh;
}

.trajetpfC{
    position: relative;
    background: url(Ligne_C-1stop.png) no-repeat center center fixed;
}

.trajetfinC{
    position: relative;
    background: url(Ligne_Cfin.png) no-repeat center center fixed;
}

.trajetE{
    position: relative;
    background: url(Ligne_E.png) no-repeat center center fixed;
    background-size: 100vw 100vh;
}

.trajetpfE{
    position: relative;
    background: url(Ligne_E-1stop.png) no-repeat center center fixed;
}

.trajetfinE{
    position: relative;
    background: url(Ligne_Efin.png) no-repeat center center fixed;
}

.stop{
    background:url(arret.png) no-repeat center center fixed;
    position: relative;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

a:visited{
    text-decoration: none;
}

.acredits{
    text-decoration: underline;
}

.arret{
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 22.5%;
    /*margin-top: 400px;*/
    font-size: 8vw;
}

.arrethd{
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 22.5%;
    /*margin-top: 400px;*/
    font-size: 8vw;
    margin-bottom: 0px;
}

.direction{
    color: white;
    margin-top: 5vh;
    margin-left: 30.5vh;
    font-size: 5vw;
    font-weight: bold;
}

.arretlien{
    color: white;
}

.stoplien{
    color: black;
}

.stop1{
    position: fixed;
    font-weight: bold;
    top: 16vh;
    left: 23vh;
    font-size: 7vw;
}

.stop2{
    position: fixed;
    font-weight: bold;
    top: 47.5vh;
    left: 23vh;
    font-size: 7vw;
}

.stop3{
    position: fixed;
    bottom: 10vh;
    left: 23vh;
    font-weight: bold;
    font-size: 7vw;
}

.stop1ovf{
    position: fixed;
    font-weight: bold;
    top: 17vh;
    left: 23vh;
    font-size: 6.5vw;
}

.stop2ovf{
    position: fixed;
    font-weight: bold;
    top: 49vh;
    left: 23vh;
    font-size: 6.5vw;
}

.stop3ovf{
    position: fixed;
    font-weight: bold;
    left: 23vh;
    bottom: 10vh;
    font-size: 6.5vw;
}

.stop1hd{
    position: fixed;
    font-weight: bold;
    top: 23vh;
    margin-left: 23vh;
    font-size: 4.7vw;
    margin-bottom: 2vh;
}

.stop2hd {
    position: fixed;
    font-weight: bold;
    left: 23vh;
    top: 55vh;
    font-size: 4.7vw;
    margin-bottom: 1vh;
}

.stop3hd{
    position: fixed;
    font-weight: bold;
    left: 23vh;
    font-size: 4.7vw;
    bottom: 11vh;
}

.stop1fhdv {
    position: fixed;
    font-weight: bold;
    top: 20vh;
    margin-left: 23vh;
    font-size: 5.7vw;
    margin-bottom: 2vh;
}

.stop2fhdv {
    position: fixed;
    font-weight: bold;
    left: 23vh;
    top: 52vh;
    font-size: 5.7vw;
    margin-bottom: 1vh;
}

.stop3fhdv {
    position: fixed;
    font-weight: bold;
    left: 23vh;
    font-size: 5.7vw;
    bottom: 11vh;
}

.stop1sp {
    position: fixed;
    font-weight: bold;
    top: 19vh;
    margin-left: 23vh;
    font-size: 6vw;
}

.stop2sp {
    position: fixed;
    font-weight: bold;
    left: 23vh;
    top: 51vh;
    font-size: 6vw;
}

.stop3sp {
    position: fixed;
    font-weight: bold;
    left: 23vh;
    font-size: 6vw;
    bottom: 11vh;
}

.stop1smlvhdv {
    position: fixed;
    font-weight: bold;
    top: 22vh;
    margin-left: 23vh;
    font-size: 5.1vw;
}

.stop2smlvhdv {
    position: fixed;
    font-weight: bold;
    left: 23vh;
    top: 54vh;
    font-size: 5.1vw;
}

.stop3smlvhdv {
    position: fixed;
    font-weight: bold;
    left: 23vh;
    font-size: 5.1vw;
    bottom: 11vh;
}

.heure {
    color: white;
    position: fixed;
    bottom: 0.5vh;
    left: 2vw;
    font-size: 4vw;
    font-weight: bold;
}

.corresp0{
    position: fixed;
    left: 22vh;
    top: 44vh;
}


.nocorresp{
    margin-top: 9.5%;
}

.imagecorresp{
    height: 11vh;
    width: 11vh;
    margin-top: 25px;
    margin-left: 15px;
}

.imagecorrespstop{
    position: fixed;
    bottom: 0.5vh;
    width: 90%;
    
}