
    .leaflet-control {display:none;} 

    .titre
     {
         background-color: #27B1FC;
         color: white;
         display: block;
         width: 100%;
     }
     #journal 
     {
     
         border-left: 5px solid #27B1FC;
         
     }
     #tabimgjournal
     {
         border-left: 5px solid #27B1FC;
     }
    
     #tabtr {
         
         border-left: 5px solid #27B1FC;
         
     }

     .ident {
			
        display: inline-block;
        width: 120px ;
    }
    
    .liensPosition {
          
        display: inline-block;
        width: 120px;
    }

    .liensVoyage {
        position: fixed;
        left: 300px;
          
    }

  

    .liensTrajet {
        margin-top: 8px; 
        margin-left: 160px ;
        display: inline-block;
    }

     .left5 {
         
         margin-left: 5px;
         display: inline-block;
         
     }
     .left10 {
         margin-left: 10px ;
         display: inline-block;
     }
     .left20 {
         margin-left: 20px ;
         display: inline-block;
     }
     .left40 {
         margin-left: 40px ;
         display: inline-block;
     }

     .left50 {
        margin-left: 50px ;
        display: inline-block;
    }

     .latlng {
         
         display: inline-block;
         width: 140px ;
     }
     .btVisu {
              vertical-align: 5px ;
              margin-right: 10px ;
              margin-left: 5px ;
              display: inline-block;
          }
 


    /* Loading */
    #loading {
    width: 100%;
    height: 100vh;
    background-color: #428BCA;
    }

    .loading_container {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    }

    #spin {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    }

    @keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    }

    #loading h1 {
    color: #FFF;
    margin-left: 10px;
    }

    .yt-thumb {
                position: relative; display: inline-block; line-height: 0;
                border-radius: 12px; overflow: hidden; text-decoration: none;
            }
    .yt-thumb img { display: block; max-width: 100%; height: auto; }
    .yt-thumb .play {
                position: absolute; inset: 0; display: grid; place-items: center;
                font-size: 64px; background: rgba(0,0,0,.25);
            }
    .yt-thumb:hover .play { background: rgba(0,0,0,.35); }
