@media all and (max-width : 1600px) {         
    .div-inner {width: 90%; margin: 0 5%;}
    #header-logo {width: calc(100% / 4); margin-left: 3.5vw;}
    
    #btn-rdv {font-size: 26px; padding: 20px 30px 16px 30px; }
    .bloc-lieu-mun {font-size: 30px;}
    .bloc-lieu-immeuble { font-size: 26px;}
    .bloc-lieu-detail {font-size: 14px; height: 40px;}
    .bloc-lieu-horaire {font-size: 18px; margin-bottom: 25px;}
    .bloc-lieu-adresse {font-size: 25px;}
    
    h1 {font-size: 40px; margin-bottom: 50px;}
    h1 span {font-size: 30px;}
    p, ul {font-size: 20px; margin-bottom: 20px;}
    #bande-cloee-texte a {font-size: 22px;}
    
    #footer-titre {font-size: 26px;}
    #footer-liens a:first-child {font-size: 18px;}
    #footer-liens a:last-child img {width: 30px;}
    #footer-adaq a {font-size: 22px;}
}

@media all and (max-width : 1250px) {          
    #btn-rdv {font-size: 23px; margin-bottom: 50px;}
    .bloc-lieu {padding: 0 20px; width: calc(50% - 40px); margin-bottom: 60px;}
    .bloc-lieu-mun {font-size: 26px;}
    .bloc-lieu-immeuble { font-size: 22px;}
    .bloc-lieu-detail {font-size: 14px; height: 40px;}
    .bloc-lieu-horaire {font-size: 16px; margin-bottom: 25px;}
    .bloc-lieu-adresse {font-size: 22px;}
    
    #footer-titre {font-size: 22px;}
    #footer-liens a:first-child {font-size: 16px;}
    #footer-liens a:last-child img {width: 25px;}
    #footer-adaq a {font-size: 20px;}
}

@media all and (max-width : 1000px) { 
    #header-logo {width: calc(100% / 3);}
    #bande-infos {text-align: center;}
    .bloc-lieu {padding: 0 20px; width: calc(100% - 40px);}
    .bloc-lieu:last-child {margin-bottom: 0;}
    .bloc-lieu-detail {height: auto;}
    
    #bande-cloee-contenu {padding: 0;}
    #bande-cloee-texte {padding-left: 5%; width: 67%;}
    h1 {font-size: 35px; margin-bottom: 40px;}
    h1 span {font-size: 27px;}
    p, ul {font-size: 18px; margin-bottom: 15px;}
    #bande-cloee-texte a {font-size: 20px;}
    
    #bande-cv-inner {padding: 0;}
    #bande-cv img {width: 70%; padding-bottom: 60px; left: 50%; transform: translateX(-50%);}
    
    #footer-titre, #footer-liens, #footer-adaq { width: 100%; margin-bottom: 10px; text-align: center;}
    #footer-liens a {display: inline-block; vertical-align: middle; width: 100%;}
    #footer-liens a:first-child {margin-right: 0; margin-bottom: 20px;}
    
    #header-logo, #blocs-lieux, footer { padding: 40px 0;}
    #bande-cloee, #bande-cv {padding: 60px 0;}
}

@media all and (max-width : 600px) { 
    header { background: none;}
    #header-logo {width: 200px; left: 50%; transform: translateX(-50%); margin-left: 0;}
    #bande-infos {text-align: center;}
    .bloc-lieu {padding: 0 20px; width: calc(100% - 40px);}
    
    #btn-rdv {font-size: 20px; margin-bottom: 20px; padding: 12px 20px 10px 20px;}
    .bloc-lieu-mun {font-size: 21px;}
    .bloc-lieu-immeuble { font-size: 20px;}
    .bloc-lieu-detail {font-size: 12px;}
    .bloc-lieu-horaire {font-size: 16px; margin-bottom: 20px;}
    .bloc-lieu-adresse {font-size: 18px;}
    
    #bande-cloee-photo, #bande-cloee-texte {width: 100%;}
    #bande-cloee-photo {margin-bottom: 40px;}
    #bande-cloee-texte {text-align: center; padding-left: 0;}
    
    #bande-cv img {width: 80%;}
}