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) {
	.bande_haut_media{ margin-left:0px !important;}
	.menu_media{ margin-left:-261px !important; }
	.conteneur_media{ margin-left:0px !important; }
}

@media screen and (min-width: 1255px) {
	.bande_haut_media{ margin-left:257px !important;}
	.menu_media{ margin-left:0px !important; }
	.conteneur_media{ margin-left:257px !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(128.5px + 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 .message{ font-size:12px; line-height:16px; text-align: center; margin: 16px 0px 0px 0px;}
.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:0px; top:0px; bottom:0px; position:absolute;margin-left:-261px; width: 257px; height:auto; display: block; background-color:#FFF; box-shadow: 2px 0 2px rgba(0, 0, 0, 0.45); z-index:1500; }
.ouvrire_menu{ margin-left:0px !important; }

.menu_general_gauche .haut_menu{ box-sizing: border-box; height: 43px; padding: 1px; position: relative; text-align: center; z-index: 1; background-color:#333; display:block; }
.menu_general_gauche .haut_menu #compte{ overflow: hidden; padding: 4px 8px; text-align: left; color:#FFF; }
.menu_general_gauche .haut_menu #compte .conteneur_compte_image { width:42px; height:37px; float: left;  }
.menu_general_gauche .haut_menu #compte .conteneur_compte_image .compte_image{ border: 1px solid #D8D8D8;}
.menu_general_gauche .haut_menu #compte .compte_nom{ font-size: 14px; width:190px; text-overflow: ellipsis; overflow:hidden;font-weight: bold; top: 5px; left:55px; position:absolute; text-align:left; height:18px; display: inline-block; }
.menu_general_gauche .haut_menu #compte .compte_nom a{ color:#FFF; }
.menu_general_gauche .haut_menu #compte .compte_email{ font-size: 10px; position:absolute; top: 23px; left:55px; text-align:left; }
.menu_general_gauche .haut_menu #compte .reglage{ width: 28px;height: 28px; background-image: url(/sprite.png); float:right; position:absolute; top:10px; left:225px; background-position: -115px -32px;;padding-right:12px; }
.menu_general_gauche .bas_menu{ width:257px; position:absolute; top:43px; bottom:0px; }
.menu_general_gauche .haut_menu #compte a {color: #F4F4F4; text-decoration: none;}

.menu_general_gauche .bouton_mode_menu{ padding:3px; border-bottom:1px solid #E2E2E2; height:28px; }
.menu_general_gauche .bouton_mode_menu a{ width:123px; height:19px; padding-top:9px; border:none; font-family:Arial, Helvetica, sans-serif; position:absolute; font-size:11px; text-align:center; }
.menu_general_gauche .bouton_mode_menu .itinerance{  background-color:#E2E2E2; color:#000; }
.menu_general_gauche .bouton_mode_menu .creation{ margin-left:1px; left:129px; background-color: var(--menu-main-color); color:#FFF; }


.menu_general_gauche ul .b_menu{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px;font-weight: bold; height:45px; padding-left: 18px; padding-top:15px; color:#000; border-bottom:1px solid #E2E2E2; text-decoration:none;  }
.menu_general_gauche ul .b_menu_non_gras{ font-weight:normal !important; }
.menu_general_gauche ul .b_menu_selectionne{ background-color:var(--menu-main-color); color:#FFF; }
.menu_general_gauche ul .barre_menu{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px;font-weight: bold; height:27px; padding-left: 15px; padding-top: 6px; color:#7C7C7C; border-bottom:1px solid #E2E2E2; text-transform:uppercase; background-color:#EFEFEF; }
.menu_general_gauche ul .b_s_menu{ background-color:#F4F4F4; font-size:12px; padding:10px 0px; margin: 0px 24px 0px 29px; border-bottom:1px solid #CCC; color:#000; }
.menu_general_gauche ul .b_s_menu:hover{ color: var(--menu-second-color); }
.menu_general_gauche ul .b_s_menu_selectionne{ color:var(--menu-second-color); }
.menu_general_gauche ul .b_s_menu_border_transparent{ border:1px solid transparent !important; }
.menu_general_gauche ul .b_s_menu_ul { background-color:#F4F4F4; display:none; }
.menu_general_gauche ul .b_s_menu_ul_ouvert { display:block; }
/* 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: space-between; 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: relative; 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; &.black { filter: brightness(0); } }
.bande_haut .droite{float:right; color:#FFFFFF; &.black { color: #000000; } }
.bande_haut a{ text-decoration:none; font-size:11px; line-height:25px; color: var(--bandeau-bas-link-color); }


.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: -59px -59px; }



.conteneur_page{ position:absolute; top:43px; bottom:0px; right:0px; left:0px; overflow: auto; scroll-behavior: smooth; }
.ouvrire_conteneur_page{ margin-left:257px !important; }

.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:910px !important; background-color: white; padding: 20px 30px; min-height:300px; box-shadow: 0px 0px 3px #333;}
.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: 21px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom: 11px; border-bottom: 1px solid #0F79B5; padding-bottom: 7px; margin:0px; }
.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: left; line-height: 43px; margin-left: 8px; font-size: 12px; position: absolute; left: 4%;}
.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: 8px; color: white }

/*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-popup-content-wrapper {
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.custom-tooltip .leaflet-popup-content {
    margin: unset !important;
	padding: 4px 6px !important;
}