/* structure principale avec footer en bas */
html, body {margin:0; height:100%;}
body {background-image: url("img/transparent.png"); background-position: left top; background-size: 100% 100%; background-repeat: no-repeat; background-attachment: fixed; display: flex; flex-direction: column; min-height: 100vh;}
main {flex: 1;}

/* styles génériques */
.tab_content {background-color: #FFF; padding:0.5em; margin-bottom:1em;}
.effet_bt_zoom {-webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.9; cursor: pointer;}
.effet_bt_zoom:hover {opacity:1; transform: scale(1.2); opacity:1;}
.effet_bt_rotation_360 {-ms-transition: 2s; -webkit-transition: 2s; transition: 2s; cursor: pointer;}
.effet_bt_rotation_360:hover {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.effet_lien {cursor: pointer; text-decoration: none;}
.effet_lien:hover {text-decoration: underline;}
.look_lien {color:blue; cursor: pointer; text-decoration: underline;}
.look_lien:hover {text-decoration: none;}
.lien_blanc, .lien_blanc:hover {color:#FFF;}
.look_blanc_survol_soul {color:#FFF; cursor: pointer; text-decoration: none;}
.look_blanc_survol_soul:hover {text-decoration: underline;}
.bloc_transparent {border: 1px solid grey; border-radius: 10px; padding:0.5em;}
.bloc_coul_1 {border: 1px solid grey; border-radius: 10px; padding:0.5em; background-color: #E2E3E5;}
.bloc_blanc {border: 1px solid grey; border-radius: 10px; padding:0.5em; background-color: #FFF;}
.cache {display: none!important;}
.doigt_h4 h4 {color:#6C48B4; font-weight:bold; font-size:1.2em; margin:15px 0 10px 0;}
.doigt_h4 h4:before {content:url(img/icone_doigt_16.png)}
.visib_cache {visibility: hidden !important;}
a.badge {text-decoration: none; font-weight:normal;}
a.badge:hover {text-decoration: none; opacity: 0.9;}


.list-checked {list-style: none; padding: 0; margin: 0;}
.list-checked li {position: relative; padding-left: 2.2em; margin:0.4em 0;}
.list-checked li::before {content: "\f26e"; font-family: "bootstrap-icons"; font-size: 2em; position: absolute; left: 0; top: -0.35em;}
.btn[disabled].no-pointer, .btn.disabled.no-pointer {pointer-events: none; cursor: default !important; opacity: 1 !important;}

/* iframe dans modale fullscreen */
#modal_lien_integration .modal-dialog.modal-fullscreen {margin: 0;}
.iframe-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden;}
.iframe-wrapper iframe {border: 0; display: block;}
#modal_lien_integration, #modal_lien_texte, #modal_editer_bouton, #modal_copier_bouton {z-index:10000;}

/* backdrop de chargement */
#loader-backdrop {position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.97); display: flex; justify-content: center; align-items: center; flex-direction: column; opacity: 1; transition: opacity 0.5s ease;}
#loader-backdrop.fade-out {opacity: 0; pointer-events: none;}
.loader-content {text-align: center; animation: fadeIn 0.8s ease;}
.loader-logo {width: 100px; height: auto; animation: float 2s ease-in-out infinite;}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* S'assurer que la 2e modale a son propre backdrop visible au-dessus */
.modal-secondaire.show ~ .modal-backdrop {z-index: 1055 !important;}
.modal-secondaire {z-index: 1060; /* au-dessus du backdrop */}

/* navbar */
.navbar-brand {display: flex; align-items: center; max-width: 400px; overflow: hidden;}
.nom_espace {display: inline-block; max-width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; cursor: help;}
.bt_nav {outline:solid 2px #F7E9FE; padding:0; margin-top:2px; background-color: transparent; color:#F7E9FE; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.9; border-radius: 50%; height: 32px; width: 32px; display: inline-block; text-align: center; font-weight: bold; font-size: 18px; line-height: 32px;}
.bt_nav:hover {transform: scale(1.1); opacity:1;}
.bt_nav.on {background-color: #F7E9FE; color:#000;}

/* footer */
footer {padding:0.5em; background-color:rgba(0, 0, 0, 0.7); margin:0.5em 0 0 0; color:#FFF; font-size:90%;}
footer .col-md {text-align: center;}
#bt_stats_footer {cursor: pointer;}
#bt_stats_footer:after {content : " \0023F7"; cursor: pointer;}
#bt_stats_footer.on:after {content : " \0023F6";}
#stats_footer {background-color: #FFF; border-radius: 0.5em; color:gray; padding:0.5em; margin-top:1em;}

/* validation mot de passe */
#creer_compte_mdp.is-valid { border-color: #198754; }
#creer_compte_mdp.is-invalid { border-color: #dc3545; }

/* messages flash etc */
.boite_message {position: fixed; top:50%; left:50%; width: 400px; transform: translate(-50%, -50%); font-family: Arial, Helvetica, sans-serif; font-size:18px; opacity: 1; text-align: center; z-index:9999;}
.calque_ecran {position:fixed; top:0; bottom:0; left:0; width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index:9998;}

/* dropdown */
.dropdown-menu {max-height: 80vh; /* 80% de la hauteur de la fenêtre */ overflow-y: auto;}
.dropdown-menu-dark {--bs-dropdown-divider-bg: rgba(255, 255, 255, 0.25);}

/* tableaux */
table .col_img {width: 36px; cursor:help;}
table .col_date {width: 100px; cursor:help;}
.col_10, .col_total, .col_date, .col_etat, .col_acces {width:30px; text-align: center;}
th.col_10, th.col_total, th.col_date, th.col_etat, th.col_acces {cursor: help;}
#tablo_mes_espaces_editables .description {font-size:70%;}

/* Module actualités */
#actualites {border:1px solid red; border-radius: 10px;}
#actualites_titre {filter: brightness(100%); cursor:pointer; border-radius: 10px 10px 0 0;}
#actualites_titre:hover {filter: brightness(105%);}
#actualites_titre h4 {font-size:1.2em; font-weight:bold;}
#actualites_ctn {padding:0.5em 1em; background-color:#FFF; border-radius: 0 0 10px 10px;}

/* modules info et rechercher */
#pave_info h4 {font-size: 20px; color:#4B056F; font-weight:600;}
#pave_recherche {background-color: #EED3FD;}
#theme_recherche_bts {text-align: right;}
#theme_recherche_bts > img {width:40px; height:40px; margin:0 1px; border-radius: 5px; padding:5px; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0.8;}
#theme_recherche_bts > img:hover {transform: scale(0.9);}
#theme_recherche_bts > img.on {transform: scale(1.15); opacity: 1;}
#theme_recherche_content .bloc_recherche {background-color: #FFF; margin:0.5em 0; padding:0; border-radius: 10px;}
#theme_recherche_content h3.cat_titre {font-size:18px; font-weight: bold; margin:0; padding:5px; border-radius: 10px 10px 0 0; color:#FFF;}
#theme_recherche_content .cat_boutons {padding:0.5em; background-color: #FFF; border-radius: 0 0 10px 10px;}
.lien_ajouter_tag {text-decoration: underline; cursor: pointer;}
.lien_ajouter_tag:hover {text-decoration: none;}

.bt_rech_md > img {width:28px; height:28px;}
.rech_coul_bg_0 {background-color: #0D6EFD;}
.rech_coul_bg_1 {background-color: #FF7EA5;}
.rech_coul_bg_2 {background-color: #004C8B;}
.rech_coul_bg_3 {background-color: #1A543B;}
.rech_coul_bg_4 {background-color: #80C1A3;}
.rech_coul_bg_5 {background-color: #E0AE17;}
.rech_coul_bd_0 {border: 1px solid #0D6EFD;}
.rech_coul_bd_1 {border: 1px solid #FF7EA5;}
.rech_coul_bd_2 {border: 1px solid #004C8B;}
.rech_coul_bd_3 {border: 1px solid #1A543B;}
.rech_coul_bd_4 {border: 1px solid #80C1A3;}
.rech_coul_bd_5 {border: 1px solid #E0AE17;}

.pave_rech_tablo {padding: 0.5em; border-radius: 0 0 10px 10px; background-color: #E6BDFC;}
.pave_rech_tablo h4 {font-size:18px; font-weight: bold; color:#A40CF4}
.pave_rech_tablo table {margin-bottom:0;}
.pave_rech_tablo table td.col_lien {font-weight: bold; cursor: pointer; color: blue;}
.pave_rech_tablo table td.col_lien:hover {background-color: blue; color:#FFF;}
.pave_rech_tablo table td.col_desc {font-size:90%;}
.pave_rech_tablo table .col_date {width:80px;}
mark {background: yellow;}

/* Suivi des publications */
#ctn_suivi_publications .row {background-color: #FFF; padding:3px 0!important; margin:0!important;}
#ctn_suivi_publications h4 {margin-top:15px;}
#ctn_suivi_publications .bt_ouvrir_site {color: blue; font-weight: bold; cursor: pointer;}
#ctn_suivi_publications .bt_ouvrir_site:hover {background-color: blue; color:#FFF;}
#filtre_suivi {text-align: center;}
.input-clearable {position: relative; max-width: 250px; display: inline-block;}
.input-clearable input {padding-right: 24px;}
.input-clearable .clear-input {position: absolute; right: 6px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 18px; color: #999; display: none;}
.input-clearable .clear-input:hover {color: #555;}

/* catégories accordéon */
#cat_accordeon {margin-top:0.5em;}
#cat_accordeon .bloc_catetbouton {margin:0.3em 0; padding:0; border:solid 1px grey; border-radius: 10px 10px 0 0;}
#cat_accordeon h3 {font-size:18px; font-weight: bold; margin:0; padding:5px; border-radius: 10px 10px 0 0;}
#cat_accordeon .cat_titre {cursor: pointer; padding-bottom:3px;}
#cat_accordeon .cat_titre .titre_categorie {padding-top:1px;}
#cat_accordeon .cat_titre .titre_categorie:before {content : "\0023F5";}
#cat_accordeon .cat_titre.on .titre_categorie:before {content : "\0023F7";}
#cat_accordeon .cat_titre:hover {filter: brightness(105%);}
#cat_accordeon .cat_boutons {padding:0.5em; background-color: #FFF;}
#cat_menu span {cursor: pointer;}
#cat_accordeon .bloc_catetbouton.cat_sans_titre {border-radius: 10px;}
#cat_accordeon .bloc_catetbouton.cat_sans_titre .cat_titre {display:none;}
#cat_accordeon .bloc_catetbouton.cat_sans_titre .cat_boutons {border-radius:10px;}
.nb_bts_actifs {font-weight: normal; font-style:italic; font-size:90%;}
.modal_catego .bloc_titre {cursor: help;}

/* boutons des catégories accordéon */
.bloc_catetbouton.inactif .cat_titre, .dropdown.inactif button, .bloc_bt.inactif, .dropdown-menu .a_filtrer.inactif {background: url("img/img_grille.png") repeat scroll 0 0;}

.bloc_bt .bt_lien {width:64px; height:64px; padding:3px; border-radius:50%; cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-box-shadow: 1px 1px 2px 1px #646464; box-shadow: 1px 1px 2px 1px #646464; filter: brightness(92%);}
.bloc_bt .bt_lien:hover {filter: brightness(105%); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}

.bt_afficher_toutes_cat, .bt_editer_cat, .bt_ajouter_bouton, .bt_ajouter_bouton_rech, .bt_aff_desc_cat, .bt_editer_bouton, .bt_editer_bouton_rech, .bt_copier_bouton, .bt_doc_site, .bt_partager_site, .bt_editer_membre, .bt_url_info_fenetre {-webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.9; cursor: pointer;}
.bt_afficher_toutes_cat:hover, .bt_editer_cat:hover, .bt_ajouter_bouton:hover, .bt_ajouter_bouton_rech:hover, .bt_aff_desc_cat:hover, .bt_editer_bouton:hover, .bt_editer_bouton_rech:hover, .bt_copier_bouton:hover, .bt_doc_site:hover, .bt_partager_site:hover, .bt_editer_membre:hover, .bt_url_info_fenetre:hover {transform: scale(1.2); opacity:1;}
.volet_desc_cat {font-size: 16px; font-weight: normal; font-style: italic; padding:0.5em;}

.bt_afficher_toutes_cat {background:#FFF; border :1px solid grey; border-radius:5px; height:30px; padding:2px;}

#url_site_partage {white-space: nowrap; overflow: hidden; margin-right:150px; text-overflow: ellipsis;}

.vue_titre .bloc_bt {width:96px; height:102px; text-align:center; margin-right:5px; padding-top:5px; display:inline-block; position:relative;}
.vue_titre .bloc_bt .bloc_titre {font-size:10px; height:30px; overflow: hidden; margin-top:3px;}
.vue_titre .bloc_bt .bloc_desc {display:none;}
.vue_titre .bt_editer_bouton, .vue_titre .bt_editer_bouton_rech {position:absolute; top:0; right:0;}
.vue_titre .bt_copier_bouton {position:absolute; top:48px; right:0;}
.vue_logo .bloc_bt {width:72px; height:72px; text-align:center; margin-right:5px; padding-top:5px; display:inline-block; position:relative;}
.vue_logo .bloc_bt .bloc_titre {display:none;}
.vue_logo .bloc_bt .bloc_desc {display:none;}
.vue_logo .bt_editer_bouton, .vue_logo .bt_editer_bouton_rech {position:absolute; top:0; right:-10px;}
.vue_logo .bt_copier_bouton {position:absolute; top:48px; right:-10px;}
.vue_desc .bloc_bt {margin:5px; padding:5px; display:block; position:relative; min-height:76px; border: 1px solid #C0C0C0; border-radius: 10px; background-color: #FFF;}
.vue_desc .bloc_bt:hover {background-color: #E9E9E9;}
.vue_desc .bloc_bt .bt_lien {float:left;}
.vue_desc .bloc_bt .bloc_titre {font-size:16px; padding-left:82px; font-weight: bold;}
.vue_desc .bloc_bt .bloc_desc {font-size:14px; padding-left:82px;}
#cat_accordeon.vue_desc .cat_boutons, #theme_recherche_content.vue_desc .cat_boutons {background-color: #FFF;}
.vue_desc .bt_editer_bouton, .vue_desc .bt_editer_bouton_rech {position:absolute; top:0; left:56px;}
.vue_desc .bt_copier_bouton {position:absolute; top:48px; left:56px;}
.bt_url_info_fenetre {position:absolute; top:48px; left:0px;}

/* changement de vue des boutons dans les catégories accordéon */
.div_des_boutons {cursor:default;}
.div_bts_vue {background-color: #F0F0F0; border: 1px solid grey; padding:0 5px 6px 5px; border-radius:3px;}
#choix_param_vuebt > img {outline:solid 2px transparent; outline-offset:2px; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; margin:7px; border-radius: 2px;}
#choix_param_vuebt > img:hover {transform: scale(1.2);}
#choix_param_vuebt > img.on {outline:solid 2px #DC3545;}
.bt_afficher_vue_logo, .bt_afficher_vue_titre, .bt_afficher_vue_desc {width: 24px; height: 24px; border: 1px solid #888; border-radius: 4px; background: linear-gradient(to bottom, #f9f9f9, #dcdcdc); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); cursor: pointer;}
.bt_afficher_vue_logo.on, .bt_afficher_vue_titre.on, .bt_afficher_vue_desc.on {background-color: #c8c8c8; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.65); transform: scale(0.96); pointer-events: none;}

/* catégories menu */
.btn-hover:hover {filter: brightness(95%);}
#cat_menu {display: flex; flex-wrap: wrap;}
#cat_menu.gauche {flex-direction: row;}
#cat_menu.droite {flex-direction: row-reverse;}
#cat_menu.gauche > .bloc_bt_menu {margin-right:5px;}
#cat_menu.droite > .bloc_bt_menu {margin-left:5px;}
#cat_menu.droite .dropdown-menu, #cat_menu.droite .btn-catego {--bs-position: end;}
#cat_menu.gauche .montrer_dropdown .dropdown-menu {display: block; margin-top:0; position:absolute;top:35px;left:0;z-index: 10000;}
#cat_menu.droite .montrer_dropdown .dropdown-menu {display: block; margin-top:0; position:absolute;top:35px;right:0;z-index: 10000;}

/* fenêtre modale full-screen d'édition des espaces */
#modal_editer_espaces h5 {color: #590785; font-weight: bold; font-size: 18px; padding:0;}
#tablo_mes_espaces .bt_acces, #tablo_mes_espaces .bt_etat {cursor:help;}
#tablo_param_defaut td:last-child {width:140px; text-align: right;}
#tablo_categories td.cat_id {text-align: center; vertical-align: middle;}
#tablo_categories td.cel_cat_desc {font-size:80%;}

#modal_editer_espaces .titres {cursor: pointer;}
#modal_editer_espaces .titres:before {content : "\0023F5";}
#modal_editer_espaces .titres.on:before {content : "\0023F7";}
#modal_editer_espaces .titres:hover {color:red;}

#pave_choix_fond_ecran .serie_vignettes_fond img {margin:5px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.9; cursor: pointer; border-radius: 10px;}
#pave_choix_fond_ecran .serie_vignettes_fond img:hover {opacity:1; transform: scale(1.2); opacity:1;}
#pave_choix_fond_ecran .serie_vignettes_fond img.on {outline:3px solid red;}
#apercu_fond_ecran {background:#FFF; outline:2px solid red; border-radius: 5px; width:126px; height: 90px;}
#vignette_fond img {width: 126px; height:90px; object-fit: fill;}

#pave_choix_logo .serie_vignettes_logo img {margin:5px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.9; cursor: pointer; border-radius: 10px;}
#pave_choix_logo .serie_vignettes_logo img:hover {opacity:1; transform: scale(1.2); opacity:1;}
#pave_choix_logo .serie_vignettes_logo img.on {outline:3px solid red;}
#apercu_logo, #apercu_logo_rech {float:right; background:#FFF; outline:2px solid red; border-radius: 50%; width:64px; height: 64px;}
#vignette_logo img {width: 64px; height:64px; object-fit: fill;}

/* choix de la couleur dans la modale d'édition des catégories */
.choix_couleur_categorie {margin-left:80px;}
.choix_couleur_categorie > div {outline:solid 4px transparent; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 50%; height: 22px; width: 22px; display: inline-block; margin:1px;}
.choix_couleur_categorie > div:hover {transform: scale(1.2);}
.choix_couleur_categorie > div.on {outline:solid 4px red;}
#div_source_palettes .source_palettes {margin-bottom:10px;}
#div_source_palettes .source_palettes h5 {font-weight: bold; margin-left:110px;}
#div_source_palettes .source_palettes img {float:left;}
#div_source_palettes .bloc_palette > span {float:left; color:grey; font-weight: bold;}

/* Gestion des couleurs */
.a01, .btn-a01, .btn-a01:hover {background-color: #198754!important; color: #FFF!important;}
.a02, .btn-a02, .btn-a02:hover {background-color: #0689B9!important; color: #FFF!important;}
.a03, .btn-a03, .btn-a03:hover {background-color: #F7DF5D!important; color: #000000!important;}
.a04, .btn-a04, .btn-a04:hover {background-color: #011944!important; color: #FFF!important;}
.a05, .btn-a05, .btn-a05:hover {background-color: #079F80!important; color: #FFF!important;}
.a06, .btn-a06, .btn-a06:hover {background-color: #929227!important; color: #FFF!important;}
.a07, .btn-a07, .btn-a07:hover {background-color: #3D491C!important; color: #FFF!important;}
.b01, .btn-b01, .btn-b01:hover {background-color: #1C7186!important; color: #FFF!important;}
.b02, .btn-b02, .btn-b02:hover {background-color: #ACC0D1!important; color: #000000!important;}
.b03, .btn-b03, .btn-b03:hover {background-color: #CEA542!important; color: #FFF!important;}
.b04, .btn-b04, .btn-b04:hover {background-color: #C9E8A6!important; color: #000000!important;}
.b05, .btn-b05, .btn-b05:hover {background-color: #1076C0!important; color: #FFF!important;}
.b06, .btn-b06, .btn-b06:hover {background-color: #921734!important; color: #FFF!important;}
.b07, .btn-b07, .btn-b07:hover {background-color: #E985CE!important; color: #FFF!important;}
.c01, .btn-c01, .btn-c01:hover {background-color: #693319!important; color: #FFF!important;}
.c02, .btn-c02, .btn-c02:hover {background-color: #B7AB88!important; color: #000000!important;}
.c03, .btn-c03, .btn-c03:hover {background-color: #AB6340!important; color: #FFF!important;}
.c04, .btn-c04, .btn-c04:hover {background-color: #FFECDD!important; color: #000000!important;}
.c05, .btn-c05, .btn-c05:hover {background-color: #210D11!important; color: #FFF!important;}
.c06, .btn-c06, .btn-c06:hover {background-color: #F5A4AF!important; color: #000000!important;}
.c07, .btn-c07, .btn-c07:hover {background-color: #FFD78D!important; color: #000000!important;}
.d01, .btn-d01, .btn-d01:hover {background-color: #71743F!important; color: #FFF!important;}
.d02, .btn-d02, .btn-d02:hover {background-color: #E3D9E1!important; color: #000000!important;}
.d03, .btn-d03, .btn-d03:hover {background-color: #1C3704!important; color: #FFF!important;}
.d04, .btn-d04, .btn-d04:hover {background-color: #633A9A!important; color: #FFF!important;}
.d05, .btn-d05, .btn-d05:hover {background-color: #C0C26F!important; color: #000000!important;}
.d06, .btn-d06, .btn-d06:hover {background-color: #BDA2E5!important; color: #000000!important;}
.d07, .btn-d07, .btn-d07:hover {background-color: #D99290!important; color: #000000!important;}
.e01, .btn-e01, .btn-e01:hover {background-color: #190D19!important; color: #FFF!important;}
.e02, .btn-e02, .btn-e02:hover {background-color: #81220C!important; color: #FFF!important;}
.e03, .btn-e03, .btn-e03:hover {background-color: #FF6105!important; color: #FFF!important;}
.e04, .btn-e04, .btn-e04:hover {background-color: #646F75!important; color: #FFF!important;}
.e05, .btn-e05, .btn-e05:hover {background-color: #FAFF89!important; color: #000000!important;}
.e06, .btn-e06, .btn-e06:hover {background-color: #BAB4A8!important; color: #000000!important;}
.e07, .btn-e07, .btn-e07:hover {background-color: #8F645B!important; color: #FFF!important;}
.f01, .btn-f01, .btn-f01:hover {background-color: #7C9CDF!important; color: #FFF!important;}
.f02, .btn-f02, .btn-f02:hover {background-color: #245DD0!important; color: #FFF!important;}
.f03, .btn-f03, .btn-f03:hover {background-color: #041882!important; color: #FFF!important;}
.f04, .btn-f04, .btn-f04:hover {background-color: #EDCE17!important; color: #000000!important;}
.f05, .btn-f05, .btn-f05:hover {background-color: #AEA72A!important; color: #FFF!important;}
.f06, .btn-f06, .btn-f06:hover {background-color: #779938!important; color: #FFF!important;}
.f07, .btn-f07, .btn-f07:hover {background-color: #E3E45A!important; color: #000000!important;}
.g01, .btn-g01, .btn-g01:hover {background-color: #201823!important; color: #FFF!important;}
.g02, .btn-g02, .btn-g02:hover {background-color: #77734A!important; color: #FFF!important;}
.g03, .btn-g03, .btn-g03:hover {background-color: #A37086!important; color: #FFF!important;}
.g04, .btn-g04, .btn-g04:hover {background-color: #9FA0B4!important; color: #000000!important;}
.g05, .btn-g05, .btn-g05:hover {background-color: #F7DEC1!important; color: #000000!important;}
.g06, .btn-g06, .btn-g06:hover {background-color: #E1CD9B!important; color: #000000!important;}
.g07, .btn-g07, .btn-g07:hover {background-color: #AE8D50!important; color: #FFF!important;}
.h01, .btn-h01, .btn-h01:hover {background-color: #D1E5A0!important; color: #000000!important;}
.h02, .btn-h02, .btn-h02:hover {background-color: #0A1519!important; color: #FFF!important;}
.h03, .btn-h03, .btn-h03:hover {background-color: #374864!important; color: #FFF!important;}
.h04, .btn-h04, .btn-h04:hover {background-color: #D4DAF0!important; color: #000000!important;}
.h05, .btn-h05, .btn-h05:hover {background-color: #7B841B!important; color: #FFF!important;}
.h06, .btn-h06, .btn-h06:hover {background-color: #373C06!important; color: #FFF!important;}
.h07, .btn-h07, .btn-h07:hover {background-color: #818FB2!important; color: #FFF!important;}
.i01, .btn-i01, .btn-i01:hover {background-color: #F7EE0D!important; color: #000000!important;}
.i02, .btn-i02, .btn-i02:hover {background-color: #F5F8BE!important; color: #000000!important;}
.i03, .btn-i03, .btn-i03:hover {background-color: #28424D!important; color: #FFF!important;}
.i04, .btn-i04, .btn-i04:hover {background-color: #E49AB6!important; color: #FFF!important;}
.i05, .btn-i05, .btn-i05:hover {background-color: #D06F78!important; color: #FFF!important;}
.i06, .btn-i06, .btn-i06:hover {background-color: #FBC5A3!important; color: #000000!important;}
.i07, .btn-i07, .btn-i07:hover {background-color: #FEDECF!important; color: #000000!important;}
.j01, .btn-j01, .btn-j01:hover {background-color: #FE952F!important; color: #FFF!important;}
.j02, .btn-j02, .btn-j02:hover {background-color: #FDD99D!important; color: #000000!important;}
.j03, .btn-j03, .btn-j03:hover {background-color: #E6EB4E!important; color: #000000!important;}
.j04, .btn-j04, .btn-j04:hover {background-color: #115C02!important; color: #FFF!important;}
.j05, .btn-j05, .btn-j05:hover {background-color: #69A5D2!important; color: #000000!important;}
.j06, .btn-j06, .btn-j06:hover {background-color: #A77B74!important; color: #FFF!important;}
.j07, .btn-j07, .btn-j07:hover {background-color: #8A4C87!important; color: #FFF!important;}
.k01, .btn-k01, .btn-k01:hover {background-color: #FE3A11!important; color: #FFF!important;}
.k02, .btn-k02, .btn-k02:hover {background-color: #FE166C!important; color: #FFF!important;}
.k03, .btn-k03, .btn-k03:hover {background-color: #B51994!important; color: #FFF!important;}
.k04, .btn-k04, .btn-k04:hover {background-color: #1272F7!important; color: #FFF!important;}
.k05, .btn-k05, .btn-k05:hover {background-color: #00B4A7!important; color: #000000!important;}
.k06, .btn-k06, .btn-k06:hover {background-color: #4DFD61!important; color: #000000!important;}
.k07, .btn-k07, .btn-k07:hover {background-color: #FCC110!important; color: #000000!important;}
.l01, .btn-l01, .btn-l01:hover {background-color: #B8B49B!important; color: #000000!important;}
.l02, .btn-l02, .btn-l02:hover {background-color: #062923!important; color: #FFF!important;}
.l03, .btn-l03, .btn-l03:hover {background-color: #FBA047!important; color: #FFF!important;}
.l04, .btn-l04, .btn-l04:hover {background-color: #FCEDED!important; color: #000000!important;}
.l05, .btn-l05, .btn-l05:hover {background-color: #387566!important; color: #FFF!important;}
.l06, .btn-l06, .btn-l06:hover {background-color: #D17E26!important; color: #FFF!important;}
.l07, .btn-l07, .btn-l07:hover {background-color: #BF4136!important; color: #FFF!important;}
.m01, .btn-m01, .btn-m01:hover {background-color: #000400!important; color: #FFF!important;}
.m02, .btn-m02, .btn-m02:hover {background-color: #FDF0AC!important; color: #000000!important;}
.m03, .btn-m03, .btn-m03:hover {background-color: #3D78B2!important; color: #FFF!important;}
.m04, .btn-m04, .btn-m04:hover {background-color: #707D61!important; color: #FFF!important;}
.m05, .btn-m05, .btn-m05:hover {background-color: #0D3407!important; color: #FFF!important;}
.m06, .btn-m06, .btn-m06:hover {background-color: #B0D8FF!important; color: #000000!important;}
.m07, .btn-m07, .btn-m07:hover {background-color: #001A58!important; color: #FFF!important;}
.n01, .btn-n01, .btn-n01:hover {background-color: #FE8064!important; color: #FFF!important;}
.n02, .btn-n02, .btn-n02:hover {background-color: #FAB862!important; color: #FFF!important;}
.n03, .btn-n03, .btn-n03:hover {background-color: #69BCFD!important; color: #000000!important;}
.n04, .btn-n04, .btn-n04:hover {background-color: #A867FF!important; color: #FFF!important;}
.n05, .btn-n05, .btn-n05:hover {background-color: #FFE796!important; color: #000000!important;}
.n06, .btn-n06, .btn-n06:hover {background-color: #6AFE78!important; color: #000000!important;}
.n07, .btn-n07, .btn-n07:hover {background-color: #E869FE!important; color: #FFF!important;}
.o01, .btn-o01, .btn-o01:hover {background-color: #100D08!important; color: #FFF!important;}
.o02, .btn-o02, .btn-o02:hover {background-color: #7F607F!important; color: #FFF!important;}
.o03, .btn-o03, .btn-o03:hover {background-color: #BF6C83!important; color: #FFF!important;}
.o04, .btn-o04, .btn-o04:hover {background-color: #EAE772!important; color: #000000!important;}
.o05, .btn-o05, .btn-o05:hover {background-color: #FEBA31!important; color: #000000!important;}
.o06, .btn-o06, .btn-o06:hover {background-color: #FF8E0C!important; color: #FFF!important;}
.o07, .btn-o07, .btn-o07:hover {background-color: #C32C33!important; color: #FFF!important;}
.p01, .btn-p01, .btn-p01:hover {background-color: #160000!important; color: #FFF!important;}
.p02, .btn-p02, .btn-p02:hover {background-color: #FFFBEC!important; color: #000000!important;}
.p03, .btn-p03, .btn-p03:hover {background-color: #886FA6!important; color: #FFF!important;}
.p04, .btn-p04, .btn-p04:hover {background-color: #D7938A!important; color: #000!important;}
.p05, .btn-p05, .btn-p05:hover {background-color: #659CE4!important; color: #000!important;}
.p06, .btn-p06, .btn-p06:hover {background-color: #251B62!important; color: #FFF!important;}
.p07, .btn-p07, .btn-p07:hover {background-color: #C3431C!important; color: #FFF!important;}

/* fenêtre modale full-screen de la doc */
#modal_doc_pragmappli {margin-bottom:1em;}
#modal_doc_pragmappli h3 {background:#B3D4F3; font-size:1.6em; cursor:pointer; margin:15px 0 10px 0; padding:0 10px 5px 10px;}
#modal_doc_pragmappli h3:hover {background:#88BCEC;}
#modal_doc_pragmappli h3:before {content : " \0023F7 ";}
#modal_doc_pragmappli h3.on:before {content : " \0023F6 ";}
#modal_doc_pragmappli h5 {margin:15px 0 8px 0; font-size: 1.1em; font-weight: bold; color:#8C70C7;}
#modal_doc_pragmappli p {padding:0; margin:0 0 5px 0;}

/* Liens courts */
#linksTable td.col_actions {width: 120px;}

/* Admin aide */
#admin_qui_peut_faire_quoi td, #admin_qui_peut_faire_quoi th {text-align: center;}
#admin_qui_peut_faire_quoi td:first-child {text-align: left;}

/* Tableau stats admin */
#tablo_stats_liste_espaces .col_etat img {cursor: pointer;}

/* Summernote */
.sum_titre_4_bleu {background-color: blue; color:#FFF; padding:0 10px 3px 10px; border-radius: 5px;}
.sum_titre_5_lien a {font-weight:bold; color:blue; text-decoration: none; margin-top:10px; display: block;}
.sum_titre_5_lien a:hover {text-decoration: underline;}
.sum_par_6_info {font-style: italic; color:gray; border-bottom:2px solid gray; padding-bottom:5px;}
.sum_citation {border-left: 4px solid #3498db; padding-left: 10px; font-style: italic; color: #2c3e50;}

/* Mémo */
#memo_modal .modal-fullscreen {overflow-y: auto;}
#memo_modal .modal-body {overflow-y: auto; max-height: 100vh;}
#memo_modal .modal-footer {justify-content: center;}
#memo_modal .modal-content {background-color: #C9E3E9;}
#memo_accueil .pave_accueil, #memo_accueil h4 {border-radius: 10px 10px 0 0;}
#memo_accueil .pave_accueil {position:relative;}
#memo_accueil .pave_accueil h4 {background-color:#528FAE; color:#FFF;}
#memo_accueil .pave_accueil > div {height: 100%; border-radius: 10px; border:1px solid #528FAE; background-color:#FBECDB;}
#memo_accueil .pave_accueil ul {margin:0; padding:0 0.3em 0.3em 0.3em;}

/* Accès */
th.acces_sortable:hover { cursor: pointer; text-decoration: underline; }
#acces_tablo_desktop th:nth-child(2), #acces_tablo_desktop td:nth-child(2) {display:none;}
#acces_mobile_table .card-body p:nth-child(2) {display:none;}

/* Agenda */
#agenda_body .calendar-table td, #agenda_body .calendar-table th {width: 40px; height: 40px; text-align: center; vertical-align: middle; cursor: pointer;}
#agenda_body .calendar-table td:hover {background-color: #f1f1f1;}
#agenda_body .calendar-table td.empty {background-color: #f9f9f9; cursor: default;}
#agenda_body .day-selected {background-color: #0d6efd !important; color: white; font-weight: bold;}
#agenda_body .has-content {background-color: #ffeeba !important;}
#agenda_editeur {height: 300px;}
#agenda_preview-view {display: none;}
#agenda_preview-content .col_date {width: 100px;}
#agenda_preview-content .col_check {width: 40px;}
#agenda_body .look_mode {font-size: 20px; font-weight: bold; padding: 0 5px; color :blue; border:solid 1px blue; border-radius: 5px; background-color: #F1F1F1;}

/* Notes */
#notes_editor {height: 300px;}
#notes_liste_notes thead th:nth-child(1) {height: 36px; width:40px;}
#notes_liste_notes tbody tr td:nth-child(2) {cursor: pointer;}
#notes_liste_notes tbody tr td:nth-child(3) {width: 36px;}
#notes_liste_notes tbody tr.active {background-color: #dceeff;}
#notes_liste_notes tbody tr.active td:nth-child(2) {font-weight: bold; color:blue;}
#notes_liste_notes tbody tr.active td:nth-child(2):before {content : "\0023F5";}
#notes_body .look_mode {font-size: 20px; font-weight: bold; padding: 0 5px; color :blue; border:solid 1px blue; border-radius: 5px; background-color: #F1F1F1;}

/* taches */
#taches_body ul {list-style: none; padding: 0; min-height: 80px; border: 1px solid #ccc; border-radius: 0.5rem; background-color: #f8f9fa; padding: 0.5rem;}
#taches_body li {display: flex; align-items: center; padding: 6px; margin-bottom: 4px; background-color: #ffffff; border: 1px solid #ccc; border-radius: 4px; transition: background-color 0.2s;}
#taches_body li.dragging {opacity: 0.5;}
#taches_body li .bi-arrows-move {cursor: grab; margin-right: 8px;}
#taches_body li input[type="text"] {flex: 1; border: none; background: none;}
#taches_body li input[type="color"] {margin-left: 8px;}
#taches_body li button {margin-left: 8px;}
#taches_body h2[contenteditable] {display: inline-block;}

/* calculatrice */
#calculatrice {border:1px solid black; padding:5px; border-radius: 5px; width: 240px; margin:auto;}
#calculatrice table {margin:auto;}
#calculatrice th {margin:0px; padding:2px 0; text-align: right;}
#calculatrice th > div {border: 1px solid grey; border-radius: 5px; padding:5px; overflow-y: auto; overflow-x: hidden;}
#calculatrice th #calc_operation {height:55px; padding-right:5px; font-size: 0.9em; color:grey; line-height: 1.2em; overflow-y: auto; white-space: pre-wrap; word-break: break-word;}
#calculatrice th #calc_resultat {font-size: 1.4em; font-weight: bold; word-wrap: break-word;}
#calculatrice td {width: 42px; margin:0px; padding:2px 0; text-align: center;}
#calculatrice td button {width: 36px; padding-left:0; padding-right:0;}
#calculatrice td:nth-child(4) {width: 50px;}
#modal_calculatrice .modal-dialog {width:300px!important;}

/* Documentation de mémo */
#memo_ecran_doc {margin-bottom:1em;}
#memo_ecran_doc h3 {background:#B3D4F3; font-size:1.6em; cursor:pointer; margin:15px 0 10px 0; padding:0 10px 5px 10px;}
#memo_ecran_doc h3:hover {background:#88BCEC;}
#memo_ecran_doc h3:before {content : " \0023F7 ";}
#memo_ecran_doc h3.on:before {content : " \0023F6 ";}
#memo_ecran_doc h5 {margin:15px 0 8px 0; font-size: 1.1em; font-weight: bold; color:#8C70C7;}
#memo_ecran_doc p {padding:0; margin:0 0 5px 0;}





/* Gestion du bouton de retour en haut de page */
#returnOnTop {background: url('img/return_on_top.png') no-repeat; bottom: 1%; cursor: pointer; display: none; filter: alpha(opacity = 50); height: 48px; opacity: 0.5; position: fixed; right: 1%; width: 48px;}
#returnOnTop:hover { filter: alpha(opacity = 100); opacity: 1;}

/* Gestion de l'impression  */
.impression_slt {display:none;} 
@media print {
  .no_imprim {display:none;}
  .container {max-width: 100%;}
  #returnOnTop {display:none!important;}
  #modal_doc_pragmappli .modal-body > div, #modal_lien_texte .modal-body > div, #modal_cgu .modal-body > div, #modal_mentions .modal-body > div {-webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow:none!important; border:none!important;}
}

@media only screen and (max-width: 576px) {
  /*.nav-tabs {display: block;}*/
  .modal {position: fixed; top:0;}
  .modal .modal-fullscreen {position: fixed; top:0;}
  #theme_recherche_bts {text-align: center;}
  .nom_espace {font-size: 0.9rem; max-width: 130px;}
  .navbar-brand {max-width: 250px;}
  .responsive-mobile-only {max-width: 100%; height: auto;}
}
@media only screen and (min-width: 768px) {
  #navbar_espace {height: 48px;}
}