/*-------------------------------------
	styles pour onglets
------------------------------------------*/
.aria-tabs * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.aria-tabs>ul {
	display: flex;
	padding-top: 2px;
}
.aria-tabs>ul>li { 
	display: inline-block;
    min-width: 3em;
}
.aria-tabs>ul>li>a {
	/* contenu des onglets */	
	text-align: center;
	display: block;
	height: 23px;
	line-height: 21px;
	text-decoration: none;
	background-color: #EAF1FF;
	border-right: 1px solid #006699;
	border-top: 1px solid #006699;
	border-bottom: 1px solid #006699;
	font-size: 1.2em;
	color: #000;
}
.aria-tabs>ul>li>a>.ima-ico { 
	pointer-events: none;
}
.aria-tabs>ul>li>a:hover, .aria-tabs>ul>li>a:focus {
	outline: none !important;
}
.aria-tabs>ul>li>a:hover, .aria-tabs>ul>li>a:focus {
	box-shadow: inset 0px 4px 0px 0px #006699 !important;
	color: #006699;	
}
.aria-tabs>ul>li>a.current:hover, .aria-tabs>ul>li>a.current:focus {
	cursor: default;
}
.aria-tabs>ul>li:not(:first-child)>a, .aria-tabs>ul>li:not(:first-child)>a {
	border-left: 1px solid #006699;
    margin-left: -1px;
    padding-left: 1px;
}
.aria-tabs>ul>li:first-child>a {
	border-left: 1px solid #006699;
}
.aria-tabs>ul>li>a.current {
	/*onglet courant */
	background-color: #F7F7EF;
	box-shadow: inset 0px 2px 0px 0px #006699;
	color: #006699;
	height: 25px;
	margin-top: -2px;
	border-bottom: none;
}
.aria-tabs>ul>li>a>span.ima-ico {
	vertical-align: text-bottom;
}
.aria-tabs>ul>li>a:not(.current):focus>span.ima-ico, .aria-tabs>ul>li>a:not(.current):hover>span.ima-ico {
	vertical-align: middle;
}
.aria-tab-content {
	/* contenu de l'onglet  */
	padding: 1em 2em;
	margin: -1px 0 0 0; 
	background-color: #F7F7EF;
	border: 1px solid #006699;
	display: none;
}
.aria-tab-content.aria-tab-on {
	display: block;
}
.aria-tab-content:focus {
	outline: none;
	box-shadow: inset 0 0 0 3px #006699;
}