body {
    height: 100%;
                width: 127%;
                margin: 0 0 0 0;
    font-family: sans-serif;
}



#gchrome {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:white;
 z-index:-9999;
}


.draggable {
  cursor: crosshair;
  border-image: linear-gradient(#6affba,#6affba,limegreen, white, white,white, blue) 4;;
  border-style:solid;
  z-index: 1;



  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);

    
}










a{
  
  color:white;
    

}

a:hover{
    color: yellow;
    
    
}


a:active{
color:limegreen;
font-style: italic}


.texte{
    position: relative;
    width: 100%;
}

.langue{
  
}


@media only screen and (max-width: 768px) {
    /* Smartphones: *//* Smartphones: *//* Smartphones: *//* Smartphones: *//* Smartphones: */
       
    body{
        height: 100%;
    
    }
         
    
    
             #imgcoin { 
                                 left:44%;
                 top:69%;

                width: 78.66vw;
                height: auto;
                min-height: 1.5em;z-index: 0;
                

            }
    
    #blocn{background-color: black;
        position: absolute;
        top: 99%;
        height: 10%;
        width:127%
    }

    
    #contactpage{ 
  position: absolute; 
  top: 46%; left: 70%; 
  
  font-size: 7.4vw;
    
}
    

 #marquee { 
                                        bottom: -24px;
                                      width:100%;
                                      height:90px;
                                      line-height:120px;
                                      overflow:hidden;
                                      position:fixed;
       color:blue;
                          
                                    }

                                    #text {
                                      position:fixed;
                                      bottom:61px;
                                      white-space: nowrap;
                                      left:0;
                                      width:100%;
                                      height:90px;
                                      align-content: center;
                                      font-size:42px;
                                      animation-name: slide;
                                      animation-duration: 9s;
                                      animation-timing-function: linear;
                                      animation-iteration-count: infinite;
                                      -webkit-animation-name: slide;
                                      -webkit-animation-duration: 9s;
                                      -webkit-animation-timing-function:linear;
                                      -webkit-animation-iteration-count: infinite;
                                        
                                    }


                                    
                                * {
                                      margin:0;
                                      padding:0;
                                      border:0;
                                    }

                                    @keyframes slidea {
                                      from { left:-230%; transform: translate(0, 0); }
                                      to { left: 100%; transform: translate(-100%, 0); }
                                    }
                                    @-webkit-keyframes slidea {
                                      from { left:-230%; transform: translate(0, 0); }
                                      to { left: 100%; transform: translate(-100%, 0); }
                                    }


                                    #marquee { 
                                        bottom: -4px;
                                      color:gold; 
                                      width:100%;
                                      height:   90px;
                                      line-height:120px;
                                      overflow:hidden;
                                      position:fixed;
                                      z-index: 4;
                                    
                                    }
                                   #marquee:hover {        -webkit-animation:coloranimation 12s infinite alternate;

                                    
                                    }

                                    #text_invert {
                                      position:fixed;
                                      bottom:0px;
                                      white-space: nowrap;
                                      left:0;
                                      width:100%;
                                      height:90px;
                                      align-content: center;
                                      font-size:42px;
                                      z-index: 4;
                                      animation-name: slidea;
                                      animation-duration: 7s;
                                      animation-timing-function: linear;
                                      animation-iteration-count: infinite;
                                      -webkit-animation-name: slidea;
                                      -webkit-animation-duration: 9s;
                                      -webkit-animation-timing-function:linear;
                                      -webkit-animation-iteration-count: infinite;
                                    }









#banderole{
    position:fixed;
    bottom: 0%;
    background-color: white;
    height: 118px;
    width: 100%
        
}










    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    l3{
    position: absolute;
    align-content: center;
    right: 24.1vw;
    top:22%;
    color:blue;
    font-family:monospace;
    font-size: 4.4vw;

}


    
    
    
    
    
    
    
    
    
                 .english { position: fixed;
                                                    top: 12px;
                                                    left: calc(88.9%);
                                                    text-align: center;
                                                    font-size: 5.56vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                           }

                                    
                                    .italian { position: fixed;
                                                    top: 12px;
                                                    left: calc(95.6%);
                                                    text-align: center;
                                                      font-size: 5.56vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                           }

                                    .francais { position: fixed;
                                                    top: 12px;
                                                    left: calc(84.3%);
                                                    text-align: center;
                                                      font-size: 5.56vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                           }

                                 #fleche_it {
                                                    position: fixed;
                                                    top: 15px;
                                                    left: calc(92.89%);
                                                    text-align: center;
                                                    font-size: 3.99vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                                    display: none;
                                }
                                    #fleche_en {
                                        position: fixed;
                                                    top: 15px;
                                                    left: calc(86.24%);
                                                    text-align: center;
                                                    font-size: 3.99vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                                    display: none;
                                }

                                    #fleche_fr {
                                        position: fixed;
                                                    top: 12px;
                                                    left: calc(88.54%);
                                                    text-align: center;
                                                    font-size: 3.9vw;
                                                    font-family: sans-serif;
                                                    cursor: pointer;
                                                    z-index: 3;
                                                    display: none;
                                    }
                                                                .english:hover #fleche_en {
                                                                    display:block;
                                                                }
                                                                  .italian:hover #fleche_it {
                                                                    display:block;
                                                                }



                                                                .francais:hover #fleche_fr {
                                                                    display:block;
                                                                }




    
    
    
    
    
    }
}


















num{position: absolute;
    top:20%;}

nom{position: absolute;
    top:10%;
color:blue;
left:10%;
width: 6    %}