.footer {
    background: url(/Files/App_002/images/newsletters.jpg)no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin: 5vh;
    padding: 5vh;
    height: 100%;
    max-height:360px;
}
.infolettre {
    width: 410px;
    margin: 0 auto;
}
.liste_menus{display:flex;    margin-bottom: 5vh;}
.menu {
    width: 20%;
    display: inline-flex;
    border-right: 1px solid #d7d7d7;
    min-height: 95px;
    padding: 0vh 5vh;
}
.footer_bottom {
    background: #d7d7d7;
    clear: both;
    width: 100%;
    float: left;
}

.copyright p {
    font-size: 12px;
    line-height: 30px;
    height: auto;
    margin: 15px 0;
    color: #333;
}

.copyright a{font-size: 12px;color: #333;}

.copyright a:hover{font-size: 12px;color: #0470cb;}

.copyright img {    margin: 5px;}

.reseaux {    margin-top: 20px;}

.reseaux li{
    display: inline-flex;
    width: 30px;
    height: 30px;
}

.reseaux .fb{
    background: url(/Files/App_002/images/fb1.png)no-repeat center;
    display: block; width: 20px;    height: 20px;opacity:0.65;

}
.reseaux .twitter{
    background: url(/Files/App_002/images/twitter1.png)no-repeat center;
    display: block; width: 20px;    height: 20px;opacity:0.65;
}
.reseaux .in{
    background: url(/Files/App_002/images/in1.png)no-repeat center;
    display: block; width: 20px;    height: 20px;opacity:0.65;

}
.reseaux .gplus{
    background: url(/Files/App_002/images/gplus1.png)no-repeat center;
    display: block; width: 20px;    height: 20px;opacity:0.65;

}
.reseaux .ytube{
    background: url(/Files/App_002/images/ytube1.png)no-repeat center;
    display: block; width: 20px;    height: 20px;opacity:0.65;

}



.fb:hover, .twitter:hover, .in:hover, .gplus:hover, .ytube:hover{opacity:1; color: #23527c;} 


@media only screen and (max-width: 992px){
.liste_menus{display:flex;    margin-bottom: 5vh;}
.menu {    display: inline-flex;    border: 0;    padding: 0vh 0vh;}
}
@media only screen and (max-width: 768px){
.infolettre{width: 100%;}
.footer {    margin: 1vh;}
.copyright p {    font-size: 12px;    line-height: 20px;text-align:center;}
.reseaux {    margin-top: 0;    margin: 0 auto;    text-align: center;}
}

@media only screen and (max-width: 480px){
.titre_newsletter{font-size:30px !important;}
}