a, table th.header-sortable, table tr, table td, input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], textarea, select, .toggle-container, button, .badge, .list-group .list-group-item, .filtre_de_recherche_intitule, .filtre_de_recherche_items .filtre_de_recherche_item { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

#bo-aides-container .aide-contenu { box-shadow: 2px 2px 5px rgba(44, 59, 65, 0.1); }

.modal-content, #bo-aides-container .aide-contenu iframe #player, .aide_en_ligne_compilation iframe #player, .aide_en_ligne_compilation .bloc_aide_en_ligne, .pastilles_videos > div, .header_arkotheque nav > ul .header_sous_menu, .bloc_de_recherche .filtres_additionnels .filtre_de_recherche .filtre_de_recherche_items { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

@keyframes blinking { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes blinking { from { opacity: 0; }
  to { opacity: 1; } }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche.ouvert .filtre_de_recherche_items { animation: fadein 0.5s; }
@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
* { background-repeat: no-repeat; box-sizing: border-box; }

body { font-size: 0.9em; line-height: 1.4em; color: #000; background-color: #ecf0f5; background-image: linear-gradient(180deg, #d5dee9 0%, #ecf0f5 60%); text-align: center; font-family: BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
iframe body { background-image: none; }

h1, h2, h3, h4, h5, h6, p, li { text-align: left; }

h1 { font-size: 2.2em; font-weight: 300; margin: 0 0 1rem; }

h2 { margin: 0 0 0.5rem; font-size: 1.7em; font-weight: 300; color: #5C686E; }

h3 { font-size: 1.4em; font-weight: 300; color: #2c3b41; }
h3 i { font-size: 100%; }
h3 small { color: #73828a; }

p.legende { color: #73828a; }
p.legende i { font-size: 1.1em; padding-right: 5px; }

strong.large { color: #5C686E; font-size: 24px; font-weight: 700; }

.titre_et_icones { display: flex; align-items: flex-end; border-bottom: 1px solid rga(#abb4b8, 0.5); margin-bottom: 15px; }
.titre_et_icones > *:nth-child(1) { flex: 1; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.arkotheque_gestion .titre_et_icones > *:nth-child(1) div { text-overflow: ellipsis; overflow: hidden; }
.titre_et_icones .boutons_de_titre { display: flex; align-items: flex-start; }
.titre_et_icones .boutons_de_titre > * { margin-left: 5px; }
.titre_et_icones .boutons_de_titre > .btn { flex: none; border-radius: 50%; width: 28px; height: 28px; overflow: hidden; padding: 6px; }
.titre_et_icones .boutons_de_titre > .btn i { font-size: 1rem; line-height: 16px; }

.mention_warning { color: #b35000; }

.espace_en_dessous { margin-bottom: 15px; }

.colonnes, .deux_colonnes, .trois_colonnes { display: flex; flex-wrap: wrap; justify-content: space-between; }
body.arkotheque_gestion .colonnes, body.arkotheque_gestion .deux_colonnes, body.arkotheque_gestion .trois_colonnes { align-items: flex-start; }
body.arkotheque_gestion .colonnes .content_help, body.arkotheque_gestion .deux_colonnes .content_help, body.arkotheque_gestion .trois_colonnes .content_help { flex: none; }
.colonnes > div, .colonnes > .champ_formulaire, .deux_colonnes > div, .deux_colonnes > .champ_formulaire, .trois_colonnes > div, .trois_colonnes > .champ_formulaire { flex: 1; min-width: 17%; }
.colonnes > div:nth-child(n+2), .colonnes > .champ_formulaire:nth-child(n+2), .deux_colonnes > div:nth-child(n+2), .deux_colonnes > .champ_formulaire:nth-child(n+2), .trois_colonnes > div:nth-child(n+2), .trois_colonnes > .champ_formulaire:nth-child(n+2) { margin-left: 3%; }
.colonnes .colonne_flex_none, .deux_colonnes .colonne_flex_none, .trois_colonnes .colonne_flex_none { flex: none; min-width: 0; }

.colonnes > div.colonne_double { flex: 2; }

.colonnes_etroites { justify-content: flex-start; }
.colonnes_etroites > div, .colonnes_etroites > .champ_formulaire { min-width: inherit; width: 23%; margin-left: 0 !important; margin-right: 2%; flex: none; }
@media only screen and (min-width: 1300px) { .colonnes_etroites > div, .colonnes_etroites > .champ_formulaire { width: 18%; } }
@media only screen and (min-width: 1800px) { .colonnes_etroites > div, .colonnes_etroites > .champ_formulaire { width: 14.6%; } }
@media only screen and (min-width: 2200px) { .colonnes_etroites > div, .colonnes_etroites > .champ_formulaire { width: 12.2%; } }
@media only screen and (max-width: 1000px) { .colonnes_etroites > div, .colonnes_etroites > .champ_formulaire { width: 31%; } }
@media only screen and (max-width: 700px) { .colonnes_etroites > div, .colonnes_etroites > .champ_formulaire { width: 48%; } }

#progress_bar { top: 46px; position: fixed; z-index: 10; left: 0; width: 100%; background-color: #c6cdd0; }
#progress_bar div { width: 10%; background-color: #007bff; height: 4px; animation: progression 3s ease infinite alternate; -webkit-animation: progression 3s ease infinite alternate; }
@keyframes progression { from { margin-left: 0; }
  to { margin-left: 90%; background-color: #dc3545; } }
@-webkit-keyframes progression { from { margin-left: 0; }
  to { margin-left: 90%; background-color: #dc3545; } }
.login_box { width: 90%; max-width: 900px; display: flex; align-items: center; margin: 25vh auto 0; }
.login_box .login_logo { width: 350px; height: 270px; background-size: contain; }
.login_box .login_logo > span { display: none; }
.login_box .login_logo #macaron_millesime { position: absolute; margin-left: 150px; transform: translateY(-70px); }
.login_box .login_logo #macaron_millesime #etoile_millesime { background-image: url("commun_sia_publi/images/macaron_millesime.svg"); position: absolute; background-size: contain; width: 110px; height: 110px; animation: rotating 12s linear infinite; }
@keyframes rotating { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
.login_box .login_logo #macaron_millesime #numero_millesime { font-size: 14px; position: absolute; text-shadow: 1px 1px 3px rgba(12, 59, 0, 0.4); line-height: 110px; color: #FFF; width: 110px; height: 110px; }
.login_box .login_logo #macaron_millesime #numero_millesime strong { font-weight: 700; font-size: 45px; }
.login_box .login_box_fields { flex: 1; }
.login_box .login_box_fields .bouton_login { text-align: right; }
.login_box .form-group { display: flex; }
.login_box .form-group i { margin-right: 15px; color: #abb4b8; font-size: 28px; line-height: 1.5; }

main { margin: 0 3%; padding-top: 65px; }

nav.fil_rouge { display: flex; justify-content: flex-start; color: #8f9ba1; text-align: left; margin-bottom: 1em; font-size: 0.8em; }
nav.fil_rouge i { color: #abb4b8; margin-right: 8px; padding-top: 2px; }
nav.fil_rouge ol { margin: 0; padding: 0; list-style: none; }
nav.fil_rouge ol li { display: inline; }
nav.fil_rouge ol li + li:before { display: inline-block; margin: 0 0.25rem; content: '\00003E'; }
nav.fil_rouge a { color: #8f9ba1; }
nav.fil_rouge a:hover, nav.fil_rouge a:focus { color: #007bff; text-decoration: none; }

table { width: 100%; background-color: #FFF; text-align: left; font-size: 0.8rem; margin: 15px 0; }
table table { border: 1px solid #cbd6e3; }
table.tableau_selectionnable tbody tr:hover { cursor: pointer; background-color: rgba(0, 123, 255, 0.1); }
table .cellule_insecable { white-space: nowrap; }
table thead { background-color: #abb4b8; }
table thead th { color: #FFF; }
table thead th.info { background-color: #bca793; }
table th { padding: 7px 10px; font-weight: bold; vertical-align: bottom; }
table th.header-sortable { cursor: pointer; }
table th.header-sortable:hover { background-color: rgba(0, 123, 255, 0.3); }
table th.header-sortable > span { display: flex; align-items: flex-end; }
table th.header-sortable i.fas, table th.header-sortable i.far { font-size: 1.2rem; margin-right: 5px; }
table th.header-sortable.header-sort-asc, table th.header-sortable.header-sort-desc { background-color: #5C686E; }
table th.header-sortable.header-sort-asc:hover, table th.header-sortable.header-sort-desc:hover { background-color: #004a99; }
table th.header-sortable.header-sort-asc .badge, table th.header-sortable.header-sort-desc .badge { background-color: #abb4b8; margin-right: 9px; margin-bottom: 0; color: #2c3b41; text-align: center; border-radius: 10px; line-height: 11px; }
table th a { color: #e6f2ff; }
table th a:hover { color: #FFF; }
table tr { border-bottom: 1px solid transparent; }
table tr:nth-child(even) { background-color: rgba(236, 240, 245, 0.6); }
table tr:hover { border-bottom-color: #abb4b8; }
table tr:last-child { border-bottom: 2px solid #abb4b8; }
table tr:last-child:hover { border-bottom-color: #68757c; }
table table tr:last-child { border-bottom: none; }
table tr.ligne_cliquable { color: #004a99; background-color: rgba(0, 123, 255, 0.05); }
table tr.ligne_cliquable:nth-child(even) { background-color: rgba(0, 123, 255, 0.12); }
table tr.ligne_cliquable:hover { background-color: #FFF; color: #007bff; cursor: pointer; border-bottom-color: rgba(0, 123, 255, 0.3); }
table tr.ligne_desactivee { font-style: italic; color: #b35000; background-color: #fff4eb !important; }
table tr.ligne_desactivee:nth-child(even) { background-color: #ffebdb !important; }
table tr.ligne_selectionnee { border-left: 5px solid #7699BF; border-right: 5px solid #7699BF; background-color: rgba(118, 153, 191, 0.45) !important; color: #FFF; }
table tr.ligne_selectionnee:hover { background-color: rgba(118, 153, 191, 0.6) !important; }
table tr.ligne_selectionnee a { color: #003166; }
table tr.ligne_selectionnee a.btn { color: #FFF; }
table td { padding: 7px 10px; vertical-align: top; }
table td.info { background-color: rgba(255, 114, 0, 0.1); }
table td .tableau_boutons_flex { display: flex; align-items: center; }
table td .tableau_boutons_flex .icones_light { margin-right: 15px; }
table .boutons_de_tableau { display: flex; justify-content: flex-end; align-items: center; }
table .boutons_de_tableau input[type="checkbox"] { margin: 7px; }

.nav-tabs { display: flex; flex-wrap: wrap; justify-content: center; padding-left: 1px; margin-bottom: 0; }
.nav-tabs li { margin-top: 5px; margin-bottom: -1px; display: flex; font-size: 0.9em; }
.nav-tabs li:nth-child(n+2) { margin-left: 4px; }
@media only screen and (max-width: 1200px) { .nav-tabs li { font-size: 0.8em; } }
@media only screen and (max-width: 1000px) { .nav-tabs li { font-size: 0.75em; } }
.nombreux_onglets .nav-tabs li { font-size: 0.75em; }
.nav-tabs li a { display: flex; align-items: center; border: none !important; border-radius: 0.25rem 0.25rem 0 0; padding: 0.3rem 0.8rem; margin: 0; text-transform: uppercase; color: #FFF !important; font-weight: 600; background-color: #95b9dc; white-space: nowrap; }
@media only screen and (max-width: 1000px) { .nav-tabs li a { padding: 0.3rem 0.5rem; } }
.nombreux_onglets .nav-tabs li a { padding: 0.3rem 0.5rem; }
.nav-tabs li a.disabled { color: #abb4b8 !important; font-style: italic; pointer-events: none; border-color: #dee2e6; }
.nav-tabs li a:hover, .nav-tabs li a:focus { cursor: pointer; background-color: #007bff; color: #FFF !important; }
.nav-tabs li a i { margin-right: 5px; }
.nav-tabs li a.onglet_supprimer { background-color: #dc3545; }
.nav-tabs li a.onglet_supprimer:hover { background-color: #921925; }
.nav-tabs li a.onglet_supprimer i { margin-right: 0; }
.nav-tabs li a .badge { background-color: rgba(44, 59, 65, 0.35); margin-bottom: 0; margin-left: 5px; margin-right: 0; padding: 2px 5px; }
.nav-tabs li.active a, .nav-tabs li a.active { pointer-events: none; color: #2c3b41 !important; background-color: #FFF; }
.bloc_blanc .nav-tabs li.active a, .bloc_blanc .nav-tabs li a.active { background-color: rgba(236, 240, 245, 0.75); }
.nav-tabs + .bloc_blanc { border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; }

.bloc_blanc, .bloc_blanc_interieur { padding: 15px; margin-bottom: 30px; border-radius: 3px; position: relative; }
.bloc_blanc > *:first-child, .bloc_blanc_interieur > *:first-child { margin-top: 0; }

.bloc_blanc { border: 1px solid #dbe3ec; background-color: #fff; }

.bloc_blanc_interieur { background-color: rgba(236, 240, 245, 0.75); }

.champ_formulaire { display: flex; align-items: flex-start; margin-bottom: 15px; position: relative; }
.champ_formulaire > label { transform: translateY(5px); text-align: right; flex-basis: 25%; max-width: 250px; padding-right: 12px; font-size: 0.9em; font-weight: bold; color: #8f9ba1; }
.champ_formulaire .post_label { flex: 1; text-align: left; }
.champ_formulaire .post_label.champs_multiples, .champ_formulaire .post_label .post_label_ligne.champs_multiples > div { display: flex; }
.champ_formulaire .post_label.champs_multiples *:nth-child(n+2), .champ_formulaire .post_label .post_label_ligne.champs_multiples > div *:nth-child(n+2) { margin-left: 15px !important; }
.champ_formulaire .post_label.champs_multiples *:nth-child(n+2).bouton_cul_de_champ, .champ_formulaire .post_label .post_label_ligne.champs_multiples > div *:nth-child(n+2).bouton_cul_de_champ { margin-left: -1px !important; }
.champ_formulaire .post_label.champs_multiples input[type="text"], .champ_formulaire .post_label.champs_multiples textarea, .champ_formulaire .post_label .post_label_ligne.champs_multiples > div input[type="text"], .champ_formulaire .post_label .post_label_ligne.champs_multiples > div textarea { min-width: inherit; }
.champ_formulaire .post_label.champs_multiples.champs_dates input[type="text"], .champ_formulaire .post_label .post_label_ligne.champs_multiples > div.champs_dates input[type="text"] { width: 50px; }
.champ_formulaire .post_label.cases_a_cocher { padding-top: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.champ_formulaire .post_label.cases_a_cocher > span { display: contents; }
.champ_formulaire .post_label.cases_a_cocher > div, .champ_formulaire .post_label.cases_a_cocher > span > div { flex-basis: 47%; display: flex; }
.colonne_gauche_edition_part2 .champ_formulaire .post_label.cases_a_cocher > div, .colonne_gauche_edition_part2 .champ_formulaire .post_label.cases_a_cocher > span > div { flex: 100%; }
@media only screen and (max-width: 900px) { .champ_formulaire .post_label.cases_a_cocher > div, .champ_formulaire .post_label.cases_a_cocher > span > div { flex-basis: 100%; } }
@media only screen and (min-width: 1400px) { .champ_formulaire .post_label.cases_a_cocher > div, .champ_formulaire .post_label.cases_a_cocher > span > div { flex-basis: 30%; } }
@media only screen and (min-width: 1700px) { .champ_formulaire .post_label.cases_a_cocher > div, .champ_formulaire .post_label.cases_a_cocher > span > div { flex-basis: 22%; } }
.champ_formulaire .post_label.cases_a_cocher > div > input[type="checkbox"], .champ_formulaire .post_label.cases_a_cocher > span > div > input[type="checkbox"] { flex: none; margin-right: 10px; }
.champ_formulaire .post_label.cases_a_cocher > div label, .champ_formulaire .post_label.cases_a_cocher > span > div label { display: flex; cursor: pointer; }
.champ_formulaire .post_label.cases_a_cocher > div label .form-check-input, .champ_formulaire .post_label.cases_a_cocher > span > div label .form-check-input { position: relative; margin-right: 8px; margin-top: 3px; }
.champ_formulaire .post_label.cases_a_cocher > div label .badge, .champ_formulaire .post_label.cases_a_cocher > span > div label .badge { margin-left: 5px; }
.champ_formulaire .post_label .post_label_ligne { display: flex; }
.champ_formulaire .post_label .post_label_ligne:nth-child(n+2) { margin-top: 10px; }
.champ_formulaire .post_label .post_label_ligne > div { flex: 1; }
.champ_formulaire .post_label .post_label_valeur { font-weight: 500; border-bottom: 1px solid rgba(171, 180, 184, 0.3); padding-top: 2px; }
.champ_formulaire .retrait_vertical { padding-top: 3px; }
body.arkotheque_gestion .colonnes .colonnes .champ_formulaire, .colonnes_etroites .champ_formulaire { flex-wrap: wrap; }
body.arkotheque_gestion .colonnes .colonnes .champ_formulaire .content_help, .colonnes_etroites .champ_formulaire .content_help { order: 1; padding-left: 0; }
body.arkotheque_gestion .colonnes .colonnes .champ_formulaire .content_help i, .colonnes_etroites .champ_formulaire .content_help i { transform: translateY(-2px); }
body.arkotheque_gestion .colonnes .colonnes .champ_formulaire > label, .colonnes_etroites .champ_formulaire > label { order: 2; transform: none; padding-right: 0; text-align: left; flex: 1; flex-basis: 50%; }
body.arkotheque_gestion .colonnes .colonnes .champ_formulaire .post_label, .colonnes_etroites .champ_formulaire .post_label { order: 3; flex: auto; flex-basis: 70%; }
body.arkotheque_gestion .colonnes .colonnes .champ_formulaire .bouton_cul_de_champ, .colonnes_etroites .champ_formulaire .bouton_cul_de_champ { order: 4; }

label { line-height: normal; }
label.required { color: #613942; }

input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], textarea { color: #003166; width: 100%; min-width: 40%; padding: 3px 6px !important; margin: 0 !important; box-shadow: none !important; border: 1px solid rgba(92, 104, 110, 0.4); }
input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="date"]:hover, input[type="email"]:hover, textarea:hover { border-color: #cce5ff; background-color: white; }
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="email"]:focus, textarea:focus { outline: none; background-color: #f0f7ff; color: #007bff; border-color: #a3cfff; }

input[type="text"] { line-height: 28px; padding: 0 6px !important; height: auto; }
input[type="text"][disabled] { background-color: #fdf4f5; border-color: #eadde3; color: #19090b; cursor: not-allowed; }
input[type="text"].champ_court { width: 120px; min-width: 0; }
input[type="text"]::placeholder { font-size: 0.9em; }

input[type="date"] { width: 100px; }

textarea { height: 120px; font-size: 1rem; line-height: 1.5; width: 100%; }
body.arkotheque_gestion textarea { height: 65px; }

::placeholder { color: #abb4b8 !important; font-style: italic; opacity: 0.8 !important; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("commun_sia_publi/images/select.svg") !important; background-size: 14px; background-position: right center; background-color: #FFF !important; color: #004a99 !important; border: 1px solid #c6cdd0 !important; border-radius: 15px 0 0 15px !important; width: 100%; flex: 0.5; height: 30px !important; margin: 0; padding: 4px 22px 4px 12px !important; font-size: 14px; font-weight: 500; line-height: normal; }
select:hover { background-color: #e0efff !important; border-color: #b3d7ff !important; color: #007bff !important; cursor: pointer; }
select[multiple], select[size] { height: auto !important; background-image: none !important; border-radius: 0 !important; padding: 4px 12px !important; }
.select_dates select { border-radius: 0 !important; margin-right: 4px; }

.toggle-container { right: 0; top: 45%; position: fixed; z-index: 3; }
.toggle-container.toggle-ouvert { right: 70%; }
.toggle-container button { border-radius: 50% 0 0 50%; width: 32px; height: 32px; display: flex; flex-direction: column; align-items: center; height: auto; width: auto; }
.toggle-container button i { font-size: 18px; }
body.arkotheque_gestion .toggle-container button { border-radius: 12px 0 0 12px; }
body.arkotheque_gestion .toggle-container button span { line-height: 2em; }

.modal { max-height: 100vh; color: #000; }
.modal .modal-dialog { width: 94%; margin: 3vh auto; }
.modal.modale_etroite .modal-dialog { width: 50%; }

.modal-content { border: none; background-color: #ecf0f5; }
.modal-content .close_modale, .modal-content button.close { position: absolute; z-index: 1; right: 0; top: 0; background-color: #dc3545; color: #FFF; text-shadow: none; opacity: 1; margin: 0; width: 36px; height: 36px; border-radius: 0; font-size: 1.3em; }
.modal-content .close_modale:hover, .modal-content button.close:hover { background-color: #921925; }
.modal-content .close_modale svg, .modal-content button.close svg { fill: #FFF; }
.modal-content .modal-header { align-items: stretch; border-bottom: none; padding: 0; min-height: 0; }
.modal-content .modal-body { padding: 20px 3%; overflow-y: scroll; max-height: 94vh; }
.modal-content .modal-body[data-cy="modal-deplacement-target"] { overflow: inherit; }

.modal_iframe .modal-body { padding: 0; }

.btn.valider_modale { position: fixed; right: 0; bottom: 0; border-radius: 0; width: 30px; height: 30px; margin: 0; padding: 0; font-size: 18px; }

iframe { border: none; width: 100%; height: 94vh; }

.body_modale { background-image: none; padding: 20px 3%; }
.body_modale > h2:first-child { margin-top: 0; }
.body_modale main { margin: 0; padding-top: 0; }
.body_modale .sf-minitoolbar { right: auto !important; left: 0; }

.modal-footer { position: fixed; right: 0; bottom: 0; border-top: none; padding: 0; display: flex; justify-content: flex-end; }
.modal-footer .btn { margin: 0 !important; border-radius: 0; width: 36px; height: 36px; padding: 7px; font-size: 1.4em; }
.modal-footer .btn.bouton_footer_long { width: auto; }

.alert { padding: 15px; background-color: #f8d6d9; color: #7c151f; margin: 20px 0; border-radius: 3px; display: flex; align-items: flex-start; border: none; text-align: left; }
.alert.alert-warning { background-color: #ffe3cc !important; color: #cc5b00 !important; line-height: normal; }
.post_label .alert.alert-warning { font-size: 14px; }
.alert.alert-success { background-color: #b3f397 !important; color: #27660c !important; }
.alert.alert-info { background-color: #bdd9db !important; color: #3f7073 !important; }
.alert > i { color: #FFF; font-size: 30px; padding-right: 15px; }
.alert > div { flex: 1; }
.alert a { text-decoration: none; }

.picto_alerte i { color: #ff7200 !important; }

.panel { margin: 20px 0; border: none !important; }
.panel .panel-heading, .panel .panel-body { padding: 15px; }
.panel .panel-heading { border-radius: 3px 3px 0 0; border: none !important; }
.panel .panel-heading .panel-title { font-weight: 500; display: flex; align-items: center; }
.panel .panel-heading .panel-title > i { color: #FFF; font-size: 30px; padding-right: 15px; }
.panel .panel-heading .panel-title span:nth-child(2) { flex: 1; }
.panel .panel-heading .panel-title .arko-aide-replier { cursor: pointer; }
.panel .panel-body { border-radius: 0 0 3px 3px; }
.panel.panel-info > * { background-color: #bdd9db !important; color: #3f7073 !important; }

#bo-aides-container .aide-contenu ul.aide_liste_icone, .aide_en_ligne_compilation ul.aide_liste_icone { margin: 0; padding: 0; }
#bo-aides-container .aide-contenu ul.aide_liste_icone > li, .aide_en_ligne_compilation ul.aide_liste_icone > li { list-style-type: none; padding-left: 20px; margin-bottom: 1.1em; }
#bo-aides-container .aide-contenu ul.aide_liste_icone > li.puce_normale, #bo-aides-container .aide-contenu ul.aide_liste_icone > li.puce_normale li, .aide_en_ligne_compilation ul.aide_liste_icone > li.puce_normale, .aide_en_ligne_compilation ul.aide_liste_icone > li.puce_normale li { list-style-type: disc; margin-left: 15px; padding-left: 3px; }
#bo-aides-container .aide-contenu ul.aide_liste_icone > li i, .aide_en_ligne_compilation ul.aide_liste_icone > li i { position: absolute; margin-left: -27px; margin-top: 2px; font-size: 130%; }
#bo-aides-container .aide-contenu iframe, .aide_en_ligne_compilation iframe { margin: 20px auto; width: 320px; height: 240px; }
#bo-aides-container .aide-contenu u, .aide_en_ligne_compilation u { display: block; text-decoration: none; font-weight: normal; font-size: 90%; }
#bo-aides-container .aide-contenu u em, .aide_en_ligne_compilation u em { font-size: 100%; }
#bo-aides-container .aide-contenu u strong, .aide_en_ligne_compilation u strong { color: inherit; }

#bo-aides-container .aide-contenu { font-size: 1.05em; font-weight: 300; color: #cddfe5; line-height: 1.4; width: 40%; height: 100vh; overflow-y: scroll; left: 0; top: 0; padding: 85px 2% 50px; position: fixed; z-index: 30; background-color: #467587; animation-duration: 0.3s; animation-name: glissade_aide; }
@keyframes glissade_aide { from { transform: translateX(-36%); }
  to { transform: none; } }
#bo-aides-container .aide-contenu button.delete-aide { position: fixed; z-index: 1; left: 0; border-radius: 0; top: 46px; }
#bo-aides-container .aide-contenu a { color: #99caff; }
#bo-aides-container .aide-contenu strong { color: white; font-weight: 600; }
#bo-aides-container .aide-contenu hr { border-top-color: #79a8ba; }
#bo-aides-container .aide-contenu h1 { white-space: normal; font-size: 2em; }
#bo-aides-container .aide-contenu h2 { font-size: 1.6em; color: #FFF; padding-bottom: 0.4em; margin-bottom: 0.8em; border-bottom: 2px solid #79a8ba; }
#bo-aides-container .aide-contenu h2 small { color: #cddfe5; text-transform: uppercase; font-size: 0.5em; font-weight: 600; }
#bo-aides-container .aide-contenu h3 { font-size: 1.3em; color: #eff4f7; }
#bo-aides-container .aide-contenu h4 { font-size: 1.1em; }
#bo-aides-container .aide-contenu ul { padding-left: 20px; }
#bo-aides-container .aide-contenu ul.aide_liste_icone > li i { color: #FFF; }
#bo-aides-container .aide-contenu ul ul { margin-top: 0.3em; margin-bottom: 0.3em; }
#bo-aides-container .aide-contenu p i { color: #FFF; }
#bo-aides-container .aide-contenu table { color: #3d6676; }
#bo-aides-container .aide-contenu table caption { caption-side: top; color: #FFF; font-weight: bold; }
#bo-aides-container .aide-contenu div > em { display: block; color: #9bbecb; font-size: 86%; line-height: 1.3em; }
#bo-aides-container .aide-contenu code { color: #ffaa66; }
#bo-aides-container .aide-contenu u { color: #dcc9ed; }

.aide_en_ligne_compilation { max-width: 800px; margin: 0 auto; }
.aide_en_ligne_compilation .bloc_aide_en_ligne { background-color: #FFF; border-radius: 5px; padding: 20px 3% 10px; margin-bottom: 30px; }
.aide_en_ligne_compilation h2 small { display: none; }
.aide_en_ligne_compilation i.fas, .aide_en_ligne_compilation i.fa { color: #467587; }
.aide_en_ligne_compilation u { color: #5d2e89; }

.pastilles_videos { display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 30px; }
.pastilles_videos > div { position: relative; flex-basis: 350px; background-color: #FFF; border-radius: 10px; padding: 15px; margin: 10px; }
.pastilles_videos > div iframe { width: 100%; height: 240px; }
.pastilles_videos > div h3 { font-size: 1.3em; margin: 10px 0 2px; }
.pastilles_videos > div h4 { font-size: 1em; color: #818f96; margin: 0 0 2px; }
.pastilles_videos > div p { font-weight: bold; color: #5C686E; font-size: 0.9em; margin: 0; }
.pastilles_videos > div .nouvelle_video { position: absolute; right: 100px; top: -10px; }
.pastilles_videos > div .nouvelle_video .etoile_nouveaute { position: absolute; background-image: url("commun_sia_publi/images/macaron_millesime.svg"); background-size: contain; width: 80px; height: 80px; animation: rotating 20s linear infinite; }
@keyframes rotating { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
.pastilles_videos > div .nouvelle_video span { font-size: 10px; position: absolute; text-shadow: 1px 1px 3px rgba(12, 59, 0, 0.4); line-height: 80px; color: #FFF; width: 80px; text-transform: uppercase; font-weight: 700; }

.header_arkotheque { background-color: #2c3b41; padding: 0 3%; position: fixed; z-index: 100; top: 0; width: 100%; height: 46px; display: flex; }
.header_arkotheque .logo { background-image: url("commun_sia_suite/images/logo_arkotheque_gestion.svg"); background-position: left center; background-size: 85%; background-color: transparent !important; width: 130px; }
.header_arkotheque .logo span { display: none !important; }
.header_arkotheque nav { flex: 1; display: flex; }
.header_arkotheque nav ul, .header_arkotheque nav li { margin: 0px; padding: 0px; text-align: left; line-height: normal; list-style: none; }
.header_arkotheque nav > ul { display: flex; }
.header_arkotheque nav > ul > li { position: relative; }
.header_arkotheque nav > ul > li > a { height: 46px; white-space: nowrap; display: flex; text-transform: uppercase; padding: 16px 12px 0; color: #8aa5af; overflow: hidden; font-size: 0.75em; font-weight: 500; }
.header_arkotheque nav > ul > li > a i { color: #55727e; font-size: 1.9em; padding-right: 6px; transform: translateY(-5px); }
.header_arkotheque nav > ul > li:hover > .header_sous_menu { display: block; visibility: visible; }
.header_arkotheque nav > ul > li:hover > a { background-color: rgba(0, 123, 255, 0.4); color: #FFF; }
.header_arkotheque nav > ul > li:hover > a i { color: rgba(153, 202, 255, 0.6); }
.header_arkotheque nav > ul > li.active > a { background-color: #FFF; color: #2c3b41; }
.header_arkotheque nav > ul > li.active > a i { color: #a8bcc4; }
.header_arkotheque nav > ul .header_sous_menu { display: none; min-width: 250px; position: absolute; visibility: hidden; background-color: #FFF; animation-duration: 0.2s; animation-name: menuderoulant; animation-timing-function: ease-in; }
@keyframes menuderoulant { from { margin-top: -5px; opacity: 0; }
  to { margin-top: 0; opacity: 1; } }
.header_arkotheque nav > ul .header_sous_menu .header_sous_menu { top: 0; left: 100%; }
.header_arkotheque nav > ul .header_sous_menu .header_sous_menu li { font-size: 1em; }
.header_arkotheque nav > ul .header_sous_menu a { display: block; padding: 7px 5%; color: #2c3b41; }
.header_arkotheque nav > ul .header_sous_menu > li { position: relative; font-size: 0.9em; }
.header_arkotheque nav > ul .header_sous_menu > li.sous_menu_fleche > a:after { content: ""; display: block; width: 0; height: 0; border-color: transparent; border-left-color: #a8bcc4; border-style: solid; border-width: 6px 0 6px 10px; position: absolute; right: 5px; top: 10px; }
.header_arkotheque nav > ul .header_sous_menu > li.sous_menu_fleche > a:hover:after { border-left-color: #007bff; }
.header_arkotheque nav > ul .header_sous_menu > li:hover > a { color: #004a99; background-color: rgba(0, 123, 255, 0.1); }
.header_arkotheque nav > ul .header_sous_menu > li:hover > .header_sous_menu { display: block; visibility: visible; }
.header_arkotheque nav > ul .header_sous_menu > li.divider { border-top: 2px solid #abb4b8; }
.header_arkotheque .header_user i { padding-right: 0; }
.header_arkotheque .header_user .header_sous_menu { background-color: #41575f; padding: 10px; width: auto; left: auto; right: 0; min-width: 290px; text-align: center; color: #a8bcc4; line-height: 1.4em; }
.header_arkotheque .header_user .header_sous_menu > div a { color: #FFF; font-weight: 500; }
.header_arkotheque .header_user .header_sous_menu > div a:hover { text-decoration: underline; }
.header_arkotheque .header_user .header_sous_menu ul { margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.header_arkotheque .header_user .header_sous_menu ul li { margin-top: 5px; width: 49%; }
.header_arkotheque .header_user .header_sous_menu ul li:last-of-type { width: 100%; }
.header_arkotheque .header_user .header_sous_menu ul .btn { width: 100%; color: #FFF; font-size: 0.75em; padding: 15px 5%; display: flex; align-items: center; justify-content: center; }
.header_arkotheque .header_user .header_sous_menu ul .btn i { font-size: 2em; margin-right: 8px; }
.header_arkotheque .menu_collectivites { display: flex; flex: 1; justify-content: flex-end; margin-right: 10px; font-size: 0.9em; }
.header_arkotheque .menu_collectivites ul { display: flex; flex-direction: column; height: 46px; overflow: hidden; position: absolute; }
.header_arkotheque .menu_collectivites ul:hover { height: auto; cursor: pointer; }
.header_arkotheque .menu_collectivites ul li { order: 2; background-color: #FFF; }
.header_arkotheque .menu_collectivites ul li.enCours { order: 1; }
.header_arkotheque .menu_collectivites ul li.enCours a { font-weight: bold; color: #FFF; background-color: #42AA14; pointer-events: none; line-height: 46px; padding: 0 12px; }
.header_arkotheque .menu_collectivites ul li a { display: block; padding: 8px 12px; color: #5C686E; font-size: 0.9em; white-space: nowrap; text-align: left; text-overflow: ellipsis; width: 100%; max-width: 300px; overflow: hidden; }
.header_arkotheque .menu_collectivites ul li a:hover { color: #007bff; background-color: rgba(0, 123, 255, 0.1); }

button { appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; padding: 5px 10px; vertical-align: middle; text-decoration: none; border: none; background-color: #007bff; color: #FFF; }
button:hover { background-color: #004a99; color: #FFF; text-decoration: none; cursor: pointer; }

.btn { font-size: inherit; border: none; line-height: normal; padding: 7px 10px; color: #FFF; background-color: #007bff; }
.btn + .btn { margin-left: 5px; }
.btn:hover, .btn:focus { background-color: #004a99; color: #FFF; }
.btn.btn-success { background-color: #42AA14; }
.btn.btn-success:hover { background-color: #4bc117; }
.btn.btn-danger { background-color: #dc3545; }
.btn.btn-danger:hover { background-color: #921925; }
.btn.btn-warning { background-color: #ff7200; }
.btn.btn-warning:hover { background-color: #cc5b00; }
.btn.btn-info { background-color: #6AAAAE; }
.btn.btn-info:hover { background-color: #519094; }
.btn.btn-secondary { background-color: #abb4b8; }
.btn.btn-secondary:hover { background-color: #007bff; }
.btn.btn-secondary.active { background-color: #5C686E; }
.btn.btn-secondary.active:hover { cursor: default; }
.btn.majuscules { font-size: 0.8em; text-transform: uppercase; font-weight: 500; }
table .btn.majuscules { font-size: 0.9em; }
.btn.majuscules i { margin-right: 6px; }
.btn.btn_coche_colonne { background-color: transparent; }
.btn.btn_coche_colonne.btn-success:hover { background-color: #42AA14; }
.btn.btn_coche_colonne.btn-danger:hover { background-color: #dc3545; }
.btn .intitule_de_bouton { padding-left: 6px; font-size: 0.8em; text-transform: uppercase; font-weight: 500; }
.btn .intitule_de_bouton:first-child { padding-left: 0; }
.btn .intitule_de_bouton small { color: #99caff; font-size: 90%; }
.btn[disabled] { background-color: #FFF !important; color: #5C686E; border: 1px solid #abb4b8 !important; }

.bouton_aide { background-color: #467587; width: 20px; height: 20px; min-width: 20px; padding: 0; }
.bouton_aide:hover { background-color: #233b44; }
.post_label + .bouton_aide { margin-top: 4px; }
.bouton_aide i { font-size: 12px !important; margin-top: 0 !important; width: 20px !important; min-width: 20px !important; margin-left: 0 !important; opacity: 1 !important; }
label .bouton_aide { margin-right: 0; }

.bouton_rond, .bouton_en_coin .btn { border-radius: 50%; width: 30px; height: 30px; min-width: 30px; overflow: hidden; margin-left: 10px; font-size: 16px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.bouton_rond span, .bouton_en_coin .btn span { display: none; }

.bouton_en_coin { display: flex; position: absolute; right: 0; transform: translate(10px, -22px); min-width: inherit !important; }
.bouton_en_coin .btn { width: 20px; height: 20px; min-width: 20px; font-size: 14px; margin-left: 5px; }

.gros_bouton_de_pied { position: fixed; z-index: 101; bottom: -20px; right: 2%; width: 90px; height: 90px; border-radius: 50%; background-color: rgba(66, 170, 20, 0.5); animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-name: glow; animation-timing-function: ease-in; }
@keyframes glow { from { background-color: rgba(66, 170, 20, 0.4); }
  to { background-color: #42aa14; } }
.gros_bouton_de_pied:hover { background-color: #399311; transform: scale(1.15); }
.gros_bouton_de_pied i { font-size: 45px; }

.boutons_droit { right: 0; top: 80px; position: fixed; z-index: 1; display: flex; flex-direction: column; align-items: flex-end; }
.boutons_droit > * { margin: 0 0 5px; border-radius: 50% 0 0 50%; width: 32px; height: 32px; }
.boutons_droit > *.btn-success { background-color: #5d2e89; }
.boutons_droit > *.btn-success:hover { background-color: #361b50; }

.icones_light .btn { font-size: 11px; font-weight: 500; text-transform: uppercase; width: 30px; height: 30px; border-radius: 0; padding: 5px; color: #007bff; background-color: transparent; margin-left: 0; }
.icones_light .btn:hover { background-color: #007bff; color: #FFF; }
.icones_light .btn:hover i, .icones_light .btn:hover span[class^="fa"] { color: #FFF !important; }
.icones_light .btn.btn-secondary { color: #abb4b8; position: relative !important; }
.icones_light .btn.btn-secondary:hover { background-color: #5C686E; }
.icones_light .btn.btn-secondary .infobulle { background-color: #5C686E; }
.icones_light .btn.btn-success { color: #42AA14; }
.icones_light .btn.btn-success:hover { background-color: #42AA14; }
.icones_light .btn.btn-danger { color: #dc3545; }
.icones_light .btn.btn-danger:hover { background-color: #dc3545; }
.icones_light .btn.btn-warning { color: #ff7200; position: relative !important; }
.icones_light .btn.btn-warning:hover { background-color: #ff7200; }
.icones_light .btn i, .icones_light .btn span[class^="fa"] { font-size: 20px; color: inherit; }
.icones_light .btn i.fa-backspace, .icones_light .btn span[class^="fa"].fa-backspace { font-size: 18px; }

.indicateur_couleur { display: inline-block; width: 20px; height: 20px; border-radius: 50%; padding: 0; background-color: #42AA14; }
.indicateur_couleur:hover { background-color: #dc3545; }
.indicateur_couleur.indicateur_rouge { background-color: #b64451; }
.indicateur_couleur.indicateur_rouge:hover { background-color: #42AA14; }
.indicateur_couleur.indicateur_jaune { background-color: #de7016; }

span.indicateur_couleur { pointer-events: none; width: 14px; height: 14px; }

.indicateur_et_mention { display: flex; }
.indicateur_et_mention .indicateur_couleur { margin-right: 5px; }
.indicateur_et_mention span:nth-child(2) { padding-top: 1px; flex: 1; font-size: 0.85em; color: #818f96; line-height: 1.4em; }
.indicateur_et_mention span:nth-child(2) ul { padding-left: 25px; }

.bouton_cul_de_champ { height: 30px; width: 30px; padding-left: 6px; padding-right: 6px; margin-left: -1px !important; border-radius: 0; margin-right: 2px; }
.bouton_cul_de_champ:last-of-type { border-radius: 0 15px 15px 0; margin-right: 0; padding-right: 10px; }

.bouton_debut_de_champ { border-radius: 15px 0 0 15px; padding-right: 6px; }

.boutons_pied_de_bloc { height: 0; margin-top: 10px; text-align: center; }
.boutons_pied_de_bloc .btn { border-radius: 50%; width: 30px; height: 30px; overflow: hidden; font-size: 16px; padding: 0; }
.boutons_pied_de_bloc .btn i { line-height: 30px; }
.boutons_pied_de_bloc .btn span { display: none; }

.fermer_modale { position: absolute; z-index: 100; right: 0; top: 0; border-radius: 0; }

.badge { vertical-align: middle; color: #FFF; background-color: #007bff; border-radius: 2px; font-size: 12px; line-height: normal; font-weight: 500; margin-right: 3px; margin-bottom: 2px; max-width: 500px; overflow: hidden; text-overflow: ellipsis; }
@media only screen and (max-width: 1100px) { .badge { max-width: 400px; } }
@media only screen and (max-width: 1000px) { .badge { max-width: 300px; } }
.badge.badge-success { background-color: #42AA14; }
.badge.badge-success:hover { background-color: #dc3545; }
.badge.badge-secondary { background-color: rgba(92, 104, 110, 0.6); }
.badge.badge-secondary:hover { background-color: #007bff; }
.badge.badge-warning { background-color: #ff7200; }
.badge.badge-danger { background-color: #dc3545; }
.badge.badge-danger:hover { background-color: #42AA14; }
.badge i { margin-right: 5px; }

.list-group { margin: 15px 0; }
.list-group .list-group-item { padding: 5px 12px; display: flex; justify-content: space-between; text-align: left; font-size: 0.9em; font-weight: 500; color: #42668d; }
.list-group .list-group-item:hover { cursor: pointer; background-color: #e6f2ff; color: #004a99; }
.list-group .list-group-item.active { color: #FFF; background-color: #7699BF; border-color: #7699BF; border-top-color: #aac0d7; }
.list-group .list-group-item.active:hover { background-color: #007bff; border-color: #007bff; }
.list-group .list-group-item.active i.text-success { color: #92ed6a !important; }
.list-group .list-group-item.list-group-item-success { color: #FFF; background-color: #42AA14; border-color: #42AA14; border-bottom: 2px solid #4bc117; }
.list-group .list-group-item.list-group-item-success:hover { background-color: #dc3545; border-color: #dc3545; border-bottom-color: #e04b59; }
.list-group .list-group-item .badge-secondary { background-color: rgba(44, 59, 65, 0.3); }

nav.pagination { display: flex; justify-content: center; align-items: stretch; margin: 0; }
nav.pagination.pagination_basse { margin-bottom: 15px; }
nav.pagination .page_en_cours, nav.pagination button { font-size: 0.95em; }
nav.pagination button, nav.pagination a { color: #FFF; display: inline-flex; align-items: center; justify-content: center; font-weight: 400; padding: 3px 5px; margin-right: 1px; background-color: rgba(0, 123, 255, 0.4); }
nav.pagination button:hover, nav.pagination a:hover { background-color: #004a99; text-decoration: none; }
nav.pagination button svg, nav.pagination a svg { fill: #FFF; margin-right: 0; width: 15px; height: 15px; }
nav.pagination .page_en_cours { border: 1px solid #ecf0f5; background-color: #FFF; font-weight: bold; color: #000; padding: 3px 7px; margin: 0 5px; }

button.btn-link { color: #007bff; padding: 0; font-weight: 500; text-align: left; }
button.btn-link:hover { color: #004a99; }

.contenu_sticky { top: 60px; position: sticky; position: -webkit-sticky; z-index: 1; }

#recherche_a_facettes { display: flex; justify-content: space-between; }
#recherche_a_facettes #colonne_de_facettes { flex: none; flex-basis: 27%; padding-right: 1%; max-width: 400px; font-size: 0.9em; }
#recherche_a_facettes #colonne_de_facettes .bloc_blanc { padding: 0; }
#recherche_a_facettes #colonne_de_facettes .bloc_blanc .list-group-item { border: none; padding: 0; }
#recherche_a_facettes #colonne_de_facettes .bloc_blanc .list-group-item .filtre_de_recherche_intitule { pointer-events: none; }
#recherche_a_facettes #colonne_de_facettes .bloc_blanc .list-group-item .filtre_de_recherche_intitule:before { content: none; }
#recherche_a_facettes #colonne_de_facettes .bloc_blanc .list-group-item .form-group { padding: 0 10px 10px; }
#recherche_a_facettes #colonne_de_facettes .bloc_blanc .list-group-item .form-group:first-child { padding-top: 10px; }
#recherche_a_facettes #colonne_de_facettes .bloc_blanc .filtre_de_recherche, #recherche_a_facettes #colonne_de_facettes .bloc_blanc .list-group-item { border-top: 4px solid #e2e8f0; }
#recherche_a_facettes #colonne_de_facettes input[type="text"] { font-size: 1.05em; line-height: 24px; }
#recherche_a_facettes #colonne_de_facettes .champ_formulaire { padding: 0.75rem 1.25rem; margin: 0; flex-wrap: wrap; }
#recherche_a_facettes #colonne_de_facettes .champ_formulaire > label { flex-basis: 100%; justify-content: flex-start; max-width: none; margin-bottom: 3px; }
#recherche_a_facettes #colonne_de_facettes .champ_formulaire .post_label { width: 100%; }
#recherche_a_facettes #colonne_de_facettes .btn-primary { margin-bottom: 20px; }
#recherche_a_facettes .colonne_de_resultat_de_facettes { flex: 1; }
#recherche_a_facettes .colonne_de_resultat_de_facettes + .colonne_de_resultat_de_facettes { padding-left: 1%; }

.filtre_de_recherche_libre { display: flex; align-items: stretch; height: 40px; }
.filtre_de_recherche_libre .reset-recherche-filtres { border-radius: 0; }
.filtre_de_recherche_libre .fa-search { color: #abb4b8; line-height: 40px; width: 32px; }
.filtre_de_recherche_libre input[type="text"] { border: none; }

.filtre_de_recherche_intitule { display: flex; justify-content: space-between; align-items: flex-start; padding: 6px 10px; font-weight: bold; color: #2c3b41; text-transform: uppercase; font-size: 0.8rem; }
.filtre_de_recherche_intitule:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #abb4b8; margin-top: 6px; margin-right: 5px; transition: all 0.3s ease; }
.modal .filtre_de_recherche_intitule:before { content: none; }
.filtre_de_recherche.ouvert .filtre_de_recherche_intitule:before { transform: rotate(90deg); }
.filtre_de_recherche_intitule:hover { background-color: rgba(0, 123, 255, 0.1); color: #004a99; cursor: pointer; }
.filtre_de_recherche_intitule:hover:before { border-left-color: #007bff; }
.filtre_actif .filtre_de_recherche_intitule { background-color: rgba(66, 170, 20, 0.1); }
.filtre_actif .filtre_de_recherche_intitule .badge { background-color: #47b816; color: #FFF; flex: none; }
.filtre_actif .filtre_de_recherche_intitule .badge:hover { cursor: pointer; background-color: #dc3545; }
.filtre_de_recherche_intitule span { flex: 1; text-align: left; }

.filtre_de_recherche_items { padding: 0 10px; }
.filtre_de_recherche.ouvert .filtre_de_recherche_items { padding-bottom: 10px; }
.filtre_de_recherche_items .filtre_de_recherche_item { text-align: left; display: flex; justify-content: space-between; align-items: flex-start; border-top: 1px dotted #cbd6e3; padding: 5px; }
.filtre_de_recherche_items .filtre_de_recherche_item.filtre_selectionne { background-color: #47b816; color: #FFF; }
.filtre_de_recherche_items .filtre_de_recherche_item span:first-of-type { font-size: 0.9em; flex: 1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.filtre_de_recherche_items .filtre_de_recherche_item:hover { cursor: pointer; background-color: #007bff; color: #FFF; }
.filtre_de_recherche_items .filtre_de_recherche_item .badge { background-color: rgba(44, 59, 65, 0.3); font-weight: normal; margin: 0 0 0 5px; }
.filtre_de_recherche_items .input-group { margin-top: 10px; }
.filtre_de_recherche_items .input-group-text { background-color: #abb4b8; color: #FFF; border: none; font-size: 0.8rem; }
.filtre_de_recherche_items select { -webkit-appearance: none; height: auto !important; border-left: none; font-size: 0.8rem !important; padding: 0rem 0.75rem !important; }
.filtre_de_recherche_items.filtre_date { display: flex; justify-content: space-between; }
.filtre_de_recherche_items.filtre_date .form-control { width: 31%; min-width: 0; }

.filtre_de_recherche .badges_a_cocher { margin-top: 5px; }
.filtre_de_recherche .badges_a_cocher .badge { max-width: 100%; text-overflow: ellipsis; overflow: hidden; }

#colonne_arborescente { flex: none; flex-basis: 27%; padding-right: 1%; position: relative; font-size: 13px; }
@media only screen and (max-width: 1100px) { #colonne_arborescente { font-size: 12px; } }
#colonne_arborescente .bloc_blanc { margin-bottom: 0; top: 60px; position: sticky; position: -webkit-sticky; }
#colonne_arborescente .filtre-groupe { margin-bottom: 15px; }
#colonne_arborescente .filtre_de_recherche_items { padding: 0; height: 80vh !important; }
#colonne_arborescente .filtre_de_recherche_items .tree-node:first-of-type .filtre_de_recherche_item { border-top: none; }
#colonne_arborescente *:focus { outline: none; }
#colonne_arborescente .arbre-ligne span:first-of-type { padding-left: 5px; }

.container_filtre_termes_de_recherche { display: flex; }

.et_ou_sauf { width: 100%; display: flex; justify-content: flex-start; padding-top: 10px; font-size: 0.8em; }
.et_ou_sauf label { text-align: right; width: 50%; font-weight: normal; margin-top: 4px; margin-right: 8px; margin-bottom: 0; color: #5C686E; }
.et_ou_sauf select { width: auto; font-size: 1em !important; }

p.fiches-selectionnees { color: #7699BF; margin-bottom: 0.5rem; height: 30px; line-height: normal; }
p.fiches-selectionnees strong.large { color: #7699BF; }

* { -webkit-font-smoothing: subpixel-antialiased; }

html { font-size: 1em; }

body.arkotheque_gestion { padding-bottom: 70px; }

a { color: #007bff; }
a:hover, a:active, a:focus { color: #004a99; }

.login_box .login_logo { background-image: url(commun_sia_suite/images/logo_arkotheque.png); height: 310px; }
.login_box .login_logo #macaron_millesime #etoile_millesime { background-image: url("commun_sia_suite/images/macaron_millesime.svg"); }

.bloc_de_recherche { background-color: #ebf4ff; border: none; }
.btn + .bloc_de_recherche { margin-top: 15px; }
.bloc_de_recherche .bloc_de_recherche_simple { display: flex; }
.bloc_de_recherche .bloc_de_recherche_simple .champ_formulaire { flex: 1; }
.bloc_de_recherche .bloc_de_recherche_simple > .bouton_rond { margin-top: 4px; }
.bloc_de_recherche .champ_cote .post_label { display: flex; }
.bloc_de_recherche .champ_cote .post_label > *:nth-child(n+2) { margin-left: 5px !important; }
.bloc_de_recherche .champ_cote .post_label select { width: auto; }
.bloc_de_recherche .champ_cote .post_label input[type="text"] { min-width: inherit; width: 120px; }
.bloc_de_recherche .filtres_additionnels { margin-top: 10px; margin-right: -15px; }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche { position: relative; margin-bottom: 15px; }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche[data-cy="filtre-attrval"] { width: 48%; }
@media only screen and (min-width: 1300px) { .bloc_de_recherche .filtres_additionnels .filtre_de_recherche[data-cy="filtre-attrval"] { width: 38%; } }
@media only screen and (min-width: 1800px) { .bloc_de_recherche .filtres_additionnels .filtre_de_recherche[data-cy="filtre-attrval"] { width: 31.6%; } }
@media only screen and (min-width: 2200px) { .bloc_de_recherche .filtres_additionnels .filtre_de_recherche[data-cy="filtre-attrval"] { width: 26.4%; } }
@media only screen and (max-width: 1000px) { .bloc_de_recherche .filtres_additionnels .filtre_de_recherche[data-cy="filtre-attrval"] { width: 64%; } }
@media only screen and (max-width: 700px) { .bloc_de_recherche .filtres_additionnels .filtre_de_recherche[data-cy="filtre-attrval"] { width: 100%; } }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche .filtre_de_recherche_intitule { border-radius: 3px; background-color: rgba(0, 123, 255, 0.1); }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche .filtre_de_recherche_intitule:hover { background-color: rgba(0, 123, 255, 0.2); }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche .filtre_de_recherche_intitule:focus { outline: none; box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); background-color: #c9def7; }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche .filtre_de_recherche_items { display: none; position: absolute; z-index: 1; width: 100%; padding-top: 10px; background-color: #c9def7; }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche.ouvert .filtre_de_recherche_intitule { border-radius: 3px 3px 0 0; }
.bloc_de_recherche .filtres_additionnels .filtre_de_recherche.ouvert .filtre_de_recherche_items { display: block; }

.login_box .login_logo #macaron_millesime #numero_millesime { padding-top: 38px; line-height: normal; font-weight: 500; }

table.description_du_bordereau .niveau1 { margin-left: 15px; }
table.description_du_bordereau .niveau2 { margin-left: 30px; }
table.description_du_bordereau .niveau3 { margin-left: 45px; }
table.description_du_bordereau .niveau4 { margin-left: 60px; }
table.description_du_bordereau .niveau5 { margin-left: 75px; }
table.description_du_bordereau .niveau6 { margin-left: 90px; }
table.description_du_bordereau .niveau7 { margin-left: 105px; }
table.description_du_bordereau .niveau8 { margin-left: 120px; }
table.description_du_bordereau .niveau9 { margin-left: 135px; }
table.description_du_bordereau .niveau10 { margin-left: 150px; }

/*# sourceMappingURL=arkotheque_ss.css.map */