@font-face {
    font-family: 'Uni_Neue_regular';
    src: url('fonts/uni-neue/UniNeueRegular.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueRegular.woff') format('woff'),
        url('fonts/uni-neue/UniNeueRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_bold';
    src: url('fonts/uni-neue/UniNeueBold.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueBold.woff') format('woff'),
        url('fonts/uni-neue/UniNeueBold.ttf') format('truetype');
 }

@font-face {
    font-family: 'Uni_Neue_bold_italic';
    src: url('fonts/uni-neue/UniNeueBold-Italic.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueBold-Italic.woff') format('woff'),
        url('fonts/uni-neue/UniNeueBold-Italic.ttf') format('truetype');

}

@font-face {
    font-family: 'Uni_Neue_heavy_italic';
    src: url('fonts/uni-neue/UniNeueHeavy-Italic.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueHeavy-Italic.woff') format('woff'),
        url('fonts/uni-neue/UniNeueHeavy-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_book';
    src: url('fonts/uni-neue/UniNeueBook.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueBook.woff') format('woff'),
        url('fonts/uni-neue/UniNeueBook.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_thin_italic';
    src: url('fonts/uni-neue/UniNeueThin-Italic.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueThin-Italic.woff') format('woff'),
        url('fonts/uni-neue/UniNeueThin-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_regular_italic';
    src: url('fonts/uni-neue/UniNeueRegular-Italic.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueRegular-Italic.woff') format('woff'),
        url('fonts/uni-neue/UniNeueRegular-Italic.ttf') format('truetype');

}

@font-face {
    font-family: 'Uni_Neue_book_italic';
    src: url('fonts/uni-neue/UniNeueBook-Italic.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueBook-Italic.woff') format('woff'),
        url('fonts/uni-neue/UniNeueBook-Italic.ttf') format('truetype');

}

@font-face {
    font-family: 'Uni_Neue_thin';
    src: url('fonts/uni-neue/UniNeueThin.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueThin.woff') format('woff'),
        url('fonts/uni-neue/UniNeueThin.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_black';
    src: url('fonts/uni-neue/UniNeueBlack.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueBlack.woff') format('woff'),
        url('fonts/uni-neue/UniNeueBlack.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_black_italic';
    src: url('fonts/uni-neue/UniNeueBlack-Italic.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueBlack-Italic.woff') format('woff'),
        url('fonts/uni-neue/UniNeueBlack-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_heavy';
    src: url('fonts/uni-neue/UniNeueHeavy.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueHeavy.woff') format('woff'),
        url('fonts/uni-neue/UniNeueHeavy.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_light';
    src: url('fonts/uni-neue/UniNeueLight.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueLight.woff') format('woff'),
        url('fonts/uni-neue/UniNeueLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Uni_Neue_light_italic';
    src: url('fonts/uni-neue/UniNeueLight-Italic.woff2') format('woff2'),
        url('fonts/uni-neue/UniNeueLight-Italic.woff') format('woff'),
        url('fonts/uni-neue/UniNeueLight-Italic.ttf') format('truetype');
}


   html
   {
       background: none;
   }
   
   body
   {
      font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
      font-weight:normal; 
      text-rendering:optimizelegibility; -webkit-font-smoothing:antialiased;
      padding: 0;
      margin: 0;
   }
   
   a[x-apple-data-detectors], a[x-apple-data-detectors]:link, a[x-apple-data-detectors]:hover { color:inherit !important; text-decoration:none;}
   
   .orange
   {
   color: #FF5500;
   }
   
   .gris
   {
       color: #6D7579;
   }
   
    .titre
    {
        width: 88vw;
        text-align: left;
        font-size: 20vw;
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: Uni_Neue_bold;
        line-height: 1;
        letter-spacing: -0.4vw;
        margin: 0 auto;
         margin-top: 54%;
    }
    
    .masante
    {
        margin: 0;
        padding: 0;
        text-align: center;
        font-family: Uni_Neue_bold;
        font-size: 38px;
        letter-spacing: -1px;
        margin-bottom: 30px;
    }
    
    .texte, .texte_2
    {
       width: 228px;
       margin: 0 auto;
       font-family: Uni_Neue_book;
    }
    
.texte
     {
        margin-bottom: 10px;
     }
     
    .ma
    {
       font-family: Uni_Neue_bold_italic;
    }
    
    
    h1, h2, h4
    {
      font-size: unset;
      margin-block-end: unset;
      margin-inline-end: unset;
      margin-block-start: unset;
      font-weight: unset;
    }
    
    
    h2, h4
    {
       display: none;
    }
    
    p {
      text-align: left;
      margin: 0;
      display: none;
    }
    
    .end
    {
      text-align: center;
      margin: 0;
      font-family: Uni_Neue_bold;
      font-size: 25.4px;
	  letter-spacing: -1px;
	  width: 230px;
	  line-height: 1;
	  margin: 0 auto;
	  margin-bottom: 100px;
     text-align: left;

    }

@media(max-width: 1440px)
{
}

@media(max-width: 768px)
{
   .footer
   {
      height: 50vw;
   }
   
   .logo
   {
       background-image: url(/img/anim_logo_web.gif);
       background-repeat: no-repeat;
       background-size: contain;
       padding: 0px;
       background-position-y: 5px;
       width: 21vw !important;
       margin-left: 4vw;
       height: 26vw;
       z-index: 100;
      position: fixed;
      top: 4vw;

   }
   
   .main_container
   {
      position: relative;
       z-index: 0;
       margin: 0 auto;
       height: 75dvh;
       padding-bottom: 25vw;
   }
   
   .image_fond
   {
       background-image: url(/img/fond_ethylo.jpg);
       width: 100%;
       height: 110dvh;
       position: fixed;
       z-index: 0;
       background-repeat: no-repeat;
       top: 0;
       padding-top: env(safe-area-inset-top);
   }
   
    .texte
     {
        width: 88vw;
          line-height: 1;
          font-size: 6vw;
         margin: 0 auto;
          margin-top: 2vw;
     }
     
     .bottom
     {
         position: fixed;
         bottom: 4vw;
         margin-left: 4vw;
     }
     
     .hello
      {
          /*margin-top: 56px;*/
          padding-top: 0px;
          padding-bottom: 0px;
          margin-top: 50px;
          
      }
      
      .end
      {
	      font-size: 25px;
	      margin-bottom: 300px;

      }
}