iframe {position: absolute; 
		width: calc(100%);
		height: calc(100%);

       }
test {
    
    
}

html {
    overflow: auto;
     overflow-y: scroll;
          overflow-x: scroll;
    background-color: black ;
    width: 100%;
    height: 100%;
}

body{
    overflow-y: scroll;
    overflow-x: hidden;
        background-color: black;

    
}

::-webkit-scrollbar {
    width: 4.9px;
    height: 4.9px
}

::-webkit-scrollbar-track {
    -webkit-border-radius:   3px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
   background-color: black;
	background-image: -webkit-gradient(linear,
									   10% 0%,
									   75% 84%,
									   from(blue),
									   to(limegreen),
									   color-stfop(.6,white))
} 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: blue; 
}

   

            #menu {
                position: fixed;
                padding-left: 14vh;
                top: 1.6vh;
                left: 0;
                z-index: 99;
            }

           ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
               
               
            }

            li {
                float: left;
            }

            li a {
                color: white;
                padding-right: 8vh;
                text-decoration:;
                line-height: 6vh;
                font-size: 17px;
                letter-spacing: 0.06em;
            }
            

            li a:hover {
                
                color:#46ff46;
            }




#nom{ position: absolute;
    color:blue;
    left:54%;
    z-index: 999;
}




#contactpage{ 
  position: absolute; 
  top: 50%; left: 50%; 
  transform: translate(-50%, -50%); 
  font-size: 3.9vw;
    
}





                     

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

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

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

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

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

                                                                    
                                                                }
                                                                  .italian:hover #fleche_it {
                                                                    display:block;
                                                                    color:blue;

                                                                }



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



                                                                .francais:hover{
                                                                    text-decoration: underline;
                                                                     -webkit-animation:coloranimation2 2s infinite alternate;
                                                                }
                                                                    .english:hover{
                                                                    text-decoration: underline;
                                                                         -webkit-animation:coloranimation2 2s infinite alternate;
                                                                }
                                                                .italian:hover{
                                                                    text-decoration: underline;
                                                                     -webkit-animation:coloranimation2 2s infinite alternate;
                                                                }





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

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


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

                                    #text {
                                      position:fixed;
                                      bottom:16px;
                                      white-space: nowrap;
                                      left:0;
                                      width:100%;
                                      height:90px;
                                      align-content: center;
                                      font-size:1.7vw;
                                      animation-name: slide;
                                      animation-duration: 19s;
                                      animation-timing-function: linear;
                                      animation-iteration-count: infinite;
                                      -webkit-animation-name: slide;
                                      -webkit-animation-duration: 19s;
                                      -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: -24px;
                                        font-variant-caps: small-caps;
                                      width:100%;
                                      height:80px;
                                      line-height:120px;
                                      overflow:hidden;
                                      position:fixed;
                                      z-index: 4;-webkit-animation:coloranimation 7s infinite alternate;

                                    
                                    }
                                   #marquee:hover {        -webkit-animation:coloranimation 27s infinite alternate;

                                    
                                    }

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



  
            

a:visited{color:blue;}

              

                                            

.hidden {display:none} 

 
           

                #imgcoin { position: absolute;
                top:54%;
                left:64.7%;
                    width: 32.96vw;
                height: auto;
                min-height: 1.5em;z-index: 0;
                

            }

 #imgcoin:hover { 
    mix-blend-mode:hard-light;

            }





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





* { 
    text-decoration: none;
}



@-webkit-keyframes coloranimation {
      0% {
        
        color: red;
      }
      
    
  
      
      30% {
        
        color: #00cc00;
      }
      
      40% {
        
        color: blue;
      }
      
      50% {
        
        color: #ff6200;
      }
      
      60% {
        
        color: teal;
      }
      
      72% {
        
        color: #ff00eb;
      }
      84% {
     
        color: #ffb100;
      }
      
      86% {
     
        color: #2453e0;
      }
      
      100% {
        
        color: #dd1538;
      }
    }




@-webkit-keyframes coloranimation2 {
      0% {
        
        color: red;
      }
      
    
    
      
      21% {
        
        color: red;
      }
      
      31% {
        
        color: lime;
      }
      
      50% {
        
        color: red;
      }
      
      60% {
        
        color: lime;
      }
      
      64% {
        
        color: limegreen;
      }
     
    
      92% {
     
        color: red;
      }
      
      100% {
        
        color: lime;
      }
    }




l3{
    position: absolute;
    align-content: center;
    right:69%;
    top:21%;
    color:blue;
    font-family:monospace;
    font-size: 17px;
    -webkit-animation:coloranimation 27s infinite alternate;
}




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