body, html{ font-family:Arial, Helvetica, sans-serif; margin:0px; overflow:hidden; height:auto !important; min-height:inherit !important;  }
ul{ list-style-type: none; margin:0px; padding:0px; }
li{ cursor:pointer; }
a{ text-decoration:none; }
.float_left{ float: left; }
.cdf_background_couleur1{ background-color: #0F1938; } /* bleu */

a.disabled {pointer-events:none;cursor:not-allowed;}

@media screen and (max-width: 1255px) {
	.menu_media{ margin-left: calc(-1 * var(--menu-width) - 4px) !important; }
	.conteneur_media{ margin-left:0px !important; }
}

@media screen and (min-width: 1255px) {
	.menu_media{ margin-left:0px !important; }
	.conteneur_media{ margin-left: var(--menu-width) !important; }
}


/* ALERT MAISON */
.cdf_alert{ width:auto; padding:20px; position:fixed; top:50%;  box-shadow:0px 0px 5px #888; background-color:#FFFFFF; z-index:1100; left:50%; transform: translate(-50%,-50%);
max-height: 375px; display: flex; flex-direction: column; align-items: center; border-radius: 5px; min-width: 275px;
overflow: auto; }
.ouvrire_conteneur_page .overlay_alert .cdf_alert{ left: calc(var(--menu-width) / 2 + 50%);}
.cdf_alert .cross{ align-self: end; cursor: pointer;   margin-right: -10px; margin-top: -10px; margin-bottom: -10px;}
.cdf_alert .alert_attention{ margin-bottom: 20px;}
.cdf_alert #message_alert{ width:auto; max-width: 352px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align: center; }
.cdf_alert #message_alert .titre{ font-size:12px; font-weight:bold; line-height:16px; margin: 0px 0px 0px 0px;}
.cdf_alert #message_alert .titre.with-icon{ display: flex; align-items: center}
.cdf_alert #message_alert .titre.with-icon > svg { margin-right: 8px }
.cdf_alert #message_alert .message{ font-size:12px; line-height:16px; text-align: center; margin: 16px 0px 0px 0px; word-wrap: break-word; }
.cdf_alert #message_alert .alert_image{ text-align:center; }
.cdf_alert .alert_bouton{ width:auto; margin-top:20px; }
.cdf_alert .alert_bouton--flex{ display:flex; flex-direction: column; gap:10px}
.cdf_alert .alert_bouton input[type=button]{ border: 1px solid #595959; border-radius: 4px; cursor: pointer; margin:0px 10px 0px 10px; min-width:132px; padding:0px 8px; font-size:14px; height:36px; background-color:#FFFFFF; color:#595959; font-family: 'Arial'; font-style: normal; font-weight: 400; text-align: center; }
.cdf_alert .alert_bouton input[type=button]:active{ box-shadow:0px 0px 3px #888 inset; }
.cdf_alert .alert_cookie{ font-size:11px; margin-top: 16px;}
.cdf_alert .cdf_alert_close{cursor:pointer;position: absolute;right: 15px;width: 13px;height: 12px;background-image: url("/guides/creation/image/cross-black.png");background-repeat: no-repeat;}
.overlay_alert{  position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.359); z-index: 5001; align-items: center; justify-content: center;}
/* ALERT MAISON */

/* MENU */
.menu_general_gauche{
    left:0;
    top:0;
    bottom:0;
    position:absolute;
    margin-left: calc(-1 * var(--menu-width) - 44px);
    width: var(--menu-width);
    height:auto;
    display: flex;
    flex-direction: column;
    background-color:#FFF;
    border-right: 1px solid var(--creation-border);
    z-index:1500;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 20px;
}
.ouvrire_menu{ margin-left:0 !important; }

.menu_general_gauche .haut_menu{
    box-sizing: border-box;
    height: auto;
    min-height: 72px;
    padding: 16px 14px 0;
    position: relative;
    text-align: left;
    z-index: 1;
    background-color: #FFF !important;
    display:block;
    flex-shrink: 0;
}
.menu_general_gauche .haut_menu .logo_menu{
    display: block;
    width: var(--logo-menu-width, 96px);
    height: 32px;
    margin: 0 auto 9px;
    background-image: var(--logo-large-url, var(--logo-url));
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.menu_general_gauche .haut_menu #compte{
    overflow: hidden;
    padding: 10px 12px;
    text-align: left;
    color: var(--menu-text);
    border: 1px solid var(--menu-card-border);
    border-radius: 10px;
    background: #FFF;
    box-sizing: border-box;
    min-height: 52px;
    position: relative;
}
.menu_general_gauche .haut_menu #compte .conteneur_compte_image { width:36px; height:36px; float: left; }
.menu_general_gauche .haut_menu #compte .conteneur_compte_image .compte_image{
    width:36px;
    height:36px;
    border-radius: 50%;
    border: none;
    object-fit: contain;
    box-sizing: border-box;
    display: block;
    box-shadow: 0 1px 12px rgb(0 0 0 / 14%);
}
.menu_general_gauche .haut_menu #compte .compte_nom{
    font-size: 13px;
    width: calc(100% - 52px);
    max-width: 190px;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space: nowrap;
    font-weight: 700;
    top: 12px;
    left: 56px;
    position:absolute;
    text-align:left;
    height:18px;
    display: inline-block;
    color: var(--menu-text) !important;
}
.menu_general_gauche .haut_menu #compte .compte_nom a{ color: var(--menu-text) !important; }
.menu_general_gauche .haut_menu #compte .compte_email{
    font-size: 11px;
    position:absolute;
    top: 30px;
    left: 56px;
    text-align:left;
    color: var(--menu-text-muted) !important;
    opacity: 1;
    max-width: calc(100% - 64px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.menu_general_gauche .haut_menu #compte .reglage{ display: none; }
.menu_general_gauche .haut_menu #compte a { color: var(--menu-text); text-decoration: none; display: block; }

.menu_general_gauche .haut_menu .lien_professionnel{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 0 2px;
    font-size: 12px;
    font-weight: 500;
    color: var(--menu-text-muted);
    text-decoration: none;
    transition: color 0.15s ease;
}
.menu_general_gauche .haut_menu .lien_professionnel:hover{
    color: var(--menu-text);
    text-decoration: underline;
}
.menu_general_gauche .haut_menu .lien_professionnel .icone_homme{
    width: 26px;
    height: 27px;
    background-image: url(/sprite.png);
    background-position: -30px -60px;
    background-repeat: no-repeat;
    background-size: auto;
    display: inline-block;
    float: none;
    margin: 0;
    flex-shrink: 0;
    filter: var(--menu-icon-filter);
    opacity: 0.8;
}

.menu_general_gauche .bas_menu{
    width: 100%;
    position: relative;
    top: auto;
    bottom: auto;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 10px 20px;
    box-sizing: border-box;
    scrollbar-width: none;
}

.menu_general_gauche .bouton_mode_menu{ padding:6px 4px 10px; border-bottom: none; height:40px; box-sizing: border-box; position: relative; background: transparent; }
.menu_general_gauche .bouton_mode_menu a{ width:calc(50% - 6px); height:28px; line-height:28px; padding:0; border:none; border-radius: 6px; font-family:Arial, Helvetica, sans-serif; position:absolute; top:6px; font-size:11px; font-weight: 600; letter-spacing: 0.04em; text-align:center; transition: background-color 0.15s ease, color 0.15s ease; }
.menu_general_gauche .bouton_mode_menu .itinerance{ left: 4px; background-color:#E8EEF0; color:#334A53; }
.menu_general_gauche .bouton_mode_menu .itinerance:hover{ background-color:#DCE6EA; }
.menu_general_gauche .bouton_mode_menu .creation{ left: calc(50% + 2px); background-color: var(--menu-main-color); color:#FFF; }
.menu_general_gauche .bouton_mode_menu .creation:hover{ background-color: var(--menu-second-color); }

.menu_general_gauche > .bas_menu > ul{ padding: 0; margin: 0; }

.menu_general_gauche ul .barre_menu{
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    height: auto;
    min-height: 28px;
    padding: 30px 8px 8px;
    color: var(--menu-section);
    border-bottom: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background-color: transparent;
    cursor: default;
}

.menu_general_gauche ul .b_menu{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    min-height: 40px;
    height: auto;
    padding: 8px 10px;
    margin: 1px 0;
    color: var(--menu-text);
    border: none;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
    position: relative;
    line-height: 1.25;
}
.menu_general_gauche ul a{ display: block; text-decoration: none; color: inherit; }
.menu_general_gauche ul a > .b_menu{ width: 100%; }
.menu_general_gauche ul a:hover > .b_menu,
.menu_general_gauche ul .b_menu:hover{
    background-color: var(--menu-item-hover);
    color: var(--menu-text);
}
.menu_general_gauche ul .b_menu_non_gras{ font-weight: 500 !important; }
.menu_general_gauche ul .b_menu_selectionne,
.menu_general_gauche ul .b_menu_selectionne:hover{
    background-color: var(--menu-item-hover);
    color: var(--menu-text);
    font-weight: 600;
}
.menu_general_gauche ul .b_menu:has(+ .b_s_menu_ul_ouvert),
.menu_general_gauche ul .b_menu.b_menu_ouvert{
    background-color: var(--menu-item-hover);
    color: var(--menu-text);
}

/* Chevrons pour items avec sous-menu */
.menu_general_gauche ul .b_menu:has(+ .b_s_menu_ul)::after{
    content: "";
    width: 8px;
    height: 8px;
    margin-left: auto;
    flex-shrink: 0;
    border-right: 2px solid var(--menu-text);
    border-bottom: 2px solid var(--menu-text);
    transform: translateX(-3px) rotate(45deg);
    transition: transform 0.15s ease;
    opacity: 0.7;
}
.menu_general_gauche ul .b_menu:has(+ .b_s_menu_ul_ouvert)::after,
.menu_general_gauche ul .b_menu.b_menu_ouvert::after{
    transform: translateX(-3px) rotate(-135deg);
    margin-top: 4px;
}

.menu_general_gauche ul .b_s_menu_ul{
    background-color: transparent;
    display: none;
    position: relative;
    /* pas de padding vertical : la ligne suit les enfants */
    padding: 0 0 0 14px;
    margin: 4px 0 12px 22px;
    border-left: none;
    list-style: none;
}
/* Ligne verticale calée sur le texte du 1er / dernier item
   (inset ≈ padding vertical de .b_s_menu) */
.menu_general_gauche ul .b_s_menu_ul::before{
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    background-color: var(--main-color);
    border-radius: 2px;
}
.menu_general_gauche ul .b_s_menu_ul_ouvert{ display: block; }

.menu_general_gauche ul .b_s_menu{
    background-color: transparent;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
    padding: 8px 12px;
    margin: 2px 0;
    border: none;
    border-radius: 8px;
    color: var(--menu-text);
    line-height: 1.25;
    position: relative;
    transition: color 0.15s ease, background-color 0.15s ease;
}
.menu_general_gauche ul .b_s_menu:hover{
    color: var(--menu-text);
    background-color: var(--menu-item-hover);
}
.menu_general_gauche ul .b_s_menu_selectionne{
    color: var(--menu-text);
    font-weight: 700;
    background-color: transparent;
}
.menu_general_gauche ul .b_s_menu_border_transparent{ border: none !important; }
.menu_general_gauche ul .b_s_menu:has(.icone_menu_droite){
    padding-right: 36px;
}
.menu_general_gauche ul .b_s_menu .icone_menu_droite{
    position: absolute;
    left: auto;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 27px;
    margin: 0;
    float: none;
    flex-shrink: 0;
}
.menu_general_gauche .icone_menu_external {
    left: 5px;
}

/* Item territoire / BETA */
.menu_general_gauche ul .b_menu_territoire{
    padding: 8px 10px;
    align-items: center;
}
.menu_general_gauche ul .b_menu_territoire > a{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    color: inherit;
    min-height: 40px;
}
.menu_general_gauche ul .b_menu_territoire .territoire_label{
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}
.menu_general_gauche ul .b_menu_territoire .territoire_sub{
    font-weight: 400;
    font-style: italic;
    font-size: 10px;
    color: var(--menu-text-muted);
}
.menu_general_gauche ul .badge_beta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 8px;
    border-radius: 9px;
    background: linear-gradient(270deg, #3E49B5 0%, #D6294A 100%);
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    box-shadow: none;
}

.menu_general_gauche .icone_menu{
    width: 26px;
    height: 27px;
    background-image: url(/sprite.png);
    background-repeat: no-repeat;
    background-size: auto;
    float: none;
    position: relative;
    top: 0;
    margin-right: 0;
    flex-shrink: 0;
    opacity: 0.85;
    filter: var(--menu-icon-filter);
}
.menu_general_gauche .icone_menu_droite{
    width: 26px;
    height: 27px;
    background-image: url(/sprite.png);
    background-repeat: no-repeat;
    background-size: auto;
    float: none;
    position: relative;
    top: 0;
    margin: 0 0 0 auto;
    flex-shrink: 0;
    opacity: 0.7;
    filter: var(--menu-icon-filter);
}
/* Garder les icônes sombres même en sélection (fond clair) */
.menu_general_gauche .b_menu_selectionne .icone_menu_panneau{ background-position:-1px -4px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_poi{ background-position:-88px -4px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_guide{ background-position:-30px -4px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_sejour{ background-position:-59px -4px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_comite{ background-position:-147px -4px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_moderation{ background-position:-1px -118px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_notification{ background-position:-30px -118px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_lock{ background-position: -176px -3px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_page_editoriale{ background-position: -61px -121px; }
.menu_general_gauche .b_menu_selectionne .icone_menu_group{ background-position:-144px -60px; }
/* MENU */

/* Burger flottant (remplace bande_haut dans le board connecté) */
.bouton_ouvrir_menu{
    position: fixed;
    top: 12px;
    left: 34px;
    z-index: 1600;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #FFF;
    background-image: none;
    box-shadow: var(--creation-shadow);
    cursor: pointer;
    display: block;
}
.bouton_ouvrir_menu::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: var(--menu-text);
    box-shadow: 0 -6px 0 var(--menu-text), 0 6px 0 var(--menu-text);
    border-radius: 1px;
}
.bouton_ouvrir_menu:hover{
    background-color: var(--menu-item-hover);
}
body.menu_ouvert .bouton_ouvrir_menu{
    box-shadow: none;
}
body.menu_ouvert .bouton_ouvrir_menu:hover{
    box-shadow: var(--creation-shadow);
}

/* Bandeau haut (page connexion / CIRD) — masqué uniquement sur le board avec menu */
.bande_haut{
    height: 43px;
    display: flex;
    box-shadow: 0px 2px 7px #333;
    position: relative;
    background-color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1100;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
}
.ouvrire_menu_bh{ margin-left: 257px !important; }
.bande_haut #bouton_ouvrir_menu{
    width: 24px;
    height: 30px;
    background-image: url(/sprite.png);
    float: left;
    position: relative;
    background-position: -2px -58px;
    padding-right: 12px;
    border-right: 1px solid #888;
    cursor: pointer;
    margin-right: 126px;
}
.bande_haut .logo_cirkwi{
    width: 96px;
    background-size: 96px;
    height: 100%;
    background-image: var(--logo-url);
    background-position-y: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
}
.bande_haut .logo_cirkwi.droite{
    width: 96px;
    background-size: 96px;
    height: 100%;
    background-image: var(--logo-url);
    background-position-y: center;
    position: relative;
    background-repeat: no-repeat;
    margin-left: 50px;
}
.bande_haut .icone_homme{
    width: 26px;
    height: 27px;
    background-image: url(/sprite.png);
    background-position: -30px -60px;
    float: right;
    margin: -1px 2px;
}
.bande_haut .icone_homme.black{ filter: brightness(0); }
.bande_haut .droite{ float: right; color: #FFFFFF; }
.bande_haut .droite.black{ color: #000000; }
.bande_haut a{ text-decoration: none; font-size: 11px; line-height: 25px; color: var(--bandeau-bas-link-color); }

body:has(.menu_general_gauche) .bande_haut,
body:has(.bouton_ouvrir_menu) .bande_haut{
    display: none !important;
}
body:has(.menu_general_gauche) .ouvrire_menu_bh,
body:has(.bouton_ouvrir_menu) .ouvrire_menu_bh{
    margin-left: 0 !important;
}

.conteneur_page{ position:absolute; top:0; bottom:0px; right:0px; left:0px; overflow: auto; scroll-behavior: smooth; }
.ouvrire_conteneur_page{ margin-left: calc(var(--menu-width) + 40px) !important; }

.icone_menu{ width: 26px;height: 27px; background-image: url(/sprite.png); float: left; position: relative; top: -5px; margin-right:7px; }
.icone_menu_panneau{ background-position:-1px -4px; }
.b_menu_selectionne .icone_menu_panneau{ background-position:-1px -32px; }
.icone_menu_poi{ background-position:-88px -4px; }
.b_menu_selectionne .icone_menu_poi{ background-position:-88px -33px; }
.icone_menu_guide{ background-position:-30px -4px; }
.b_menu_selectionne .icone_menu_guide{ background-position:-30px -33px; }
.icone_menu_sejour{ background-position:-59px -4px; }
.b_menu_selectionne .icone_menu_sejour{ background-position:-59px -33px; }
.icone_menu_comite{ background-position:-147px -4px; }
.b_menu_selectionne .icone_menu_comite{ background-position:-146px -33px; }
.icone_menu_moderation{ background-position:-1px -118px; }
.b_menu_selectionne .icone_menu_moderation{ background-position:-1px -148px; }
.icone_menu_notification{ background-position:-30px -118px; }
.b_menu_selectionne .icone_menu_notification{ background-position:-30px -148px; }
.icone_menu_lock{ background-position: -176px -3px; }
.b_menu_selectionne .icone_menu_lock{ background-position: -174px -34px }
.icone_menu_page_editoriale{ background-position: -61px -121px; }
.b_menu_selectionne .icone_menu_page_editoriale{ background-position:-61px -149px; }
.icone_menu_group{ background-position:-144px -60px; }
.b_menu_selectionne .icone_menu_group{ background-position:-115px -60px; }
.icone_menu_droite{ width: 26px;height: 27px; background-image: url(/sprite.png); float: right; position: relative; top: -7px; margin-right:7px; }
.icone_menu_external{ background-position: -60px -60px; }

.conteneur_page .centre_conteneur{width: calc(100% - 2* 35px);min-width:970px; min-height:300px; margin:auto;  margin:35px auto;  }
.conteneur_page .centre_style_bloque_blanc{
    width: 904px !important;
    min-width: 966px;
    background-color: #fff;
    padding: 28px 32px;
    min-height: 300px;
    border: 1px solid var(--ws-border, #E8EEF0);
    border-radius: var(--ws-radius, 10px);
    box-shadow: var(--ws-shadow, 0 1px 12px rgba(0, 72, 97, 0.10));
}
.conteneur_page .centre_gauche{ width:270px; min-height:200px; margin-right:27px; float:left; }
.conteneur_page .centre_droit{ width:672px; min-height:200px; float:left; padding-bottom:30px; }

.conteneur_page .centre_conteneur h1{color: var(--centre-conteneur-main-color);font-size: 22px; font-family:Arial, Helvetica, sans-serif; font-weight: 600; padding-bottom: 10px; margin:0px; letter-spacing: -0.01em; }
.conteneur_page .centre_conteneur h1:not(.cdf_header h1){margin-bottom: 18px; border-bottom: 1px solid var(--ws-border-strong, var(--main-color)); }
.conteneur_page .centre_conteneur h2{ padding:0px; margin:0px; font-weight:normal; }
.conteneur_page .centre_conteneur .cadre{ background-color: #F4F4F4;padding: 5px 0px;float: left;width: 100%;padding-bottom: 15px;margin-bottom: 15px; }
.conteneur_page .centre_conteneur .cadre .ligne{ clear:both; margin-top: 10px !important; }
.conteneur_page .centre_conteneur .cadre h2{ margin: 0px 5%;width: 40%;font: bold 12px Arial;line-height: 19px;clear: both; float:left; }
.conteneur_page .centre_conteneur .cadre .bloque_droit{ font: bold 14px Arial; margin-left:455px; }
.conteneur_page .centre_conteneur .cadre .bloque_droit select{ float:left; margin-bottom:9px; }


.bande_bas_page{ width:100%; height:24px; position:absolute; bottom:0px; background-color:var(--second-color); }
.bande_bas_page .gauche{padding-left: 20px; margin-right:-4px; }
.bande_bas_page .droite{float:right; margin-right:20px; color:#FFFFFF;}
.bande_bas_page a{ text-decoration:none; font-size:11px; line-height:25px; color: var(--bandeau-bas-link-color); }
.bande_bas_page .icone_homme{ width:26px; height:27px; background-image: url(/sprite.png); background-position:-30px -60px; float:right; margin:-1px 2px; }

/* select perso */
.cdf_select_perso{
cursor: pointer;
background: url(/image/graphisme/fleches/fleche_pleine_bas_noir.png) no-repeat right 3px center #ddd;
height: 27px;
overflow: hidden;
border: 1px solid rgb(203, 203, 203);
padding: 0px 5px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
}
.cdf_select_perso select{
width: 100%;
cursor: pointer;
display:none;
background: transparent;
font-size: 12px;
line-height: 12px;
border: none;
height: 27px;
padding: 5px 0;
color: black;
background: transparent;
-webkit-appearance: none;
}

.cdf_select_perso_disabled{
	background: url('/image/graphisme/icone/lock-grey.svg') no-repeat right 3px center #ddd !important;
}

.cdf_select_perso_disabled select{
	color: #9a9999 !important;
}

.container_btn_exit_impersonification { float: none; line-height: normal; margin-left: 0; font-size: 12px; position: fixed; top: 14px; left: 60px; z-index: 1600; }
.container_btn_exit_impersonification > .btn_exit_impersonification { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);border-radius: 4px; background-color: #ff3434;font-weight: bold; padding: 5px 12px; margin-left: 0; color: white }
body.menu_ouvert .container_btn_exit_impersonification { left: calc(var(--menu-width) + 60px); }

/*DataTable Co-auteurs */
#myCoauthors_filter { margin-bottom: 10px;}

.cdf_alert.tmp_popin {max-height: 456px;}
.tmp_popin #message_alert {max-width: 550px;}
.tmp_popin #message_alert .message {margin: 0px;}
.custom-tooltip .leaflet-popup-tip {
    display: none; /* Cache le triangle */
}
.custom-tooltip.leaflet-tooltip,
.custom-tooltip .leaflet-popup-content-wrapper {
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    pointer-events: none;
}
.custom-tooltip.leaflet-tooltip {
    padding: 4px 6px;
    border: none;
}
.custom-tooltip.leaflet-tooltip:before {
    display: none; /* Cache la fleche du tooltip Leaflet */
}
.custom-tooltip .leaflet-popup-content {
    margin: unset !important;
	padding: 4px 6px !important;
}

[data-tooltip-simple]:hover::before {
	display: inline;
	position: absolute;
	content: attr(data-tooltip-simple);
	background: #24242499;
	border-radius: 8px;
	padding: 6px;
	font-size: 14px;
	color: white;
	transform: translate(0px, -35px);
	font-weight: 400;
	z-index: 1000000;
}

/* Beacon Popup */
.cdf_beacon_popup_item {
	display: flex;
	flex-direction: column;
	padding: 4px 0;
	border-bottom: 1px solid #eee;
}
.cdf_beacon_popup_item:last-child {
	border-bottom: none;
}
.cdf_beacon_popup_item > .cdf_beacon_popup_item_header {
	display: flex;
	align-items: center;
	gap: 8px;
}
.cdf_beacon_popup_title {
	font-weight: 600;
}
.cdf_beacon_popup_complements {
	font-size: 11px;
	color: #888;
}

.cdf_beacon_popup_complements--grouped {
	margin-left: 28px;
}