body {margin-left: 25%;width: 40%;margin-top: 0px;font-size:16px;}
img {max-width: 100%;height: auto;margin: 0;padding: 0;border: 0;}
picture {margin: 0;padding: 0;border: 0;}
.bnf_collection_livres {margin-top: 12%;font-family: sans-serif;font-size: 3.3vh;text-align: center;color: #2D7D98;}
.bnf_collection_sonore {float:right;}
.logo_bnf_collection_musique {max-height:80px;}
.logo_musique {margin:0; padding:0;height: 80px;}
.logo_presse {margin:0; padding:0;height: 80px;}
.a_propos {font-family: sans-serif;font-style: italic;font-weight: bold;margin-right: 10px;color: #808080;}
.logos {text-align:center;margin-top: 20px;}
.espacement {margin-left: 50px;}
.logo_bnf_collection_livres {max-width: 200px;}
.logo_bnf {max-width: 80px;margin-top: 120px;margin-bottom: 0px;}
.logo_a_propos {max-width: 80px;margin-top: 120px;}
.marge_logo {margin-top: 120px;}
.chapo {text-align: center;font-family: sans-serif;font-size: 2.6vh;color: #808080;margin: 10px 20% 0%;}
.align_right{text-align: right;}
.retronews{max-width: 80px;}
.copyright{text-align: right;font-family: sans-serif;font-size: 0.65em;color: #808080;}
.copyright_center{text-align: center;margin-right:20px;}
.float_right{float:right;margin: 0px;padding: 0px;border: 0px;font-size: 0;}

@media all and (max-width: 480px){
body {margin-left:3%; margin-right: 3%; width: 94%;margin-top: 0px;font-size:16px;}
.logo_bnf_collection_musique {max-height:40px;}
.logo_bnf_collection_livres {max-width: 80px;}
.chapo {text-align: center;font-family: sans-serif;font-size: 2.6vh;color: #808080;margin: 10px 3% 0%;}
.logo_a_propos {max-width: 60px;margin-top: 60px;margin-right: 5px;}
}

@media all and (max-height: 320px) and (max-width: 568px){
body {margin-left:3%; margin-right: 3%; width: 94%;margin-top: 0px;}
.logo_bnf_collection_musique {max-height:40px;}
.logo_bnf_collection_livres {max-width: 80px;}
.chapo {text-align: center;font-family: sans-serif;font-size: 20em;color: #808080;margin: 10px 3% 0%;}
.logo_a_propos {max-width: 60px;margin-top: 60px;margin-right: 5px;}
}

@media all and (min-width: 481px) and (max-width: 780px) {
body {margin-left:10%; margin-right:10%; width:80%; margin-top: 0px;font-size:16px;}
.logo_bnf_collection_musique {max-height:60px;}
.logo_bnf_collection_livres {max-width: 100px;}
.chapo {text-align: center;font-family: sans-serif;font-size: 2.6vh;color: #808080;margin: 10px 3% 0%;}
.logo_a_propos {max-width: 80px;margin-top: 60px;}
}
@media all and (min-width: 781px) and (max-width: 979px) {
body {margin-left:20%; margin-right:20%; width:60%; margin-top: 0px;font-size:16px;}
.logo_bnf_collection_musique {max-height:60px;}
.logo_bnf_collection_livres {max-width: 100px;}
.chapo {text-align: center;font-family: sans-serif;font-size: 2.6vh;color: #808080;margin: 10px 3% 0%;}
.logo_a_propos {max-width: 80px;margin-top: 60px;}
}
@media all and (min-width: 980px) {
body {margin-left:30%; margin-right:30%; width:40%; margin-top: 0px;font-size:16px;}
.logo_bnf_collection_musique {max-height:60px;}
.logo_bnf_collection_livres {max-width: 180px;}
.chapo {text-align: center;font-family: sans-serif;font-size: 2.6vh;color: #808080;margin: 10px 3% 0%;}
.logo_a_propos {max-width: 80px;margin-top: 60px;}
}