/*
 * Styles CNAM pour keycloack Login
 * 
 * @since 03/07/2024
 * @author Cnam by AS
 * @copyright DSI Cnam
 * @version 1.0
*/

/* MODIF AS 9/07/2024 09:04 */ 
/* Pour changer la couleur primaire d'affichage : 
- Rouge Cnam devient bleu Cnam
C1002A (ou c1002a) --> 11304C 
9A0022 (ou 9a0022) --> 4485C5 
invert(80%) --> invert(50%) 

- Bleu Cnam devient rouge Cnam
11304C (ou 11304C) --> C1002A 
4485C5 (ou 4485c5) --> 9A0022 
invert(50%) --> invert(80%) 

*/

body {
    background-color: #dddddd;
}
#banniere {
    z-index: 1;
    list-style-type: none;
    position: fixed;
    text-decoration: none;
    background-color: #C1002A;
    height: 4em;
    overflow: visible;
    padding: 0;
    padding: 0.5em;
    top: 0;
    width: 100%;
}

.barre_nav_logo {
    background-color: #C1002A;
    cursor: pointer;
    position: relative;
    padding-left: 1em;
    padding-top: 0.5em;
    width: 10em;
    /* Effet de transition lors du hover sur logo Cnam */
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.barre_nav_logo:hover {
    background: inherit;
    -webkit-filter: invert(80%);
    filter: invert(80%);
}

.texte_barre_nav {
    padding-top: 0.7em;
    color: #ffffff;
    text-align: right;
    float: right;
    padding-right: 1em;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    /* Décommenter pour le titre en majuscule */
    /* text-transform: uppercase; */
}
.texte_barre_nav br {
    display: none;
}

@media (max-width: 685px) {
    .texte_barre_nav br {
        display: inline;
    }
    .texte_barre_nav {
        padding-top: 0.2em;
        padding-right: 0.5em;
    }
}
@media (max-width: 425px) {
    .texte_barre_nav {
        padding-top: 0.6em;
        font-size: x-small;
    }
}

#kc-header {
    color: #C1002A;
}


/* MODIF AS 9/07/2024 09:00 */
/* Décommenter border : none; pour enlever la bordure de couleur */
.card-pf {
    border-color: #C1002A;
    border : none;
}

.pf-c-button.pf-m-primary {
    color: #FFFFFF;
    background-color: #C1002A;
}
.pf-c-button.pf-m-primary:hover {
    color: #FFFFFF;
    background-color: #9A0022;
    border-radius: 0.5em;
}

.pf-c-form-control:hover {
    border-bottom-color: #C1002A;
}
.pf-c-form-control:focus {
    border-bottom-color: #C1002A;
}
/* MODIF AS 15/07/2024 12:27 */ 
.pf-c-form-control:focus-visible {
    outline: 1px solid #C1002A;
}
.pf-c-button.pf-m-control {
    color: #C1002A;
}
.pf-c-button.pf-m-control:hover {
    --pf-c-button--m-control--after--BorderBottomColor: #C1002A;
}
.pf-c-button.pf-m-control:focus {
    --pf-c-button--m-control--after--BorderBottomColor: #C1002A;
}

.demande {
    margin-top: 1em;
    font-size: 1.1em;
}

.lien {
    color: #C1002A;
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
}
.lien:hover {
    color: #9A0022 !important; 
    text-decoration: underline;
}

.font-weight-larger {
    font-weight: bold;
}

.espace {
    height: 6em;
}

#footer {
    z-index: 3;
    list-style-type: none;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 6em;
    width: 100%;
    background-color: #C1002A;
    color: #FFFFFF;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.texte_footer {
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
}
@media (max-width: 800px) {
    .texte_footer {
        padding: 0;
        font-size: 0.9em;
    }
}
@media (max-width: 500px) {
    .texte_footer {
        padding: 0;
        font-size: 0.8em;
    }
}