/*
Surcharge de la couleur du template ACAI
Vert Cerbere ancien #6b9d1c;
Bleu bootstrap #337AB7
Bleu autrte #4874B8
Bleu FranceConnect #034EA2
*/

h2 {
    margin-top:10px;
    margin-bottom:10px;
}

.navbar {
    background-color: #034EA2;
    color: #FFFFFF;
}
.panel {
    margin-bottom:10px;
}
#contenu {
    padding-bottom:1px;
}
.panel-default > .panel-heading {
    background-color: #337AB7;
    color: #FFFFFF;
}
.navbar-default .navbar-brand,.navbar-default .navbar-nav li a  {
    color:#FFFFFF;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-nav li a:hover  {
    color:#DDDDDD;
}
.panel-heading {
    padding: 1px 5px 1px 5px;
}
footer {
    background-color: #A0A0A0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}

.red {
    color: #FF0000;
}
.certificate {
    display: none;
}
blockquote {
    border-left: 5px solid #ddd;
}
.dl-horizontal dt{width:200px;}
.dl-horizontal dd{margin-left:220px}

label.cache {
    display: none;
}


#fcp_logo {
   position:absolute;
   width:50px;
}

.form-group {
    margin-bottom:3px;
}
.form-control-static {
    padding-bottom:0px;
    min-height:24px;
}

.fr-connect-group {
    font-family: Marianne,arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    --idle: transparent;
    --hover: #f6f6f6;
    --active: #ededed;
    background-color: #fff;
    color: #3a3a3a;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 0;
    overflow-wrap: break-word;
    padding: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-inline: 2rem;
    text-rendering: optimizeLegibility;
}
.fr-connect-group  a {
    text-decoration: none;
    --hover-tint: transparent;
    --active-tint: #2323ff;
}
.fr-connect-group a:hover {
    text-decoration: none;
    --hover-tint: transparent;
    --active-tint: #2323ff;
    color: #ededed
}
.fr-connect-group a:focus {
    outline-style: solid;
    color: #ededed
}
.fr-connect-group a:focus-visible {
    outline-style: solid;
    color: #ededed
}
.fr-connect-group [target=_blank]:after, [target=_blank][class*=" fr-fi-"]:after, [target=_blank][class*=" fr-icon-"]:after, [target=_blank][class^=fr-fi-]:after, [target=_blank][class^=fr-icon-]:after {
    --icon-size: 1.5rem;
    background-color: currentColor;
    content: url(../assets/fc_boutons/external-link-line.svg);
    display: inline-block;
    flex: 0 0 auto;
    height: var(--icon-size);
    margin-left: .25rem;
    mask-image: url(../assets/fc_boutons/external-link-line.svg);
    mask-size: 100% 100%;
    vertical-align: calc((0.1em - var(--icon-size)) * 0.8);
    width: var(--icon-size);
}

.fr-connect-group [href] {
    background-image: var(--underline-img), var(--underline-img);
    background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));
    background-repeat: no-repeat, no-repeat;
    background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);
    transition: background-size 0s;
}

.fr-connect {
    --underline-img: none;
    --hover-tint: #1212ff;
    --active-tint: #2323ff;
    --idle: transparent;
    --hover: #1212ff;
    --active: #1212ff;
    align-items: flex-start;
    background-color: #000091;
    color: #f5f5fe;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: .75rem;
    padding: .625em .75em .625em 4em;
    position: relative;
}

.fr-connect:hover {
    background-color: #1212ff;
}

.fr-connect:before {
    background-image: url(../assets/fc_boutons/fc_marianne.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 2.5em 3em;
    bottom: .25em;
    content: "";
    display: block;
    height: 3em;
    left: .75em;
    margin-top: -1.5em;
    position: absolute;
    top: 50%;
    width: 2.5em;
}

.fr-connect__brand {
    font-size: 1.125em;
    font-weight: 700;
}
.fr-connect__brand, .fr-connect__login {
    line-height: 1;
    white-space: nowrap;
    z-index: 1;
}

.fr-connect__login {
    font-size: 1.0625em;
}

:root  {
    --underline-max-width: 100%;
    --external-link-content: none;
    --underline-hover-width: var(--underline-max-width);
    --underline-thickness: 0.0625em;
    --underline-idle-width: var(--underline-max-width);
    --underline-x: calc(var(--underline-max-width) * 0);
    --underline-img: linear-gradient(0deg, currentColor, currentColor);
}

.fr-connect-group .fr-connect+p a {
    color: #000091;
    background-image: var(--underline-img), var(--underline-img);
    background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));
    background-repeat: no-repeat, no-repeat;
    background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);
    transition: background-size 0s;
}