.btn-opc {
    background-color: #0d5899;
    color: #FFF;
    padding: 10px 15px;
    box-shadow: 0px 0px 3px 0px #999;
    border: 0px;
    cursor: pointer;
}

.btn-opc:hover {
    box-shadow: none;
    background-color: #0a406e;
}

a.btn-opc:link,
a.btn-opc:visited {
    color: #FFF !important;
}

button.btn-politique {
    font-family: 'Glober', sans-serif;
    font-size: 1.2em;
    padding: 10px 15px 12px 15px;
    margin-right: 1em;
    margin-top: 1em;
}

button.btn-close-politique {
    font-family: 'Glober', sans-serif;
    font-size: 1.2em;
    padding: 10px 15px 12px 15px;
    margin-top: 1em;
    background-color: #666666;
    
}

.bandeau-politique {
    width: 100%;
    height: auto;
    position: fixed;
    bottom: -100%;
    z-index: 1999;
    box-sizing: border-box;
    padding: 0 1em;
    /*
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    border-top: 4px solid #0d5899;
    padding: 1rem;
    background: #FFFFFF;
    */
}

    .bandeau-politique p {
        font-size: 1.2em;
        line-height: 1.4em;
    }
    
    .bandeau-politique a {
        font-weight: bold;
        text-decoration: underline;
    } 
    
    .bandeau-politique a:hover {
        text-decoration: none;
    }  
    

.bandeau-politique .bg-politique {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    background: #FFFFFF;
    border-top: 4px solid #0d5899;
    padding: 1.5rem;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    border-radius: 0.5em;
}

.bg-politique > div > :last-child {
    margin-bottom: 0 !important;
}


@media screen and (max-width: 767px) {
    .bandeau-politique .bg-politique {
        max-height: 75vh;
        padding: 1em;
    }
    
        .bandeau-politique .bg-politique > div:first-of-type {
            overflow: scroll;
        }
}

@media screen and (max-width: 510px) {
    .conteneur-btn-politique {
        display: flex;
        flex-direction: column;
    }

    button.btn-politique {
        margin-right: 0;
    }

}

@media print {
    .bandeau-politique {
        display: none !important;
    }
}