/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 nov. 2016, 10:21:04
    Author     : quentin
*/
html,body{
            width: 100%;
            padding-bottom:50px;
            overflow-x: hidden;
        }
.sectFoot{
    background-color: #f2f2F2;
    color:black;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 97%;
   
  
}
.footer{
            display: block;
            right: 50px;
            position: absolute;
            color: #808080;
            font-family: 'avenirNextRegular';
            font-size: 9pt;
            padding-top: 8px;
        }
        .footer a,.footer a:visited{
            text-decoration: none;
             color: #808080;
        }
        @media screen and (max-width: 2500px) {
            
            .footer{
               display: block;
                right: 280px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
            
          }
          @media screen and (max-width: 2310px) {
            .footer{
               display: block;
                right: 260px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
          }
          
          @media screen and (max-width: 2210px) {
            
            .footer{
               display: block;
                right: 240px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
          }
          
          @media screen and (max-width: 2010px) {
            
            .footer{
               display: block;
                right: 220px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
        
            
          }
          
          @media screen and (max-width: 1960px) {
            
            .footer{
               display: block;
                right: 200px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
        
            
          }
          
          @media screen and (max-width: 1890px) {
            
            .footer{
               display: block;
                right: 180px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
            
          }
          
          @media screen and (max-width: 1850px) {
            
            .footer{
               display: block;
                right: 160px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
            
          }
          
          @media screen and (max-width: 1790px) {
           
            .footer{
               display: block;
                right: 140px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
          }
          
          @media screen and (max-width: 1720px) {
            
            .footer{
               display: block;
                right: 120px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
            
          }
          
          @media screen and (max-width: 1660px) {
            
            .footer{
               display: block;
                right: 100px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
            
          }
          
          @media screen and (max-width: 1620px) {
            
            .footer{
               display: block;
                right: 80px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
            
          }
          
          @media screen and (max-width: 1380px) {
            
            .footer{
               display: block;
                right: 70px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
            
          }
          
          @media screen and (max-width: 1300px) {
            
            .footer{
               display: block;
                right: 60px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 9pt;
                padding-top: 8px; 
            }
          }
          @media screen and (max-width: 330px) {
            
            .footer{
               display: block;
                right: 60px;
                position: absolute;
                color: #808080;
                font-family: 'avenirNextRegular';
                font-size: 4pt;
                padding-top: 8px; 
            }
          }