.footer-institutionnel{
    z-index:400;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,.15);
    position:relative;
    font-family:"Source Sans 3","Source Sans Pro",SourceSansPro,-apple-system,Roboto,Segoe UI,"Helvetica Neue",Arial,sans-serif;
}
.footer-institutionnel a:hover,.footer-institutionnel a:focus,.footer-institutionnel a:visited{
    color:unset
}
.footer-institutionnel a.footer-button--light{
    background-color:#fff;
    color:#000
}
.footer-institutionnel a.footer-button--light:hover,.footer-institutionnel a.footer-button--light:focus{
    background-color:#000;
    color:#fff
}
.footer-institutionnel a.footer-button--light:focus{
    outline-color:#fff;
    outline-offset:-4px;
    outline-style:solid;
    outline-width:2px
}
.footer-institutionnel a.footer-button--dark{
    background-color:#000;
    color:#fff
}
.footer-institutionnel a.footer-button--dark:hover,.footer-institutionnel a.footer-button--dark:focus{
    background-color:#fff;
    color:#000
}
.footer-institutionnel a.footer-button--dark:focus{
    box-shadow:0px 0px 0px 1px #000 inset;
    outline-color:#000;
    outline-offset:-6px;
    outline-style:solid;
    outline-width:2px
}
.footer-main{
    background-color:#fff;
    padding:4em 0
}
.footer-main .tel{
    margin:0;
    padding:0;
    white-space:nowrap;
    text-decoration:underline
}
.footer-contact{
    margin-bottom:3em;
    transition:margin-bottom .125s ease-out
}
.footer-contact-inner--right{
    max-width:14.25em
}
.footer-address{
    text-align:left
}
.footer-address p>span+span.contact-row:before{
    content:"|";
    padding:0 .25em 0 0;
    position:relative;
    top:-1px
}
.footer-address-title{
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    font-size:1.25em;
    line-height:1.375em;
    margin-bottom:1rem
}
.footer-address-title svg{
    fill:#e30513;
    flex-shrink:0;
    height:1.2em;
    margin-right:.5em;
    position:relative;
    top:-0.05em
}
.footer-address-title-unit,.footer-address-title-subunit{
    display:block
}
.footer-address-title-unit{
    font-weight:700
}
.footer-address-title-subunit{
    font-size:.9em;
    font-weight:400;
    margin-left:-28px
}
.footer-address-name{
    color: #000;
    font-size:.875em;
    font-weight:700 !important;
    margin-bottom:.25em !important;
}
.footer-address-infos{
    color: #000;
    font-size:.875em;
    margin-bottom:1rem !important;
}
.footer-institutionnel p {
    font-family:"Source Sans 3","Source Sans Pro",SourceSansPro,-apple-system,Roboto,Segoe UI,"Helvetica Neue",Arial,sans-serif;
    color: #000;
    font-weight: 400;
    line-height: 1.375;
    margin: 0 0 1.5em 0;
}
.footer-institutionnel h2 {
    font-family:"Source Sans 3","Source Sans Pro",SourceSansPro,-apple-system,Roboto,Segoe UI,"Helvetica Neue",Arial,sans-serif;
    color: #000;
}
.footer-address-infos:last-child{
    margin-bottom:0
}
.footer-address-infos .contact-row{
    display:inline
}
.footer-address-infos a{
    color:#000;
    text-decoration:none
}
.footer-social{
    display:flex;
    flex-flow:wrap;
    font-size:1em;
    gap:.75em;
    justify-content:flex-start;
    margin:2em 0
}
.footer-social li{
    display:flex;
    list-style-type:none
}
.footer-social a{
    background-color:#fff;
    border:1px solid rgba(0,0,0,0);
    display:inline-block;
    transition:background-color .125s ease
}
.footer-social a:hover,.footer-social a:focus{
    background-color:#000;
    outline:none
}
.footer-social a:hover svg,.footer-social a:focus svg{
    fill:#fff
}
.footer-social svg{
    display:block;
    fill:#000;
    height:2em;
    padding:.25em;
    transition:fill .125s ease;
    width:2em
}
.footer-button{
    border:1px solid #000;
    display:block;
    font-size:1em;
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
    padding:.75em 1.5em;
    text-align:center;
    text-decoration:none
}
.footer-button:hover,.footer-button:focus{
    text-decoration:none
}
.footer-utils{
    text-align:left
}
.footer-navigation li{
    font-size:.875em;
    list-style-type:none
}
.footer-navigation a{
    color:#000;
    display:inline-block;
    text-decoration:none
}
.footer-navigation-group+.footer-navigation-group{
    margin-top:2em
}
.footer-navigation-title{
    font-size:.875em;
    font-weight:700;
    line-height:1.375em;
    margin-bottom:.5rem
}
.footer-emergency{
    margin-top:2em
}
.footer-emergency-title{
    font-size:.875em;
    font-weight:700;
    margin:0;
    margin-bottom:.5rem
}
.footer-institutionnel .footer-emergency-title a{
    color:#e30513;
    text-decoration:none;
    text-transform:uppercase
}
.footer-emergency-text{
    font-size:.875em
}
.footer-emergency-text a{
    margin:0;
    padding:0;
    color:#000;
    text-decoration:none
}
.footer-logos{
    margin-top:3em;
    text-align:center
}
.footer-logo{
    display:inline-block;
    height:52px;
    transition:filter .125s ease,opacity .125s ease
}
.footer-logo:hover,.footer-logo:focus{
    filter:grayscale(0%);
    opacity:1
}
.footer-logo:focus{
    outline-color:#000;
    outline-style:solid;
    outline-width:1px;
    outline-offset:.5em
}
.footer-logo img{
    display:block;
    height:100%;
    width:auto
}
.footer-accreditations{
    margin-right:auto
}
.footer-accreditations .menu{
    display:flex;
    flex-wrap:wrap;
    gap:1em 2em;
    justify-content:center;
    margin-bottom:3em
}
.footer-accreditations-title{
    font-size:.875em;
    font-weight:700;
    margin-bottom:1.5em
}
.footer-institutionnel .logo-ul-city{
    display:block;
    width:216px
}
.footer-bottom{
    background-color:#000;
    color:#fff;
    padding-bottom:1em;
    padding-top:1em;
    text-align:center
}
.footer-copyright{
    font-size:.75em;
    margin-bottom:0;
    color:#fff !important;
}
.footer-copyright span+span:before{
    content:"|";
    padding:0 .333em;
    position:relative;
    top:-1px
}
.footer-legal{
    font-size:.75em;
    margin-bottom:0;
    margin-top:.5em
}
.footer-legal li{
    display:block;
    margin-top:.17em
}
.footer-legal a{
    color:#fff;
    text-decoration:none
}
.footer-legal a:focus{
    outline-color:#b3b3b3
}
.footer-copyright,.footer-legal{
    line-height:1.5em
}
@media(min-width: 470px){
    .footer-legal{
        margin-top:0
    }
    .footer-legal li{
        display:inline-block;
        margin-top:0
    }
    .footer-legal li+li:before{
        content:"|";
        padding:0 .5em;
        position:relative;
        top:-1px
    }
}
@media(min-width: 576px){
    .footer-navigation{
        align-items:flex-start;
        display:flex;
        gap:2em;
        justify-content:space-between
    }
    .footer-navigation-group{
        flex:1 1 33%
    }
    .footer-navigation-group+.footer-navigation-group{
        margin-top:0
    }
}
@media(min-width: 670px){
    .footer-contact{
        display:flex;
        justify-content:space-between;
        gap:2em
    }
    .footer-social{
        justify-content:flex-end;
        margin-bottom:0;
        margin-top:-0.5em
    }
    .footer-button{
        max-width:none;
        min-width:12em
    }
    .footer-utils{
        gap:2em
    }
    .footer-logos{
        display:flex;
        justify-content:flex-end;
        gap:2em
    }
    .footer-bottom{
        text-align:left
    }
}
@media(min-width: 768px){
    .footer-address-title-inner{
        text-align:left
    }
    .footer-utils{
        display:flex;
        justify-content:space-between;
        max-width:50em;
        transition:max-width .125s ease
    }
    .footer-navigation{
        flex:1 1 75%
    }
    .footer-emergency{
        flex:1 1 25%;
        margin-top:0
    }
    .footer-bottom-inner{
        display:flex;
        flex-wrap:wrap
    }
    .footer-logos{
        text-align:left
    }
    .footer-accreditations .menu{
        margin-bottom:0
    }
    .footer-copyright,.footer-legal{
        flex-shrink:0
    }
    .footer-legal{
        display:flex
    }
    .footer-legal:before{
        content:"|";
        padding:0 .5em;
        position:relative;
        top:-1px
    }
    .footer-legal li{
        display:flex
    }
}
@media(min-width: 992px){
    .footer-contact{
        display:flex;
        justify-content:space-between
    }
}
@media(min-width: 1200px){
    .footer-main .tel{
        text-decoration:unset
    }
    .footer-utils{
        max-width:72%
    }
}