ul.tabs{
	margin:10px 0 -1px 0;
	padding:0;
	width:100%;
	float:left;
	font-size:0;
}

.scroll_tabs_container .scroll_tab_left_button::before,
.scroll_tabs_container .scroll_tab_right_button::before {
    color: var(--third-bg-color);
}

.scroll_tab_left_button,.scroll_tab_right_button{
	top:-10px
}

ul.tabs.down {
    margin: -4px 0 10px 0;
	border-bottom: none;
}

ul.tabs.left{text-align:left;}
ul.tabs.center{text-align:center;}
ul.tabs.right{text-align:right;}
ul.tabs.right li{margin:0 0 1px 1px;}

ul.tabs li{
	font-size: var(--fontSize);
	list-style-type:none;
	margin:0 1px 1px 0;
	padding:0;
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	zoom:1;
}

ul.tabs li a{
	text-decoration:none;
	color: var(--main-text-color);
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:5px;
	left:0;
	line-height:100%;
	background: var(--fourth-bg-color);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	-moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	border:1px solid var(--main-border-color);
	border-bottom:0;
	font-size:0.9em;
	zoom:1;
}

ul.tabs.down li a{
	top:-5px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

ul.tabs li a:hover{
	background:var(--second-bg-color);
}

ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:var(--second-bg-color);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: var(--main-text-color);
}

ul.tabs.down li.current a{
	top: -1px;
}

.tab-content{
	border:1px solid var(--second-bg-color);
	border-radius: 0 var(--borderRadius) var(--borderRadius) var(--borderRadius);
	background:var(--second-bg-color);
	clear:both;
	padding:10px 20px 10px 20px;
	margin:0 0 10px 0;
}

.scroll_tab_inner {
    bottom: 0 !important;
    height: auto !important;
    top: -7px !important;
}

span.icon-circle-down:hover, span.icon-circle-right:hover {
	cursor:pointer;
	color:#eee;
} 	 

.theme-col-saisie { background-color: var(--jaune-pale-color) !important; }
.dark-theme .theme-col-saisie { color: var(--dark-text-color) }
.theme-col-saisie.is-select { background-color: var(--jaune-color) !important; }
.dark-theme .theme-col-saisie.is-select { color: var(--dark-text-color) }

.theme-col-saisie-finale { background-color: var(--bleu-titre-color) !important; }
.dark-theme .theme-col-saisie-finale { color: var(--dark-text-color) }
.theme-col-saisie-finale.is-select { background-color: var(--bleu-electrique-color) !important; }
.dark-theme .theme-col-saisie-finale.is-select { color: var(--dark-text-color) }


.CONFIRMONGLET {
    position: relative;
    padding-right: 20px; /* Pour éviter que le texte ne chevauche la puce */
}

.CONFIRMONGLET::after {
    content: "!";
    color: var(--light-text-color);
    background: var(--msg-non-bloquant);
    font-size: 1em;
    font-weight: bold;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: -5px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    font-family: Arial, sans-serif; /* Assure un bon rendu du point d'exclamation */
    animation: blink 2s infinite;
}

.ERREURONGLET {
    position: relative;
    padding-right: 20px; /* Pour éviter que le texte ne chevauche la puce */
}

.ERREURONGLET::after {
    content: "!";
    color: var(--light-text-color);
    background: var(--rouge-color);
    font-size: 1em;
    font-weight: bold;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: -5px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    font-family: Arial, sans-serif; /* Assure un bon rendu du point d'exclamation */
    animation: blink 2s infinite;
}


.INFOONGLET {
    position: relative;
    padding-right: 20px; /* Pour éviter que le texte ne chevauche la puce */
}

.INFOONGLET::after {
    content: "!";
    color: var(--light-text-color);
    background: var(--bleu-color);
    font-size: 1em;
    font-weight: bold;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: -5px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    font-family: Arial, sans-serif; /* Assure un bon rendu du point d'exclamation */
    animation: blink 2s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }
}