:root {
    --height:30px;
    --height2:27px;
    --height3:30px;
    --texte-small:1.05rem;
}

.height{
    height:var(--height3);
}


.logo{
    height:var(--height);
    width:var(--height);
}

.logo2{
    height:var(--height2);
    width:var(--height2);
}
.center{
    line-height:var(--height); 
    white-space: nowrap;
}

footer{
    font-size:var(--texte-small);
    position:absolute;
    width:100%;
  	font-family: thin;
}

#copyright{
    grid-column:1;
}

#legale{
    grid-column:1;
      text-align: left;
}

#reglement{
    grid-column:2;
      
}
#politique{
    grid-column:3;
  text-align: right;
}
#centre{
   grid-column:2;
  display:grid;
  grid-template-columns:repeat(3, 1fr) !important; 
}
#logos{
    grid-column:3;
}
#table{
    width:100%;
    margin:0px;
    padding-right:0!important;
    padding-left:0!important;
    grid-template-columns:repeat(3, 1fr) !important; 
    display:grid;
}

@media screen and (max-width: 1320px)
{
    :root {
        --height:15px;
        --height2:15px;
        --height3:10px;
        --texte-small:0.6rem;
    }
}

@media screen and (max-width: 1320px) and (min-width: 1060px)
{
    :root {

        --texte-small:0.5rem;
    }
}

@media screen and (max-width: 1060px) and (min-width: 900px)
{
    :root {
        --texte-small:0.6rem;
    }
}



@media screen and (max-width: 1500px) and (min-width: 1320px)
{
    :root {
        --texte-small:0.5rem;
    }
}

@media screen and (max-width: 700px) 
{
    :root {
        --texte-small:0.5rem;
        --height:17px;
        --height2:15px;
        --height3:13px;
    }

    #copyright{
        grid-row:1;
        grid-column:1/3;
    }
    
    #legale{
        grid-row:2;
        grid-column:1;
        text-align:left !important;
    }
    
    #reglement{
        grid-row:2;
        grid-column:2;
        text-align:center !important;
    }
    #politique{
        grid-row:2;
        grid-column:3;
    }
    #logos{
        grid-row:1;
        grid-column:3/5;
    }
    #table{
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin:0px;
    }
  #centre{
    grid-column: 1/3;
  }
}