/**
Général
*/

.fr-btn {
    background-color: var(--blue-france-sun-113-625);
    --hover: var(--blue-france-sun-113-625-hover);
    --active: var(--blue-france-sun-113-625-active);
}

.fr-btn--secondary {
    --hover: inherit;
    --active: inherit;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
    color: var(--text-action-high-blue-france);
}

.fr-btn--tertiary {
    --hover: inherit;
    --active: inherit;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--grey-50-1000);
    color: var(--grey-50-1000);
}

.fr-btn--close, .fr-btn--display, .fr-btn--tertiary-no-outline {
    --hover: inherit;
    --active: inherit;
    background-color: transparent;
    color: var(--text-action-high-blue-france);
}

.fr-btn.btn-orange {
    background-color: var(--warning-425-625);
    --hover: var(--warning-425-625-hover);
    --active: var(--warning-425-625-active);
}

.fr-btn.btn-red {
    background-color: var(--red-marianne-425-625);
    --hover: var(--red-marianne-425-625-hover);
    --active: var(--red-marianne-425-625-active);
}

.fr-input-with-button {
    display: flex;
}

/** Background */
.bg-grey {
    background-color: var(--grey-1000-75-hover);
}

.bg-blue-clair {
    background-color: var(--blue-ecume-975-75)
}

/** Texte **/
.text-blue-france {
    color: var(--blue-france-sun-113-625);
}

.text-white {
    color: #ffffff;
}

.text-center {
    text-align: center;
}

.text-red {
    color: var(--red-marianne-main-472);
}

.text-right {
    text-align: right;
}

button.fr-tag {
    font-size: 14px;
}

span.fr-tag.tag-without-link {
    background-color: var(--background-action-low-blue-france);
}

.group-btn-icon {
    display: flex;
    flex-direction: row;
}

.border-bottom-for-bloc {
    border-bottom: 4px solid;
}

.border-color-orange {
    border-color: var(--orange-terre-battue-main-645);
}

.border-color-bleu {
    border-color: var(--blue-france-sun-113-625);
}

.border-color-bleu-clair {
    border-color: var(--blue-france-main-525);
}


.border-color-rouge {
    border-color: var(--red-marianne-425-625);
}

.border-color-gris {
    border-color: var(--grey-425-625);
}

.border-shadow-color-orange {
    box-shadow: inset 0 0 0 1px var(--border-default-grey), inset 0 -.25rem 0 0 var(--orange-terre-battue-main-645);
}

.ul-no-list-style {
    list-style: none;
}

.link-without-underline {
    background-image: none;
}

.link-without-underline:hover, .link-without-underline:focus {
    background-image: var(--underline-img), var(--underline-img);
}

.border-left {
    border-left: 1px solid var(--grey-925-125);
}

.border-right {
    border-right: 1px solid var(--grey-925-125);
}

.border-bottom {
    border-bottom: 1px solid var(--grey-925-125);
}

.float-right {
    float: right;
}

.fr-block-recherche{
    width: 384px !important;
}

.search-domain{
    font-size: 1.2rem;
    margin-bottom: 10px;
}

/*
Header 
*/
#logo-ministere {
    width: 100%;
    max-width: 160px;
}

#logo-dsac {
    width: 100%;
    max-width: 56px;
}

#logo-portailpn {
    width: 100%;
    max-width: 90px;
}

@media (min-width: 62em) {
    .fr-header__tools .fr-header__search {
        max-width: 30rem;
    }
}


/** Spinner **/
#loader {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 3px solid #3498db;
    z-index: 99999999;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 3px solid #e74c3c;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 3px solid #f9c922;
}

#loader {
    border: 3px solid transparent;
    border-top-color: #3498db;
}

#loader:before {
    border: 3px solid transparent;
    border-top-color: #e74c3c;
}

#loader:after {
    border: 3px solid transparent;
    border-top-color: #f9c922;
}

#loader {
    border-radius: 50%;
}

#loader:before {
    border-radius: 50%;
}

#loader:after {
    border-radius: 50%;
}


/* include this only once */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.hide {
    display: none;
}


/** Problème RGAA lié à la pagniation design état 1.7.2
à enlever le code suivant si la nouvelle version peut résoudre le pb **/

.fr-pagination__link:not([aria-current]):disabled, a.fr-pagination__link:not([aria-current]):not([href]) {
    color: var(--grey-425-625);
}

.fr-header__logo:not(:last-child) {
    margin-right: 0;
}

.fr-header__logo {
    padding: 0 !important;
    margin: 1rem 0 1rem 1rem;
}

.fr-header__brand-gap{
    gap: 20px;
}

.fr-card__detail {
	margin-bottom: 1rem !important;
  }

.fr-logo {
    padding: 0 !important;
    width: 10rem;
    height: 9rem;
}

/* [data-fr-theme="dark"] .fr-logo{
   background-image: url('../images/MIN_Transports_RVB_sombre.png');
} */
.fr-logo::before, .fr-logo::after {
    background-image: none;
}

.menu-mon-compte > button {
    box-shadow: none;
}

.menu-mon-compte .fr-translate__btn::before {
    content: none;
}

#mon-compte {
    right: 8px;
}

.ligne-horizontal {
    display: flex;
    flex-direction: row;
}

.ligne-horizontal::before, .ligne-horizontal::after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid var(--grey-925-125);
    margin: auto;
}

.france-co-btn {
    text-align: center;
    display: block;
    position: relative;
    max-width: 216px;
    text-decoration: none;
    background-image: none;

}

.france-co-btn > [data-position="hover"] {
    display: none;
}

.france-co-btn > [data-position="normal"] {
    display: block;
}

.france-co-btn:focus > [data-position="hover"], .france-co-btn:focus-visible > [data-position="hover"], .france-co-btn:focus-within > [data-position="hover"], .france-co-btn:hover > [data-position="hover"] {
    display: block;
}

.france-co-btn:focus > [data-position="normal"], .france-co-btn:focus-visible > [data-position="normal"], .france-co-btn:focus-within > [data-position="normal"], .france-co-btn:hover > [data-position="normal"] {
    display: none;
}

.fr-footer__brand.fr-enlarge-link:hover {
    background-color: transparent;
}

.clipped {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}


#content-actualite {
    margin-top: -3rem;
}

.vignette-qualifications-expire {
    line-height: initial;
    color: var(--pink-tuile-main-556);

}

/* RGAA 12.7 : Lien d'accès rapide */
#aller_contenu_principal {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
    /* color: #000091; */
}

#aller_contenu_principal:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    margin: 5px;
    padding: 5px;
}

.fr-alert.fr-alert--sm ul > li {
    list-style: none;
}

.menu-mon-compte > .fr-translate__btn {
    color: var(--text-action-high-blue-france)

}

h5 .fr-accordion__btn {
    font-size: 1.25rem;
}

@media (min-width: 48em) {
    h5 .fr-accordion__btn {
        font-size: 1.375rem;
    }
}

.fr-logo {
    object-fit: contain !important;
}