/* Media queries pour smartphones */


@media only screen and (min-width : 320px) and (max-width : 1024px) {
    
footer {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    position: relative;
    clear: both;
    background-color: #f4f4f4;
    padding-top: 2%;
}
    
footer h2 {
    background-color: #f4f4f4;
    padding-top: 1%;
    }
    
footer p {
    background-color: #f4f4f4;
    font-family: 'Open Sans', sans-serif;
}
    
footer ul li, footer ul li a {    
    background-color: #f4f4f4;
    display: inline-block; 
    text-decoration: none;
    padding-top: 3%;
    } 
    
footer ul li img {
    width: 80px;
    height: 80px;   
    }
    
.rs li {
    padding-left: 5%;
    }  
    
#copyright {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.5em;
    }
    
    #mentions {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.5em;
    }
}
      
    
    
    
    
    
    
    




/* Media queries pour desktop large screen */

@media only screen and (min-width : 1824px) { 
  
footer {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    position: relative;
    clear: both;
    background-color: #f4f4f4;
}
    
footer h2 {
    background-color: #f4f4f4;
    border-top: 1px solid #dadada;
    padding-top: 1%;
    }
    
footer p {
    background-color: #f4f4f4;
    font-family: 'Open Sans', sans-serif;
}
    
footer ul li, footer ul li a {    
    background-color: #f4f4f4;
    display: inline-block; 
    text-decoration: none;
    } 
    
.rs li {
    padding-left: 5%;    
    }
}    





/* Media queries pour laptop */

@media only screen and (min-width : 1024px) {    
    
 footer {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    position: relative;
    clear: both;
    background-color: #f4f4f4;
}
    
footer h2 {
    background-color: #f4f4f4;
    border-top: 1px solid #dadada;
    padding-top: 2%;
    }
    
    
footer ul li, footer ul li a {   
   
    display: inline-block; 
    text-decoration: none;
    } 
    
.rs li {
    padding-left: 1%;
    }
    
#copyright {
    text-align: center;
    background-color: #f4f4f4;
    font-style: italic;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    display: inline-block;
    }
    
#mentions {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    background-color: #f4f4f4;
    color: #333;
    display: inline-block;
    padding-left: 10px;
    }
    
}