/* FOOTER ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.grid-footer{
width: 100%; 
position: absolute; 
bottom: 0; 
left: 0; 
right: 0; /*
height: 4.15%;*/
color: rgb(150, 150, 150); 
background: #272727;
text-align: center;
box-shadow: 0 1px 1px rgba(112, 112, 112, 0.233) inset;
z-index: 20;
border-top: solid 2px #0000007c;}

#sociaux{
display: none;
margin: 0;
padding: 6px 0px 1px 0px;}

.so-ciaux{
padding: 0px 12px 0px 12px;}


.footer-hr{
display: none;
width: 60%;
border: none;
border-bottom: 2px solid #333333;
box-shadow: 0 4px 4px -4px #000000;}


/*---------------------------------------------------------------------------------------------------------------------------*/
.mentions{
font-size: 16px; 
padding: 8px 9px 8px 9px; /*
text-align: center;*/}
/*---------------------------------------------------------------------------------------------------------------------------*/
.titre-mentions,
.titre-mentions2{
display: inline-block;
margin: 0;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.separateurs-mentions{
display: inline-block;
margin: 0px 4px 0px 8px;}




.retour-ligne{
display: none;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.titre-mentions:hover{
color: white;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#rights{
font-size: 13px;
font-family: Arial, sans-serif;}
/*---------------------------------------------------------------------------------------------------------------------------*/















.grid-footer-mentions{
width: 100%; /*
position: relative; 
bottom: 0; 
left: 0; 
right: 0; */
height: 4.15%;
color: rgb(150, 150, 150); 
background: #272727;
text-align: center;
box-shadow: 0 1px 1px rgba(112, 112, 112, 0.233) inset;
border-top: solid 2px #0000007c;
z-index: 1000;}













/* MOBILES en mode portrait */
@media (max-width: 600px) and (orientation: portrait) 
{
    .grid-footer{
    height: auto;}

    .separateurs-mentions{
    display: none;}

    .retour-ligne,
    .footer-hr,
    #sociaux{
    display: block;}

    #allrights{
    padding-bottom: 20px;}

    #mentions-legales{
    padding-bottom: 8px;}

    #LIC{
    margin-top: 8px;}

}

/* MOBILES en mode paysage */
@media (max-width: 1000px) and (orientation: landscape) 
{
    .grid-footer{
    height: auto;}

    .separateurs-mentions{
    display: none;}

    .retour-ligne,
    .footer-hr,
    #sociaux{
    display: block;}

    #allrights{
    padding-bottom: 20px;}
 
    #mentions-legales{
    padding-bottom: 8px;
    }

    .footer-hr{
    width: 30%;}

    #LIC{
    margin-top: 8px;}


}