*{
	margin:0;
	padding:0;
	/* font-family:Tahoma,arial,sans serif; */
	list-style:none;
}
:root{
    --accentColor:#222f3e;
    --accent:#0062ff;
    --accent-darker:#0057e2;
    --accent2:#6ddbac;
    --accent2-darker:#5ed09f;
    --accent3:#ff7e64;
    --light1:#dee7ff;

}
body{
    font-family: Roboto, sans-serif;
}
/* html:before {
    content: "VERSION\ANON PUBLIQUE";
    position: fixed;
    left: 0;
	right: 0;
	top:8px;
    white-space: pre;
    text-align: center;
    font-size: 22px;
	color: #fff;
	font-family: sans-serif;
    z-index: 10000;
    opacity: 0.5;
    pointer-events: none;
    text-shadow: 0 0 1px #1a1a1a;
} */
table.inputDatas tbody th>small {
    color: #666;
    font-weight: normal;
}
input,select, textarea{
	padding:6px 8px;
	outline:none;
	border:solid 1px #bdbdbd;
	background-color: #f8f8f8;
}
input[type="button"]:hover, button:hover, .button:hover{
	background-color: #dc137e;
}
input[type="button"], button, .button{
	cursor:pointer;
	padding:8px 12px;
	background-color: #ff2c9c;
	border:none;
	color:#fff;
	outline:none;
	text-decoration:none;
	font-size:14px;
	display: inline-block;
	border-radius: 4px;
}
.session-actions>span {
    display: block;
    margin-top: 5px;
}
.session-actions>span>a{
    margin-left:2px;
    margin-right:2px;
}
body{
	background-color:#fff;
}

.clear{
	clear:both;
}
h1{
	color: var(--accentColor);
	font-size: 24px;
	font-weight: normal;
	margin:0 0 20px 0;
	text-align:left;
}
h1>label {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
h2{
	color: var(--accentColor);
	font-size: 20px;
	font-weight:bold;
	margin:0 0 20px 0;
	text-align:left;
	font-weight: normal;
}
#loader{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	width:100%;
	z-index: 99999999999;
}
#loader > .background{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	width:100%;
	background-color:#fff;
	opacity:0.5;
}
#loader > .text{
	position:absolute;
	top:0;
	width:200px;
	left:50%;
	margin-left:-100px;
	background-color:#fbf7ba;
	font-weight:bold;
	border-radius:0 0 5px 5px;
	font-size:12px;
	text-align:center;
	padding:5px;
	box-shadow: 0px 3px 10px #555; 
}
#popup[style*="block"]{
	display:flex!important;
}
#popup, .popup{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	width:100%;
	display:none;
	align-items: center;
	justify-content: center;
	/* flex-direction: row; */
}
#popup > .background, .popup>.background{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	width:100%;
	background-color:#000;
	opacity:0.5;
}
#popup > .window, .popup>.window{
	background-color:#fff;
	border-radius: 0;
	font-size:12px;
	padding: 0;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
	position: relative;
	overflow: hidden;
	z-index: 100;
	left: inherit!important;
	top: inherit!important;
	margin: 0!important;
	max-height: 100vh;
	height: auto!important;
	box-sizing: border-box;
	border-radius: 12px;
}
#popup > .window > #form > h2, .popup > .window > #form > h2{
	color: #ffffff;
	text-align:center;
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	background: var(--accentColor);
	padding: 10px 15px;
	box-sizing: border-box;
}
#popup > .window > #form > #container, .popup > .window > #form > #container{
	/* position:absolute; */
	/* left:10px; */
	/* right:10px; */
	/* top:50px; */
	/* bottom:0; */
	/* padding-bottom:20px; */
	overflow-y:auto;
	max-height: calc(100vh - 100px);
	padding: 15px;
	box-sizing: border-box;
}
.popup > .window > #form > #container{
	padding:0;
}
table.listeEtudiants.listeDatas thead>tr>th {
    position: sticky;
    top: -1px;
}
#popup > .window > #form > .bps, .popup > .window > #form > .bps{
	/* position:absolute; */
	/* display:table; */
	/* bottom:-50px; */
	width:100%;
	margin: 0;
	padding: 10px 15px;
	background: var(--accentColor);
	box-sizing: border-box;
}
.popup > .window > #form > .bps{
	text-align: center;
}
#popup > .window > #form > .bps input, .popup > .window > #form > .bps input {
    cursor: pointer;
    padding: 8px 15px;
    box-sizing: border-box;
    border: none;
    background: rgba(0,0,0,0.4);
    color: #fff;
    outline: none;
    border-radius: 16px;
}
#popup > .window > #form > .bps input:hover, .popup > .window > #form > .bps input:hover{
	background-color:rgba(0,0,0,0.5);
}
.popup.display{
	display: flex;
}
header#top{
	position:absolute;
	top:0;
	height:67px;
	width:100%;
	left:0;
	background-color: var(--accentColor);
	border-color: var(--accentColor);
	border-width:0 0 3px 0;
}
header#top > #logo{
	position:absolute;
	left:0;
	top:0;
	bottom: 0;
	padding: 10px;
}
header#top > #logo>img {
    height: 100%;
    filter: brightness(0) invert(1);
}
#content{
	background-color:#dfdfdf;
	position:absolute;
	top: 67px;
	bottom:40px;
	width:100%;
	min-width:1000px;
	display:block;
}
#menu{
	background-color: var(--accentColor);
	width:240px;
	position:absolute;
	top:0;
	bottom:0;
	overflow-y:auto;
	padding-bottom:20px;
	/* margin-top:40px; */
	color: #fff;
}
#menu ul > li{
	cursor:pointer;
	min-height:40px;
	font-size:12px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
#menu ul > li.selected{
	background-color: rgba(0,0,0,0.5);
}
#menu ul > li:hover{
	background-color: rgba(255,255,255,0.05);
}
#menu ul > li > .picto{
	float:left;
	width:40px;
	margin-left:10px;
	filter: brightness(0) invert(1);
}
#menu ul > li > .label{
	/* float:left; */
	width:180px;
	margin:10px 5px;
}
#menu ul > li.subItems{
	cursor:default;
	background-color:transparent;
	display:none;
	width:100%;
}
#menu ul > li.subItems > ul{
	margin-left:50px;
}
#menu ul > li.subItems > ul > li{
	cursor:pointer;
	padding:5px; 
	min-height:0;
	border-style:solid;
	border-width: 0 0 1px 0;
	border-color:#ededed;
}
#menu li .subTitle{
	font-size:10px;
}
#main{
	position:absolute;
	left:240px;
	top:0;
	right:0;
	height:100%;
	overflow:auto;
	background-color: #ffffff;
	padding-bottom:20px;
	/* min-width:1040px; */
}
#main .window{
	margin:20px;
	text-align:center;
}
.disabled{
	color:#a4a4a4;
}
.past{
	color:#a4a4a4;
}
.active{
	color:#009600;
}
.futur{
	color:#000;
}
.bloc{
	float:left;
	/* box-shadow: 0 5px 10px rgba(0,0,0,0.2); */
	background-color: #f1f1f1;
	padding: 15px;
	margin:5px 0.5%;
	border-radius: 16px;
	box-sizing: border-box;
}
.bloc100{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	border-radius: 0;
}
.bloc50{
	width:48%;
	/*min-width:500px;*/
}
.bloc25{
	width:23%;
	/*min-width:300px;*/
}
.bloc20{
	width:18%;
	/*min-width:200px;*/
}
.bloc80{
	width:78%;
	/*min-width:600px;*/
}
.formation-types {
    display: flex;
    justify-content: center;
    margin: 10px auto;
}

.formation-types>a {
    cursor: pointer;
    padding: 6px 12px;
    background: #03A9F4;
    color: #FFF;
    text-align:center;
    min-width:100px;
}
.formation-types>a:hover{
    background: #048fce;

}
.formation-types>a.selected{
    background: #0474a7;
    pointer-events:none;

}

.formation-types>a:first-child {
    border-radius: 16px 0 0 16px;
    padding-left: 24px;
}
.formation-types>a:last-child {
    border-radius: 0 16px 16px 0;
    padding-right: 24px;
}
.bloc.new{
	box-shadow: 0 0 0 0;
	border-color:#00959f;
	border-width:2px;
	border-style:dashed;
	opacity:0.5;
	padding:20px 0.5%;
	margin-left:3px;
	cursor:pointer;
}
.bloc.new:hover{
	opacity:1;
}
.bloc.filtres{
	font-size:12px;
	background-color: #dcdcdc;
	border-radius: 0;
	box-shadow: none;
}
.bloc.filtres > ul{
	display:table;
	margin:0 auto;
}
.bloc.filtres > ul > li{
	float:left;
	margin:0 5px;
}
.bloc.filtres select{
	max-width:170px;
}
.bloc.tabLinks{
	font-size:12px;
}
.bloc.tabLinks > ul > li{
	float:right;
	margin:0 5px;
}
.bloc.tabLinks > ul > li.nbEtudiants{
	float:left;
	margin:0 5px;
}
.bloc.tabLinks > ul > li.navig li{
	cursor:pointer;
	float:left;
	margin:0 2px;
}
.back{
	box-shadow: 0 0 0 0;
	padding:0;
	margin-bottom:20px;
	cursor:pointer;
	text-align:left;
	font-size:12px;
}

table.listeDatas{
	width:100%;
	border-collapse:collapse;
	font-size:12px;
}
table.listeDatas .left{
	text-align:left;
}
table.listeDatas .right{
	text-align:right;
}
table.listeDatas .center{
	text-align:center;
}
table.listeDatas td, table.listeDatas th{
	border-width:1px 0;
	border-color:#dfdfdf;
	border-style:solid;
	padding:2px 5px;
	height:25px;
	font-weight:normal;
}
.handler{
	cursor:s-resize;
}
table.listeDatas td{
	height:25px;
}
table.listeDatas thead th {
	background-color: #d2d2d2;
	color: var(--accentColor);
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
}
table.listeDatas:not(.noSort) thead th[sort] {
	cursor:pointer;
}
table.listeDatas td.bps{
	text-align:right;
}
table.listeDatas td.bps > img{
	float:right;
	cursor:pointer;
	margin-left:3px;
	width: 20px;
}
table.listeDatas td.nomEtudiant:hover,table.listeDatas td.nomConferencier:hover,table.listeDatas td.nomConference:hover,table.listeDatas td.nomDossier:hover{
	background-color:#fffede;
	cursor:pointer;
}
table.inputDatas{
	width:100%;
	border-collapse:collapse;
	font-size:12px;
}
table.inputDatas tbody th {
	text-align:right;
	vertical-align:top;
	width: 44%;
	padding:5px 5px 3px 5px;
}
table.inputDatas tbody th[align='center'] {
    text-align: center;
}

table.inputDatas tbody td textarea {
    width: 100%;
    height: 110px;
    box-sizing: border-box;
}
table.inputDatas tbody td {
	text-align:left;
	vertical-align:top;
	padding:3px 5px;
}
table.showDatas{
	width:100%;
	border-collapse:collapse;
	font-size:12px;
	margin-bottom:20px;
}
table.showDatas tbody th {
	text-align:right;
	vertical-align:top;
	width:50%;
	padding:3px;
}
table.showDatas tbody td {
	text-align:left;
	vertical-align:top;
	padding:3px;
}
ul.listOptions{
	display:table;
	margin:20px auto;
}
ul.listOptions > li{
	margin:5px 0px;
	font-weight:bold;
}
.commentaire{
	text-align:center;
}
ul.bps{
	display:table;
	margin:20px auto 20px auto;
}
ul.bps > li{
	float:left;
	margin:2px;
}
ul#listePages > li{
	margin-bottom:5px;
	text-align:left;
	padding:10px;
	box-shadow: 0 0 0 1px #bababa inset;
}
ul#listePages > li > .titre{
	font-size:14px;
	margin-bottom:10px;
	cursor:pointer;
}
ul#listePages > li > .titre:hover{
	color: var(--accentColor);
}
ul#listePages > li > .titre.selected{
	font-weight:bold;
}
ul#listePages > li > ul.questions{
	margin-left:20px;
}
ul#listePages > li > ul.questions > li{
	font-size:11px;
	margin-bottom:5px;
	text-align:left;
	cursor:pointer;
}
ul#listePages > li > ul.questions > li:hover{
	color: #ff2c9c;
}
ul#listePages > li > ul.questions > li.selected{
	font-weight:bold;
}
ul#listeBlocs > li{
	border-style:solid;
	border-color:#bababa;
	border-width:0 0 1px 0;
	padding:10px;
}
.blocTexte{
	text-align:left;
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
}
.blocImage{
	text-align:center;
	margin-bottom:10px;
}
.blocImage > img{
	max-width:800px;
	max-height:800px;
}
.blocTexteEditable{
	width:100%;
	height:100%;
	max-width:800px;
	max-height:800px;
}
.blocVideo{
	text-align:center;
	margin-bottom:10px;
}
.blocVideo > video{
	width:720px;
	height:405px;
}
.blocAudio{
	text-align:center;
	margin-bottom:10px;
}
.blocAudio > audio{
	width:720px;
}
footer{
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
	height:40px;
	background-color:#252525;
	color:#fff;
	font-size:11px;
	text-align:center;
	border-color:#00959f;
	border-width:0 0 3px 0;
}
footer > #deconnect{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	color:#fff;
	font-size:12px;
}
table.listeFormules{
	border-collapse:collapse;
	width:100%;
	font-size:12px;
}
table.listeFormules thead th {
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background-color:#00959f;
	color:#fff;
}
table.listeFormules tbody td {
	text-align:center;
	vertical-align:middle;
	padding:5px;
	border-style:solid;
	border-width:1px 0;
	border-color:#dedede;
}
.categorie-options {
    display: none;
    vertical-align:middle;
    padding-left:10px;
    margin-top:-4px;
}
select.selected-item+.categorie-options{display:inline-block;}
.categorie-options>a.edit{
    display:inline-block;
    width:24px;
    height:24px;
    font-size:0;
    background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMzAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE0OS45OTYsMEM2Ny4xNTcsMCwwLjAwMSw2Ny4xNjEsMC4wMDEsMTQ5Ljk5N1M2Ny4xNTcsMzAwLDE0OS45OTYsMzAwczE1MC4wMDMtNjcuMTYzLDE1MC4wMDMtMTUwLjAwMyAgICBTMjMyLjgzNSwwLDE0OS45OTYsMHogTTIyMS4zMDIsMTA3Ljk0NWwtMTQuMjQ3LDE0LjI0N2wtMjkuMDAxLTI4Ljk5OWwtMTEuMDAyLDExLjAwMmwyOS4wMDEsMjkuMDAxbC03MS4xMzIsNzEuMTI2ICAgIGwtMjguOTk5LTI4Ljk5Nkw4NC45MiwxODYuMzI4bDI4Ljk5OSwyOC45OTlsLTcuMDg4LDcuMDg4bC0wLjEzNS0wLjEzNWMtMC43ODYsMS4yOTQtMi4wNjQsMi4yMzgtMy41ODIsMi41NzVsLTI3LjA0Myw2LjAzICAgIGMtMC40MDUsMC4wOTEtMC44MTcsMC4xMzUtMS4yMjQsMC4xMzVjLTEuNDc2LDAtMi45MS0wLjU4MS0zLjk3My0xLjY0N2MtMS4zNjQtMS4zNTktMS45MzItMy4zMjItMS41MTItNS4yMDNsNi4wMjctMjcuMDM1ICAgIGMwLjM0LTEuNTE3LDEuMjg2LTIuNzk4LDIuNTc4LTMuNTgybC0wLjEzNy0wLjEzN0wxOTIuMyw3OC45NDFjMS42NzgtMS42NzUsNC40MDQtMS42NzUsNi4wODIsMC4wMDVsMjIuOTIyLDIyLjkxNyAgICBDMjIyLjk4MiwxMDMuNTQxLDIyMi45ODIsMTA2LjI2NywyMjEuMzAyLDEwNy45NDV6IiBmaWxsPSIjMWExYTFhIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center;
    vertical-align:middle;
    cursor:pointer;
}
.categorie-options>a.edit:hover{opacity:0.7;}
@keyframes affichageSessionLabel{
	to{opacity:1;transform:translateX(0) translateY(0);}
}
.session-list>label:hover {
	background:#c8e0e2;
}
.session-list>label {
    display: block;
    padding: 8px 8px 8px 40px;
    background: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    opacity:0;
    transform: translateX(-50px) translateY(-100%) scale(0.7);
    animation:affichageSessionLabel 0.25s forwards;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.session-list {
    text-align: left;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 5px;
}
.session-list>label>span>strong{
    /* min-width:140px; */
    display:inline-block;
}
.session-actions {
    text-align: center;
    margin-bottom: 10px;
}
.session-list>label>input {
    display: none;
}

.session-list>label>span:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 0px;
    background: #004b50;
    margin-top: -12px;
}

.session-list>label>:checked+span:after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    height: 16px;
    width: 6px;
    border-right: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
    transform: rotate(35deg);
    margin-top: -10px;
}
h2 .import.right {
	float:right;
	background: var(--accentColor);
}
h2 .import {
    display: inline-block;
    vertical-align: baseline;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    background: var(--accentColor);
    padding: 6px 10px;
    cursor: pointer;
    outline: none;
}
/**
* On masque les menus
**/
/* div#menu>ul>li:not([layer="home"]):not([layer="forum"]):not([layer="etudiants"]):not([layer="matieres"]):not([layer="conferences"]):not([layer="conferenciers"]):not([layer="groupes"]):not([layer="formules"]):not([layer="sessions"]):not([layer="facultes"]):not([layer="tickets"]) {
    display: none;
} */
.inputDatas select {
    max-width: 200px;
}
table.listeDatas>tbody>tr[data-id-parent]:not([data-id-parent="0"])>td:first-child{
    padding-left:30px;
}
table.listeDatas>tbody>tr[data-id-parent]:not([data-id-parent="0"]){
    background:#d2e7ff;
}
.epreuve-panel {}

.epreuve-panel>.top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: flex-end;
}

.epreuve-panel>.top>div>input[name='libelle'] {
    border: none;
    background: transparent;
    width: 100%;
    box-sizing: border-box;
    border-bottom: solid 1px #cdcdcd;
    font-size: 18px;
}

.epreuve-panel>.top>div>input[name='duree'] {
    width: 60px;
    text-align: right;
}
.epreuve-panel>.top>div:last-child:after {content: "minutes";/* display: block; */text-align: right;font-size: 12px;}

.epreuve-panel>.side {
    min-height: 400px;
    width: 800px;
    display: flex;
    user-select:none;
}

.epreuve-panel>.side>*:not(:last-child) {
    border-right: solid 1px #efefef;
}

.epreuve-panel>.side>* {
    width: calc(100% / 2);
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.epreuve-panel>.top>div:first-child {
    flex: 1;
    margin-right: 30px;
}
.epreuve-panel>.side>*>div {
    flex: 1;
	background: #f5f5f5;
	position: relative;
}
.epreuve-panel>.top>.type-select {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px;
}

.epreuve-panel>.top>.type-select>span {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
}

.epreuve-panel>.top>.type-select>div>a {
    background: #efefef;
    padding: 6px;
    border-radius: 4px;
    margin: 0 2px;
    cursor: pointer;
}

.epreuve-panel>.top>.type-select>div {
    display: flex;
}

.epreuve-panel>.top>.type-select>div>a:hover {
    background: #cdcdcd;
}

.epreuve-panel>.top>.type-select>div>a.selected {
    background: var(--accentColor);
    color: #fff;
}
.epreuve-panel>.side>*>h3 {
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 15px;
}
.epreuve-panel>.side>.dossiers>h3 {
    cursor: pointer;
    position: relative;
}

.epreuve-panel>.side>.dossiers>h3:before,.epreuve-panel>.side>.dossiers>h3:after {content: "";position: absolute;right: 20px;top: 50%;height: 18px;margin-top: -9px;width: 2px;background: #000;}
.epreuve-panel>.side>.dossiers>h3:after{
    transform:rotate(90deg);
}
.epreuve-panel>.side>*:first-child {
    padding-left: 0;
}

.epreuve-panel>.side>*:last-child {
    padding-right: 0;
}

.epreuve-panel>.side>*>div>.item {
    /* border-bottom: solid 1px #f52091; */
    /* padding: 10px; */
    /* margin-bottom: 1px; */
}
.epreuve-panel>.side>*>div>.item>a {
    display: block;
    position: sticky;
    top: 0;
    cursor: pointer;
    background: #ff2c9c;
    color: #fff;
    /* margin: -10px; */
    padding: 10px 10px 10px 28px;
    margin-bottom: 0;
    z-index: 10;
}
.epreuve-panel>.side>*>div>.item>a:before {content: "";position: absolute;left: 10px;top: 50%;width: 0;height: 0;border-style: solid;border-color: transparent #fff;border-width: 8px 0 8px 12px;margin-top: -7px;transition: transform 0.2s;}

.epreuve-panel>.side>*>div>.item>a.opened:before {
    transform: rotate(90deg);
}
.epreuve-panel>.side>* .items>.item {
    padding: 10px 10px;
    cursor: grab;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    align-items: center;
}
.epreuve-panel>.side>* .items>.item>.left {
    display: flex;
    flex-direction: column;
}
.epreuve-panel>.side>* .items>.item>.left>.top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.epreuve-panel>.side>* .items>.item>.left>.top {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
}

.epreuve-panel>.side>* .items>.item>.left>.top>.matieres {
    font-size: 10px;
    display: flex;
    /* flex-wrap: wrap; */
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    /* max-width: 60%; */
    margin-left: 5px;
}

.epreuve-panel>.side>* .items>.item>.left>.top>.matieres>a {
    background: #00959f;
    color: #fff;
    border-radius: 4px;
    padding: 4px;
    margin: 2px;
    text-transform: lowercase;
    white-space: pre;
}

.epreuve-panel>.side>* .items>.item>.left>.top>span {
    /* max-width: 80%; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    /* flex: 1; */
}
.epreuve-panel>.side>* .items>.item>.left>.top>.matieres {
    font-size: 10px;
    overflow: hidden;
    border-radius: 8px;
}

.epreuve-panel>.side>* .items>.item>.left>.top>.matieres>a {
    background: #00959f;
    color: #fff;
    border-radius: 4px;
    padding: 4px;
    margin: 2px;
    text-transform: lowercase;
}
.epreuve-panel>.side>* .items>.item>.left>span:last-child {
    font-size: 12px;
    /* color: #6a6a6a; */
    opacity: 0.7;
}

.epreuve-panel>.side>*.arbre.fetch .items>.item>.left>span:last-child {
    display: none;
}
.epreuve-panel>.side>* .items>.item:active{
	cursor:grabbing;
}
.epreuve-panel>.side>*>div>.item>a:hover {
    background: #e41784;
}
.drag-info {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999999;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border-radius: 4px;
	padding: 4px;
	margin-left:5px;
	margin-top:10px;
}
.epreuve-panel>.side>* .items>.item.draggin, .epreuve-panel>.side>* .items>.item.hidden {
	transition:opacity 0.2s, margin 0.2s;
    opacity: 0;
    pointer-events:none;
}
.epreuve-panel>.side>* .items>.item:hover {
    background: #efefef;
}
.epreuve-panel>.side>* .items>.item.selected {
    background: #00959f;
    color: #fff;
}
.epreuve-panel>.side>*>div>.item>a.opened+div {
    display: block;
}

.epreuve-panel>.side>*>div>.item>a+div {
    display: none;
    /* padding-top: 10px; */
}
.epreuve-panel>.side>* .items>.item>.tools {
    position: absolute;
    right: 0;
    top: 50%;
    height: 34px;
    margin-top: -17px;
    /* background: #222; */
    transition: transform 0.3s;
    transform: translateX(100%);
    /* padding: 5px; */
    display: flex;
    align-items: stretch;
}

.epreuve-panel>.side>* .items>.item>.tools>a {
    width: 24px;
    height: 100%;
    cursor: pointer;
    background-size: 24px;
    background-repeat:no-repeat;
    background-position:center;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    background-color: #222;
    margin-right: 5px;
    border-radius: 50%;
}
.epreuve-panel>.side>* .items>.item>.tools>a.view{
	background-image:url(../img/view.svg);
}
.epreuve-panel>.side>* .items>.item>.tools>a:hover {background-color: #444;}
.epreuve-panel>.side>* .items>.item:hover>.tools {
    transform: translateX(0);
}
.dragover {
    background: #dbeaef!important;
}
table.listeDatas td.nomEpreuve {
    cursor: pointer;
}
.access-chks {
    display: flex;
    flex-wrap: wrap;
}

.access-chks>* {
    width: calc(100% / 2 - 10px);
    justify-content: space-between;
    margin-bottom: 5px;
}
barre{
	position: absolute;
	left:-5px;
	right:-5px;
	background:#00959f;
	height:4px;
	transform:translateY(-50%);
	z-index:10;
}
.epreuve-panel>.side>* .items>.item>.tools>a.rm:before,.epreuve-panel>.side>* .items>.item>.tools>a.rm:after {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #fff;
}
.epreuve-panel>.side>.arbre.fetch .items>.item>.tools>.rm {
    display: none;
}
.epreuve-panel>.side>*>div>.item>a+div:empty:before {content: "(Vide)";display: block;text-align: center;padding: 10px 0;color: #6a6a6a;}

.epreuve-panel>.side>* .items>.item>.tools>a.rm:before{transform:rotate(45deg);}
.epreuve-panel>.side>* .items>.item>.tools>a.rm:after{transform:rotate(-45deg)}





.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checkboxes>div {
    width: calc(100% / 4 - 5px);
    padding: 0 10px;
    background: #efefef;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.checkboxes>div>input {
    display: none;
}

.checkboxes>div>input+label:before {content: "";position: absolute;left: 5px;width: 20px;height: 20px;border: solid 1px #6a6a6a;top: 50%;margin-top: -10px;box-sizing: border-box;}

.checkboxes>div>label {
    padding: 8px 0 8px 20px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    cursor: pointer;
}

.checkboxes>div>input:checked+label:after {
    content: "";
    position: absolute;
    left: 11px;
    top: 50%;
    width: 6px;
    height: 14px;
    border-right: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
    transform: rotate(35deg);
    margin-top: -9px;
}
.checkboxes>div>input:checked+label:before {
    border-color: #2580bf;
    background:#2580bf;
}
input.hasDatepicker {
    max-width: 110px;
}
table#listeExports>tbody>tr:not([data-state='ended']) .download {
    pointer-events: none;
    opacity: 0.5;
}

table#listeExports>tbody>tr .download {
    text-decoration: none;
}
@media (max-width:1300px){
	.session-list{
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (max-width:680px){
	.session-list{
		grid-template-columns: 1fr 1fr;
	}
}

.grouper .node>a {
    padding: 5px 5px 5px 22px;
    display: block;
    cursor:pointer;
    position: relative;
    position: sticky;
    top: 0;
    background-color: #FFF;
    z-index: 100;
    margin-left: -3px;
}

.grouper .node>.childs {
    padding-left: 20px;
    border-left: dotted 2px;
}

.grouper .node>a:before {content: "";position: absolute;left: 0;top: 50%;width: 0;height: 0;border-style: solid;border-color: transparent #000;border-width: 8px 0 8px 10px;margin-top: -8px;}
.grouper .node:not(.opened)>.childs{display: none;}
.grouper .node.opened>a:before {
    transform: rotate(90deg);
}
.grouper .node>a.selectable:before{display:none;}
.grouper .node>a.selectable{
    padding-left:5px;
    z-index: 5;
}
.grouper .node>a.selectable.selected{
    background-color:rgba(0,0,0,.2);
}

.sides {
    display: flex;
}

.sides.conf>.infos {
    width: 400px;
}

.sides.conf>.dates {
    width: 300px;
}
._inputDatas tr>td{
    padding-bottom:5px;
}
._inputDatas tr>td input[type=text], ._inputDatas tr>td select{
    width:200px;
    box-sizing:border-box;
}
._inputDatas tr>td:not([colspan]):first-child {
    padding-right: 10px;
}
.listeDates{
    max-height: calc(100vh - 200px);
    background:#F1F1F1;
    overflow: auto;
}
.listeDates>.date {
    display: block;
    margin-bottom:2px;
    background:#FFF;
    padding: 0 15px;
}

.listeDates>.date:not(.opened)>.top+div {
    display: none;
}

.listeDates>.date>.top {
    display: flex;
    background: #FFF;
    position: sticky;
    top: 0;
    padding: 5px 0;
}

.listeDates>.date>.top>input {
    flex: 1;
}

.listeDates>.date>.top>a {
    width: 24px;
    position: relative;
    cursor: pointer;
}

.listeDates>.date>.top>a.more:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    margin-left:-4px;
    margin-top:-8px;
    box-sizing:border-box;
    transform:rotate(45deg);
}


.sides.conf>.dates>.add {
    display: block;
    text-align: center;
    color: #E91E63;
    cursor: pointer;
    margin-top: 10px;
}
.listeDates>.date>.top>a.del:before,.listeDates>.date>.top>a.del:after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    background: red;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}
.listeDates>.date>.top>a.del:before{
    transform:rotate(45deg);
}
.listeDates>.date>.top>a.del:after{
    transform:rotate(-45deg);
}
.listeDates>.date.opened>.top>a.more:before {
    transform: rotate(-135deg);
}
.listeDates>.date>.top+div {
    font-size: 12px;
    /* margin-top: 5px; */
    box-sizing: border-box;
    background: #e2e0e0;
    padding: 5px;
    border-radius: 12px;
}
._inputDatas tr>td[colspan]>label {
    display: block;
    text-align: center;
}

._inputDatas tr>td[colspan]>label+input {
    width: 100%;
    box-sizing: border-box;
}

table._inputDatas {
    width: 100%;
}
.listeDates>.date>.top>input+input {
    width: 40px;
}
[data-checkboxes]>span {
    margin: 2px 5px 2px 2px;
    display: inline-block;
}

.mediatheque-area{
	min-height: 200px;
	background:#F1F1F1;
	border-radius:12px;
	margin:10px auto;
}

.mediatheque-area>.document {
    margin: 5px;
    background: #FFF;
    padding: 4px;
    box-sizing: border-box;
    display: flex;
}

.mediatheque-area>.document>.top>.jour>label {
    display: none;
}

.mediatheque-area>.document>.top>.jour>input {
    width: 100%;
    background: transparent;
    border: navajowhite;
}

.mediatheque-area>.document>.top {
    flex: 1;
}

.mediatheque-area>.document>.bottom>a.del {
    width: 24px;
    height: 24px;
    display: block;
	position: relative;
	cursor:pointer;
}

.mediatheque-area>.document>.bottom>a.del:before,.mediatheque-area>.document>.bottom>a.del:after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    height: 2px;
    top: 50%;
    background: red;
}
.mediatheque-area>.document>.bottom>a.del:before{transform:rotate(45deg);}
.mediatheque-area>.document>.bottom>a.del:after{transform:rotate(-45deg);}
.coaching-documents>.coaching-document>.bottom>div>div {
    display: flex;
}
.coaching-documents>.coaching-document>.top>div>div.nom {
    flex: 1;
    text-align: left;
    align-items: stretch;
}
.coaching-documents>.coaching-document>.top>div.tools {
    width: 100px;
    display: flex;
    justify-content: flex-end;
}
.coaching-documents>.coaching-document>.top>div:not(.tools) {
    flex: 1;
}
*{
	/* margin:0;
	padding:0; */
	/* font-family:Tahoma,arial,sans serif; */
	/* list-style:none; */
}
/* html:before {
    content: "VERSION\ANON PUBLIQUE";
    position: fixed;
    left: 0;
	right: 0;
	top:8px;
    white-space: pre;
    text-align: center;
    font-size: 22px;
	color: #fff;
	font-family: sans-serif;
    z-index: 10000;
    opacity: 0.5;
    pointer-events: none;
    text-shadow: 0 0 1px #1a1a1a;
} */
input,select, textarea{
	padding:6px 8px;
	outline:none;
	border:solid 1px #bdbdbd;
	background-color: #f8f8f8;
}
input[type="button"]:hover, button:hover, .button:hover{
	background-color: #dc137e;
}
input[type="button"], button, .button{
	cursor:pointer;
	padding:8px 12px;
	background-color: #ff2c9c;
	border:none;
	color:#fff;
	outline:none;
	text-decoration:none;
	font-size:14px;
	display: inline-block;
	border-radius: 4px;
}
.session-actions>span {
    display: block;
    margin-top: 5px;
}
.session-actions>span>a{
    margin-left:2px;
    margin-right:2px;
}
body{
	background-color:#fff;
}

.clear{
	clear:both;
}
h1{
	color: var(--accentColor);
	font-size: 24px;
	font-weight: normal;
	margin:0 0 20px 0;
	text-align:left;
}
h2{
	color: var(--accentColor);
	font-size: 20px;
	font-weight:bold;
	margin:0 0 20px 0;
	text-align:left;
	font-weight: normal;
}
#loader{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	width:100%;
	z-index: 99999999999;
}
#loader > .background{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	width:100%;
	background-color:#fff;
	opacity:0.5;
}
#loader > .text{
	position:absolute;
	top:0;
	width:200px;
	left:50%;
	margin-left:-100px;
	background-color:#fbf7ba;
	font-weight:bold;
	border-radius:0 0 5px 5px;
	font-size:12px;
	text-align:center;
	padding:5px;
	box-shadow: 0px 3px 10px #555; 
}
#popup[style*="block"]{
	display:flex!important;
}
#popup, .popup{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	width:100%;
	display:none;
	align-items: center;
	justify-content: center;
	/* flex-direction: row; */
}
#popup > .background, .popup>.background{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	width:100%;
	background-color:#000;
	opacity:0.5;
}
#popup > .window, .popup>.window{
	background-color:#fff;
	border-radius: 0;
	font-size:12px;
	padding: 0;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
	position: relative;
	overflow: hidden;
	z-index: 100;
	left: inherit!important;
	top: inherit!important;
	margin: 0!important;
	max-height: 100vh;
	height: auto!important;
	box-sizing: border-box;
	border-radius: 12px;
}
#popup > .window > #form > h2, .popup > .window > #form > h2{
	color: #ffffff;
	text-align:center;
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	background: var(--accentColor);
	padding: 10px 15px;
	box-sizing: border-box;
}
#popup > .window > #form > #container, .popup > .window > #form > #container{
	/* position:absolute; */
	/* left:10px; */
	/* right:10px; */
	/* top:50px; */
	/* bottom:0; */
	/* padding-bottom:20px; */
	overflow-y:auto;
	max-height: calc(100vh - 100px);
	padding: 15px;
	box-sizing: border-box;
}
.popup > .window > #form > #container{
	padding:0;
}
table.listeEtudiants.listeDatas thead>tr>th {
    position: sticky;
    top: -1px;
}
#popup > .window > #form > .bps, .popup > .window > #form > .bps{
	/* position:absolute; */
	/* display:table; */
	/* bottom:-50px; */
	width:100%;
	margin: 0;
	padding: 10px 15px;
	background: var(--accentColor);
	box-sizing: border-box;
}
.popup > .window > #form > .bps{
	text-align: center;
}
#popup > .window > #form > .bps input, .popup > .window > #form > .bps input {
    cursor: pointer;
    padding: 8px 15px;
    box-sizing: border-box;
    border: none;
    background: rgba(0,0,0,0.4);
    color: #fff;
    outline: none;
    border-radius: 16px;
}
#popup > .window > #form > .bps input:hover, .popup > .window > #form > .bps input:hover{
	background-color:rgba(0,0,0,0.5);
}
.popup.display{
	display: flex;
}
header#top{
	position:absolute;
	top:0;
	height:67px;
	width:100%;
	left:0;
	background-color: var(--accentColor);
	border-color: var(--accentColor);
	border-width:0 0 3px 0;
}
header#top > #logo{
	position:absolute;
	left:0;
	top:0;
	bottom: 0;
	padding: 10px;
}
header#top > #logo>img {
    height: 100%;
    filter: brightness(0) invert(1);
}
#content{
	background-color:#dfdfdf;
	position:absolute;
	top: 67px;
	bottom:40px;
	width:100%;
	min-width:1000px;
	display:block;
}
#menu{
	background-color: var(--accentColor);
	width:240px;
	position:absolute;
	top:0;
	bottom:0;
	overflow-y:auto;
	padding-bottom:20px;
	/* margin-top:40px; */
	color: #fff;
}
#menu ul > li{
	cursor:pointer;
	min-height:40px;
	font-size:12px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
#menu ul > li.selected{
	background-color: rgba(0,0,0,0.5);
}
#menu ul > li:hover{
	background-color: rgba(255,255,255,0.05);
}
#menu ul > li > .picto{
	float:left;
	width:40px;
	margin-left:10px;
	filter: brightness(0) invert(1);
}
#menu ul > li > .label{
	/* float:left; */
	width:180px;
	margin:10px 5px;
}
#menu ul > li.subItems{
	cursor:default;
	background-color:transparent;
	display:none;
	width:100%;
}
#menu ul > li.subItems > ul{
	margin-left:50px;
}
#menu ul > li.subItems > ul > li{
	cursor:pointer;
	padding:5px; 
	min-height:0;
	border-style:solid;
	border-width: 0 0 1px 0;
	border-color:#ededed;
}
#menu li .subTitle{
	font-size:10px;
}
#main{
	position:absolute;
	left:240px;
	top:0;
	right:0;
	height:100%;
	overflow:auto;
	background-color: #ffffff;
	padding-bottom:20px;
	/* min-width:1040px; */
}
#main .window{
	margin:20px;
	text-align:center;
}
.disabled{
	color:#a4a4a4;
}
.past{
	color:#a4a4a4;
}
.active{
	color:#009600;
}
.futur{
	color:#000;
}
.bloc{
	float:left;
	/* box-shadow: 0 5px 10px rgba(0,0,0,0.2); */
	background-color: #f1f1f1;
	padding: 15px;
	margin:5px 0.5%;
	border-radius: 16px;
	box-sizing: border-box;
}
.bloc100{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	border-radius: 0;
}
.bloc50{
	width:48%;
	/*min-width:500px;*/
}
.bloc25{
	width:23%;
	/*min-width:300px;*/
}
.bloc20{
	width:18%;
	/*min-width:200px;*/
}
.bloc80{
	width:78%;
	/*min-width:600px;*/
}
.formation-types {
    display: flex;
    justify-content: center;
    margin: 10px auto;
}

.formation-types>a {
    cursor: pointer;
    padding: 6px 12px;
    background: #03A9F4;
    color: #FFF;
    text-align:center;
    min-width:100px;
}
.formation-types>a:hover{
    background: #048fce;

}
.formation-types>a.selected{
    background: #0474a7;
    pointer-events:none;

}

.formation-types>a:first-child {
    border-radius: 16px 0 0 16px;
    padding-left: 24px;
}
.formation-types>a:last-child {
    border-radius: 0 16px 16px 0;
    padding-right: 24px;
}
.bloc.new{
	box-shadow: 0 0 0 0;
	border-color:#00959f;
	border-width:2px;
	border-style:dashed;
	opacity:0.5;
	padding:20px 0.5%;
	margin-left:3px;
	cursor:pointer;
}
.bloc.new:hover{
	opacity:1;
}
.bloc.filtres{
	font-size:12px;
	background-color: #dcdcdc;
	border-radius: 0;
	box-shadow: none;
}
.bloc.filtres > ul{
	display:table;
	margin:0 auto;
}
.bloc.filtres > ul > li{
	float:left;
	margin:0 5px;
}
.bloc.filtres select{
	max-width:100px;
}
.bloc.tabLinks{
	font-size:12px;
}
.bloc.tabLinks > ul > li{
	float:right;
	margin:0 5px;
}
.bloc.tabLinks > ul > li.nbEtudiants{
	float:left;
	margin:0 5px;
}
.bloc.tabLinks > ul > li.navig li{
	cursor:pointer;
	float:left;
	margin:0 2px;
}
.back{
	box-shadow: 0 0 0 0;
	padding:0;
	margin-bottom:20px;
	cursor:pointer;
	text-align:left;
	font-size:12px;
}

table.listeDatas{
	width:100%;
	border-collapse:collapse;
	font-size:12px;
}
table.listeDatas .left{
	text-align:left;
}
table.listeDatas .right{
	text-align:right;
}
table.listeDatas .center{
	text-align:center;
}
table.listeDatas td, table.listeDatas th{
	border-width:1px 0;
	border-color:#dfdfdf;
	border-style:solid;
	padding:2px 5px;
	height:25px;
	font-weight:normal;
}
.handler{
	cursor:s-resize;
}
table.listeDatas td{
	height:25px;
}
table.listeDatas thead th {
	background-color: #d2d2d2;
	color: var(--accentColor);
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
}
table.listeDatas:not(.noSort) thead th[sort] {
	cursor:pointer;
}
table.listeDatas td.bps{
	text-align:right;
}
table.listeDatas td.bps > img{
	float:right;
	cursor:pointer;
	margin-left:3px;
	width: 20px;
}
table.listeDatas td.nomEtudiant:hover,table.listeDatas td.nomConferencier:hover,table.listeDatas td.nomConference:hover,table.listeDatas td.nomDossier:hover{
	background-color:#fffede;
	cursor:pointer;
}
table.inputDatas{
	width:100%;
	border-collapse:collapse;
	font-size:12px;
}
table.inputDatas tbody th {
	text-align:right;
	vertical-align:top;
	width: 44%;
	padding:5px 5px 3px 5px;
}
table.inputDatas tbody th[align='center'] {
    text-align: center;
}

table.inputDatas tbody td textarea {
    width: 100%;
    height: 110px;
    box-sizing: border-box;
}
table.inputDatas tbody td {
	text-align:left;
	vertical-align:top;
	padding:3px 5px;
}
table.showDatas{
	width:100%;
	border-collapse:collapse;
	font-size:12px;
	margin-bottom:20px;
}
table.showDatas tbody th {
	text-align:right;
	vertical-align:top;
	width:50%;
	padding:3px;
}
table.showDatas tbody td {
	text-align:left;
	vertical-align:top;
	padding:3px;
}
ul.listOptions{
	display:table;
	margin:20px auto;
}
ul.listOptions > li{
	margin:5px 0px;
	font-weight:bold;
}
.commentaire{
	text-align:center;
}
ul.bps{
	display:table;
	margin:20px auto 20px auto;
}
ul.bps > li{
	float:left;
	margin:2px;
}
.bloc100>ul.bps {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 4px;
    position: sticky;
    bottom: 0;
    z-index: 100;
    background: #f1f1f1;
}
ul#listePages > li{
	margin-bottom:5px;
	text-align:left;
	padding:10px;
	box-shadow: 0 0 0 1px #bababa inset;
}
ul#listePages > li > .titre{
	font-size:14px;
	margin-bottom:10px;
	cursor:pointer;
}
ul#listePages > li > .titre:hover{
	color: var(--accentColor);
}
ul#listePages > li > .titre.selected{
	font-weight:bold;
}
ul#listePages > li > ul.questions{
	margin-left:20px;
}
ul#listePages > li > ul.questions > li{
	font-size:11px;
	margin-bottom:5px;
	text-align:left;
	cursor:pointer;
}
ul#listePages > li > ul.questions > li:hover{
	color: #ff2c9c;
}
ul#listePages > li > ul.questions > li.selected{
	font-weight:bold;
}
ul#listeBlocs > li{
	border-style:solid;
	border-color:#bababa;
	border-width:0 0 1px 0;
	padding:10px;
}
.blocTexte{
	text-align:left;
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
}
.blocImage{
	text-align:center;
	margin-bottom:10px;
}
.blocImage > img{
	max-width:800px;
	max-height:800px;
}
.blocTexteEditable{
	width:100%;
	height:100%;
	max-width:800px;
	max-height:800px;
}
.blocVideo{
	text-align:center;
	margin-bottom:10px;
}
.blocVideo > video{
	width:720px;
	height:405px;
}
.blocAudio{
	text-align:center;
	margin-bottom:10px;
}
.blocAudio > audio{
	width:720px;
}
footer{
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
	height:40px;
	background-color:#252525;
	color:#fff;
	font-size:11px;
	text-align:center;
	border-color:#00959f;
	border-width:0 0 3px 0;
	z-index: 10;
}
footer > #deconnect{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	color:#fff;
	font-size:12px;
}
table.listeFormules{
	border-collapse:collapse;
	width:100%;
	font-size:12px;
}
table.listeFormules thead th {
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background-color:#00959f;
	color:#fff;
}
table.listeFormules tbody td {
	text-align:center;
	vertical-align:middle;
	padding:5px;
	border-style:solid;
	border-width:1px 0;
	border-color:#dedede;
}
.categorie-options {
    display: none;
    vertical-align:middle;
    padding-left:10px;
    margin-top:-4px;
}
select.selected-item+.categorie-options{display:inline-block;}
.categorie-options>a.edit{
    display:inline-block;
    width:24px;
    height:24px;
    font-size:0;
    background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMzAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE0OS45OTYsMEM2Ny4xNTcsMCwwLjAwMSw2Ny4xNjEsMC4wMDEsMTQ5Ljk5N1M2Ny4xNTcsMzAwLDE0OS45OTYsMzAwczE1MC4wMDMtNjcuMTYzLDE1MC4wMDMtMTUwLjAwMyAgICBTMjMyLjgzNSwwLDE0OS45OTYsMHogTTIyMS4zMDIsMTA3Ljk0NWwtMTQuMjQ3LDE0LjI0N2wtMjkuMDAxLTI4Ljk5OWwtMTEuMDAyLDExLjAwMmwyOS4wMDEsMjkuMDAxbC03MS4xMzIsNzEuMTI2ICAgIGwtMjguOTk5LTI4Ljk5Nkw4NC45MiwxODYuMzI4bDI4Ljk5OSwyOC45OTlsLTcuMDg4LDcuMDg4bC0wLjEzNS0wLjEzNWMtMC43ODYsMS4yOTQtMi4wNjQsMi4yMzgtMy41ODIsMi41NzVsLTI3LjA0Myw2LjAzICAgIGMtMC40MDUsMC4wOTEtMC44MTcsMC4xMzUtMS4yMjQsMC4xMzVjLTEuNDc2LDAtMi45MS0wLjU4MS0zLjk3My0xLjY0N2MtMS4zNjQtMS4zNTktMS45MzItMy4zMjItMS41MTItNS4yMDNsNi4wMjctMjcuMDM1ICAgIGMwLjM0LTEuNTE3LDEuMjg2LTIuNzk4LDIuNTc4LTMuNTgybC0wLjEzNy0wLjEzN0wxOTIuMyw3OC45NDFjMS42NzgtMS42NzUsNC40MDQtMS42NzUsNi4wODIsMC4wMDVsMjIuOTIyLDIyLjkxNyAgICBDMjIyLjk4MiwxMDMuNTQxLDIyMi45ODIsMTA2LjI2NywyMjEuMzAyLDEwNy45NDV6IiBmaWxsPSIjMWExYTFhIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center;
    vertical-align:middle;
    cursor:pointer;
}
.categorie-options>a.edit:hover{opacity:0.7;}
@keyframes affichageSessionLabel{
	to{opacity:1;transform:translateX(0) translateY(0);}
}
.session-list>label:hover {
	background:#c8e0e2;
}
.session-list>label {
    display: block;
    padding: 8px 8px 8px 40px;
    background: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    opacity:0;
    transform: translateX(-50px) translateY(-100%) scale(0.7);
    animation:affichageSessionLabel 0.25s forwards;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.session-list {
    text-align: left;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 5px;
}
.session-list>label>span>strong{
    /* min-width:140px; */
    display:inline-block;
}
.session-actions {
    text-align: center;
    margin-bottom: 10px;
}
.session-list>label>input {
    display: none;
}

.session-list>label>span:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 0px;
    background: #004b50;
    margin-top: -12px;
}

.session-list>label>:checked+span:after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    height: 16px;
    width: 6px;
    border-right: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
    transform: rotate(35deg);
    margin-top: -10px;
}
h2 .import.right {
	float:right;
	background: var(--accentColor);
}
h2 .import {
    display: inline-block;
    vertical-align: baseline;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    background: var(--accentColor);
    padding: 6px 10px;
    cursor: pointer;
    outline: none;
}
/**
* On masque les menus
**/
/* div#menu>ul>li:not([layer="home"]):not([layer="forum"]):not([layer="etudiants"]):not([layer="matieres"]):not([layer="conferences"]):not([layer="conferenciers"]):not([layer="groupes"]):not([layer="formules"]):not([layer="sessions"]):not([layer="facultes"]):not([layer="tickets"]) {
    display: none;
} */
.inputDatas select {
    max-width: 200px;
}
table.listeDatas>tbody>tr[data-id-parent]:not([data-id-parent="0"])>td:first-child{
    padding-left:30px;
}
table.listeDatas>tbody>tr[data-id-parent]:not([data-id-parent="0"]){
    background:#d2e7ff;
}
.epreuve-panel {}

.epreuve-panel>.top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: flex-end;
}

.epreuve-panel>.top>div>input[name='libelle'] {
    border: none;
    background: transparent;
    width: 100%;
    box-sizing: border-box;
    border-bottom: solid 1px #cdcdcd;
    font-size: 18px;
}

.epreuve-panel>.top>div>input[name='duree'] {
    width: 60px;
    text-align: right;
}
.epreuve-panel>.top>div:last-child:after {content: "minutes";/* display: block; */text-align: right;font-size: 12px;}

.epreuve-panel>.side {
    min-height: 400px;
    width: 800px;
    display: flex;
    user-select:none;
}

.epreuve-panel>.side>*:not(:last-child) {
    border-right: solid 1px #efefef;
}

.epreuve-panel>.side>* {
    width: calc(100% / 2);
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.epreuve-panel>.top>div:first-child {
    flex: 1;
    margin-right: 30px;
}
.epreuve-panel>.side>*>div {
    flex: 1;
	background: #f5f5f5;
	position: relative;
}
.epreuve-panel>.top>.type-select {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px;
}

.epreuve-panel>.top>.type-select>span {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
}

.epreuve-panel>.top>.type-select>div>a {
    background: #efefef;
    padding: 6px;
    border-radius: 4px;
    margin: 0 2px;
    cursor: pointer;
}

.epreuve-panel>.top>.type-select>div {
    display: flex;
}

.epreuve-panel>.top>.type-select>div>a:hover {
    background: #cdcdcd;
}

.epreuve-panel>.top>.type-select>div>a.selected {
    background: var(--accentColor);
    color: #fff;
}
.epreuve-panel>.side>*>h3 {
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 15px;
}
.epreuve-panel>.side>.dossiers>h3 {
    cursor: pointer;
    position: relative;
}

.epreuve-panel>.side>.dossiers>h3:before,.epreuve-panel>.side>.dossiers>h3:after {content: "";position: absolute;right: 20px;top: 50%;height: 18px;margin-top: -9px;width: 2px;background: #000;}
.epreuve-panel>.side>.dossiers>h3:after{
    transform:rotate(90deg);
}
.epreuve-panel>.side>*:first-child {
    padding-left: 0;
}

.epreuve-panel>.side>*:last-child {
    padding-right: 0;
}

.epreuve-panel>.side>*>div>.item {
    /* border-bottom: solid 1px #f52091; */
    /* padding: 10px; */
    /* margin-bottom: 1px; */
}
.epreuve-panel>.side>*>div>.item>a {
    display: block;
    position: sticky;
    top: 0;
    cursor: pointer;
    background: #ff2c9c;
    color: #fff;
    /* margin: -10px; */
    padding: 10px 10px 10px 28px;
    margin-bottom: 0;
    z-index: 10;
}
.epreuve-panel>.side>*>div>.item>a:before {content: "";position: absolute;left: 10px;top: 50%;width: 0;height: 0;border-style: solid;border-color: transparent #fff;border-width: 8px 0 8px 12px;margin-top: -7px;transition: transform 0.2s;}

.epreuve-panel>.side>*>div>.item>a.opened:before {
    transform: rotate(90deg);
}
.epreuve-panel>.side>* .items>.item {
    padding: 10px 10px;
    cursor: grab;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    align-items: center;
}
.epreuve-panel>.side>* .items>.item>.left {
    display: flex;
    flex-direction: column;
}
.epreuve-panel>.side>* .items>.item>.left>.top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.epreuve-panel>.side>* .items>.item>.left>.top {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
}

.epreuve-panel>.side>* .items>.item>.left>.top>.matieres {
    font-size: 10px;
    display: flex;
    /* flex-wrap: wrap; */
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    /* max-width: 60%; */
    margin-left: 5px;
}

.epreuve-panel>.side>* .items>.item>.left>.top>.matieres>a {
    background: #00959f;
    color: #fff;
    border-radius: 4px;
    padding: 4px;
    margin: 2px;
    text-transform: lowercase;
    white-space: pre;
}

.epreuve-panel>.side>* .items>.item>.left>.top>span {
    /* max-width: 80%; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    /* flex: 1; */
}
.epreuve-panel>.side>* .items>.item>.left>.top>.matieres {
    font-size: 10px;
    overflow: hidden;
    border-radius: 8px;
}

.epreuve-panel>.side>* .items>.item>.left>.top>.matieres>a {
    background: #00959f;
    color: #fff;
    border-radius: 4px;
    padding: 4px;
    margin: 2px;
    text-transform: lowercase;
}
.epreuve-panel>.side>* .items>.item>.left>span:last-child {
    font-size: 12px;
    /* color: #6a6a6a; */
    opacity: 0.7;
}

.epreuve-panel>.side>*.arbre.fetch .items>.item>.left>span:last-child {
    display: none;
}
.epreuve-panel>.side>* .items>.item:active{
	cursor:grabbing;
}
.epreuve-panel>.side>*>div>.item>a:hover {
    background: #e41784;
}
.drag-info {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999999;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border-radius: 4px;
	padding: 4px;
	margin-left:5px;
	margin-top:10px;
}
.epreuve-panel>.side>* .items>.item.draggin, .epreuve-panel>.side>* .items>.item.hidden {
	transition:opacity 0.2s, margin 0.2s;
    opacity: 0;
    pointer-events:none;
}
.epreuve-panel>.side>* .items>.item:hover {
    background: #efefef;
}
.epreuve-panel>.side>* .items>.item.selected {
    background: #00959f;
    color: #fff;
}
.epreuve-panel>.side>*>div>.item>a.opened+div {
    display: block;
}

.epreuve-panel>.side>*>div>.item>a+div {
    display: none;
    /* padding-top: 10px; */
}
.epreuve-panel>.side>* .items>.item>.tools {
    position: absolute;
    right: 0;
    top: 50%;
    height: 34px;
    margin-top: -17px;
    /* background: #222; */
    transition: transform 0.3s;
    transform: translateX(100%);
    /* padding: 5px; */
    display: flex;
    align-items: stretch;
}

.epreuve-panel>.side>* .items>.item>.tools>a {
    width: 24px;
    height: 100%;
    cursor: pointer;
    background-size: 24px;
    background-repeat:no-repeat;
    background-position:center;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    background-color: #222;
    margin-right: 5px;
    border-radius: 50%;
}
.epreuve-panel>.side>* .items>.item>.tools>a.view{
	background-image:url(../img/view.svg);
}
.epreuve-panel>.side>* .items>.item>.tools>a:hover {background-color: #444;}
.epreuve-panel>.side>* .items>.item:hover>.tools {
    transform: translateX(0);
}
.dragover {
    background: #dbeaef!important;
}
table.listeDatas td.nomEpreuve {
    cursor: pointer;
}
.access-chks {
    display: flex;
    flex-wrap: wrap;
}

.access-chks>* {
    width: calc(100% / 2 - 10px);
    justify-content: space-between;
    margin-bottom: 5px;
}
barre{
	position: absolute;
	left:-5px;
	right:-5px;
	background:#00959f;
	height:4px;
	transform:translateY(-50%);
	z-index:10;
}
.epreuve-panel>.side>* .items>.item>.tools>a.rm:before,.epreuve-panel>.side>* .items>.item>.tools>a.rm:after {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #fff;
}
.epreuve-panel>.side>.arbre.fetch .items>.item>.tools>.rm {
    display: none;
}
.epreuve-panel>.side>*>div>.item>a+div:empty:before {content: "(Vide)";display: block;text-align: center;padding: 10px 0;color: #6a6a6a;}

.epreuve-panel>.side>* .items>.item>.tools>a.rm:before{transform:rotate(45deg);}
.epreuve-panel>.side>* .items>.item>.tools>a.rm:after{transform:rotate(-45deg)}





.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checkboxes>div {
    width: calc(100% / 4 - 5px);
    padding: 0 10px;
    background: #efefef;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.checkboxes>div>input {
    display: none;
}

.checkboxes>div>input+label:before {content: "";position: absolute;left: 5px;width: 20px;height: 20px;border: solid 1px #6a6a6a;top: 50%;margin-top: -10px;box-sizing: border-box;}

.checkboxes>div>label {
    padding: 8px 0 8px 20px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    cursor: pointer;
}

.checkboxes>div>input:checked+label:after {
    content: "";
    position: absolute;
    left: 11px;
    top: 50%;
    width: 6px;
    height: 14px;
    border-right: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
    transform: rotate(35deg);
    margin-top: -9px;
}
.checkboxes>div>input:checked+label:before {
    border-color: #2580bf;
    background:#2580bf;
}
input.hasDatepicker {
    max-width: 110px;
}
table#listeExports>tbody>tr:not([data-state='ended']) .download {
    pointer-events: none;
    opacity: 0.5;
}

table#listeExports>tbody>tr .download {
    text-decoration: none;
}
@media (max-width:1300px){
	.session-list{
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (max-width:680px){
	.session-list{
		grid-template-columns: 1fr 1fr;
	}
}

.grouper .node>a {
    padding: 5px 5px 5px 22px;
    display: block;
    cursor:pointer;
    position: relative;
    position: sticky;
    top: 0;
    background-color: #FFF;
    z-index: 100;
    margin-left: -3px;
}

.grouper .node>.childs {
    padding-left: 20px;
    border-left: dotted 2px;
}

.grouper .node>a:before {content: "";position: absolute;left: 0;top: 50%;width: 0;height: 0;border-style: solid;border-color: transparent #000;border-width: 8px 0 8px 10px;margin-top: -8px;}
.grouper .node:not(.opened)>.childs{display: none;}
.grouper .node.opened>a:before {
    transform: rotate(90deg);
}
.grouper .node>a.selectable:before{display:none;}
.grouper .node>a.selectable{
    padding-left:5px;
    z-index: 5;
}
.grouper .node>a.selectable.selected{
    background-color:rgba(0,0,0,.2);
}

.sides {
    display: flex;
}

.sides.conf>.infos {
    width: 400px;
}

.sides.conf>.dates {
    width: 300px;
}
._inputDatas tr>td{
    padding-bottom:5px;
}
._inputDatas tr>td input[type=text], ._inputDatas tr>td select{
    width:200px;
    box-sizing:border-box;
}
._inputDatas tr>td:not([colspan]):first-child {
    padding-right: 10px;
}
.listeDates{
    max-height: calc(100vh - 200px);
    background:#F1F1F1;
    overflow: auto;
}
.listeDates>.date {
    display: block;
    margin-bottom:2px;
    background:#FFF;
    padding: 0 15px;
}

.listeDates>.date:not(.opened)>.top+div {
    display: none;
}

.listeDates>.date>.top {
    display: flex;
    background: #FFF;
    position: sticky;
    top: 0;
    padding: 5px 0;
}

.listeDates>.date>.top>input {
    flex: 1;
}

.listeDates>.date>.top>a {
    width: 24px;
    position: relative;
    cursor: pointer;
}

.listeDates>.date>.top>a.more:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    margin-left:-4px;
    margin-top:-8px;
    box-sizing:border-box;
    transform:rotate(45deg);
}


.sides.conf>.dates>.add {
    display: block;
    text-align: center;
    color: #E91E63;
    cursor: pointer;
    margin-top: 10px;
}
.listeDates>.date>.top>a.del:before,.listeDates>.date>.top>a.del:after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    background: red;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}
.listeDates>.date>.top>a.del:before{
    transform:rotate(45deg);
}
.listeDates>.date>.top>a.del:after{
    transform:rotate(-45deg);
}
.listeDates>.date.opened>.top>a.more:before {
    transform: rotate(-135deg);
}
.listeDates>.date>.top+div {
    font-size: 12px;
    /* margin-top: 5px; */
    box-sizing: border-box;
    background: #e2e0e0;
    padding: 5px;
    border-radius: 12px;
}
._inputDatas tr>td[colspan]>label {
    display: block;
    text-align: center;
}

._inputDatas tr>td[colspan]>label+input {
    width: 100%;
    box-sizing: border-box;
}

table._inputDatas {
    width: 100%;
}
.listeDates>.date>.top>input+input {
    width: 40px;
}
[data-checkboxes]>span {
    margin: 2px 5px 2px 2px;
    display: inline-block;
}

.mediatheque-area{
	min-height: 200px;
	background:#F1F1F1;
	border-radius:12px;
	margin:10px auto;
}

.mediatheque-area>.document {
    margin: 5px;
    background: #FFF;
    padding: 4px;
    box-sizing: border-box;
    display: flex;
    position: relative;
}

.mediatheque-area>.document>.top>.jour>label {
    display: none;
}

.mediatheque-area>.document>.top>.jour>input {
    width: 100%;
    background: transparent;
    border: navajowhite;
}

.mediatheque-area>.document>.top {
    flex: 1;
}

.mediatheque-area>.document>.bottom>a.del {
    width: 24px;
    height: 24px;
    display: block;
	position: relative;
	cursor:pointer;
}

.mediatheque-area>.document>.bottom>a.del:before,.mediatheque-area>.document>.bottom>a.del:after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    height: 2px;
    top: 50%;
    background: red;
}
.mediatheque-area>.document>.bottom>a.del:before{transform:rotate(45deg);}
.mediatheque-area>.document>.bottom>a.del:after{transform:rotate(-45deg);}
.mediatheque-area>.document.uploading {
    pointer-events: none;
    /* opacity: 0.5; */
}

.mediatheque-area>.document.uploading .percent {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: #989898a6;
    color: #FFF;
    text-shadow: 0 0 10px #000;
}

.mediatheque-area>.document.uploading .percent:before {
    content: attr(data-percent) "%";
}

.doc-rm {
    display: block;
}

.doc-rm:before {content: "Fichier actuel : ";font-weight: bold;}

.doc-rm:after {content: "retirer";display: inline-block;padding: 4px 6px;border: solid 1px red;color: red;margin-left: 4px;cursor: pointer;}

.doc-rm:empty {
    display: none;
}
table#listeExports>tbody>tr .download {
    text-decoration: none;
}
.sides.coaching {
    display: flex;
}

.sides.coaching>.side:first-child {
    width: 300px;
    overflow: auto;
    height: calc(100vh - 170px);
}

.sides.coaching>.side.right {
    flex: 1;
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 1px #cdcdcd;
    /* min-width: 600px; */
}
.sides.coaching>.right>h4 {
    font-weight: normal;
    font-size: 12px;
}
.coaching-documents.dragin {
	background-color:#cdcdcd!important;
}
.sides.coaching>.side.right .coaching-documents {
    height: calc(100vh - 200px);
    overflow: auto;
    background-color:#f1f1f1;
    margin-top:10px;
    padding:10px;
    box-sizing:border-box;
    border-radius:16px;
}
.coaching-documents>.coaching-document {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.coaching-documents>.coaching-document>.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.coaching-documents>.coaching-document>.top>div {
    display: flex;
    /* width: 100%; */
}

.coaching-documents>.coaching-document>.top>div input[type=number] {
    width: 40px;
    text-align: center;
}

.coaching-documents>.coaching-document>.top>div input {
    background: transparent;
    border: none;
    border-bottom: solid 1px #cdcdcd;
}

.coaching-documents>.coaching-document>.top>div>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: space-between; */
}

.coaching-documents>.coaching-document>.top>div>div:not(:last-child) {
    margin-right: 10px;
}

.coaching-documents>.coaching-document>.top>div>div>label {
    margin-bottom: 4px;
    font-weight: bold;
    text-align: left;
}

.coaching-documents>.coaching-document>.bottom {
    color: #6a6a6a;
    text-align: center;
    margin-top: 5px;
    position:relative;
}
.coaching-documents>.coaching-document>.bottom>.view:empty{display: none;}
.coaching-documents>.coaching-document>.bottom>.view{
	position:absolute;
	right:0;
	font-weight:bold;
	line-height: 16px;
	color: #000;
	top: -15px;
}
.coaching-documents>.coaching-document>.bottom>.view:after {
    content: " vue(s)";
}
.coaching-documents>.coaching-document>.bottom>.view:not(:empty):before {
    content: "";
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
    width: 16px;
    height: 16px;
    background: url(../img/vision.svg) no-repeat center center/contain;
    margin-top: -2px;
}

.coaching-documents>.coaching-document.uploading>.bottom .filename {
    font-size: 0;
}
.coaching-documents>.coaching-document.uploading>.bottom .filename:after{content:"En attente de chargement ...";font-size: 12px;}
.coaching-documents>.coaching-document.uploading>.bottom .filename[data-percent]:after {content: "Chargement ... " attr(data-percent) "%";}
.coaching-documents>.coaching-document>.top>div a.del {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    align-self:start;
    margin-top:-5px;
    margin-right:-5px;
    cursor:pointer;
}
.coaching-documents>.coaching-document>.top>div a.del:before{transform:rotate(45deg)}
.coaching-documents>.coaching-document>.top>div a.del:after{transform:rotate(-45deg)}
.coaching-documents>.coaching-document>.top>div a.del:before, .coaching-documents>.coaching-document>.top>div a.del:after{
    content:"";
    position:absolute;
    left:2px;
    right:2px;
    top:50%;
    height:2px;
    background:red;
    margin-top:-1px;
}
.selectable-list>a {
    display: block;
    padding: 5px;
    background: #F5F5F5;
    user-select: none;
    font-size: 14px;
    cursor: pointer;
}

.selectable-list>a:hover {
    background: #F1F1F1;
}

.selectable-list>a.selected {
    background: #2196F3;
    color: #FFF;
}
.coaching-documents>.coaching-document>.bottom>div {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}
.coaching-documents>.coaching-document>.bottom .doc-link {
    color: var(--accentColor);
    font-weight: bold;
    display: block;
    text-align: right;
    width: 100%;
    cursor: pointer;
}
.coaching-documents>.coaching-document>.bottom>div>div>strong {
    min-width: 124px;
    display: inline-block;
    text-align: left;
}

.coaching-documents>.coaching-document>.bottom>div {
    margin-bottom: 4px;
    text-align: left;
}
.coaching-documents>.coaching-document>.bottom>div>.button {
    padding: 2px;
    font-size: 12px;
    margin-left: 4px;
}
.sides.formule-detail>.side:first-child {
    padding-right: 10px;
    margin-right: 10px;
    border-right: solid 1px #cdcdcd;
}
.paiements-historique {
    height: 500px;
    max-height: calc(100vh - 300px);
    overflow: auto;
}

.paiements-historique>.paiement-bloc {
    font-size: 12px;
    background: #f1f1f1;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.listeDates>.date>.top>a.count:before {content: "Inscrit";display: block;font-size: 12px;}

.listeDates>.date>.top>a.count {
    text-align: center;
    width: 38px;
}
.item-intitules {
    display: flex;
    flex-wrap: wrap;
}

.item-intitules>span {
    margin: 2px;
    color: #636363;
}

.item-intitules>span>span:first-child {
    color: #000;
}
.qis-list>.qi-item:not(:last-child) {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #CDCDCD;
}

.qis-list>.qi-item {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.qis-list>.qi-item>:first-child {
    width: 30px;
}

.qis-list>.qi-item>:last-child {
    flex: 1;
}

.qis-list>.qi-item .bottom {
    display: flex;
    justify-content: flex-end;
}

.qis-list>.qi-item .bottom>.matiere {
    background: var(--accentColor);
    color: #FFF;
    padding: 3px 10px;
    border-radius: 14px;
    line-height: 1;
}
a.choose-qi {
    cursor: pointer;
    background: var(--accentColor);
    color: #FFF;
    text-decoration: none;
    padding: 3px 10px;
    border-radius: 14px;
    margin-left:5px;
}

.tabs{
    padding:15px;
}
.tabs>.tabs-content>.tab-content:not(.actif){
    display: none;
}
.tabs>.tabs-content>.tab-content{
    height:100%;
}
.tabs>.tabs-content{
    position: relative;
    /* border: solid 1px #eaeaea; */
    height: calc(100vh - 270px);
}
.tabs>.headin-tabs>a:not(.actif) {
    transform: translateY(5px);
    opacity: 0.7;
    background: #c1c1c1;
    color: #000;
}
.tabs>.headin-tabs>a{font-size: 20px;/* border: solid 1px #666; */padding: 6px 15px;cursor: pointer;background: #2f818e;color: #fff;}
.tabs>.headin-tabs{
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}
.tabs>.tabs-content>.tab-content>.inner {
    height: 100%;
    overflow: auto;
    font-size: 14px;
}

.tabs>.tabs-content>.tab-content>.inner>table>thead>tr>th {
    position: sticky;
    top: 0;
    background: #2f818e;
    z-index: 100;
    padding: 5px 10px;
    color: #fff;
    font-weight: normal;
}

.tabs>.tabs-content>.tab-content>.inner>table {
    border-collapse: collapse;
    width:100%;
}
.tabs>.tabs-content>.tab-content>.inner>table>tbody>tr{
    cursor: pointer;
}
.tabs>.tabs-content>.tab-content>.inner>table>tbody>tr>td {
    padding: 5px 10px;
}

.tabs>.tabs-content>.tab-content>.inner>table>tbody>tr:nth-child(2n)>td {
    background: #0000001c;
}
.tabs>.tabs-content>.tab-content>.inner>table>tbody>tr:hover {
    background: #b5d5f5;
}
.tabs>.tabs-content>.tab-content>.inner a.del {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: relative;
}

.tabs>.tabs-content>.tab-content>.inner a.del:before,.tabs>.tabs-content>.tab-content>.inner a.del:after {content: "";position: absolute;left: 4px;right: 4px;top: 50%;height: 2px;background: red;margin-top: -1px;}
.tabs>.tabs-content>.tab-content>.inner a.del:before{transform:rotate(-45deg)}
.tabs>.tabs-content>.tab-content>.inner a.del:after{transform:rotate(45deg)}
.tabs>.tabs-content>.tab-content>.inner a.del:hover{background:rgba(0,0,0,0.2);}
.tabs>.tabs-content>.tab-content>.inner tr:not([data-id-conferencier="0"]) a.del {
    display: none;
}
.tools.qi-tools {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.tools.qi-tools>input {
    outline: none;
    border-radius: 32px;
    padding: 9px;
    width: 320px;
}

.tools.qi-tools>a {
    line-height: 1;
    margin-left: 15px;
    cursor: pointer;
    color: var(--accentColor);
}
.tab-content>.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.tab-content[data-page="1"]>.pagination>a.prev{display:none;}
.tab-content:not(.hasNext)>.pagination>a.next{display:none;}
.tab-content td>small{
    color:#999;
    display: block;
    margin-top:3px;
}
.tab-content>.pagination>a {
    margin: 0 10px;
    cursor: pointer;
    color: #2196f3;
}
div#menu>ul>h3 {
    font-weight: normal;
    margin-top: 20px;
    font-size: 16px;
    margin-left: 20px;
    border-bottom: solid 1px rgba(255,255,255,0.2);
    padding-bottom: 8px;
}

.bloc-formule {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.bloc-formule>div:first-child {
    background: #fff;
    border-radius: 8px;
    margin-right: 10px;
    padding: 15px;
    box-sizing: border-box;
    max-width: 600px;
}

.bloc-formule>div:last-child {
    flex: 1;
}
.bloc-formule>div:first-child>h3 {
    font-weight: normal;
    font-size: 24px;
    text-align: left;
    margin-bottom: 15px;
}
.formule-presentation {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 10px;
}

.formule-presentation>span {
    background: var(--accentColor);
    /* border: solid 1px #f1f1f1; */
    padding: 4px 6px;
    border-radius: 4px;
    margin-right: 5px;
    /* font-weight: bold; */
    color: #fff;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.formule-presentation>span:before {
    content: "";
    width: 18px;
    margin-right: 4px;
    background: url(../img/icone-conferences.png) no-repeat center center/contain;
    height: 18px;
    filter: invert(1) brightness(1);
}
.formule-presentation>span.session:before {
    background-image:url(../img/icone-sessions.png);
}
.formule-presentation>span.forum:before {
    background-image:url(../img/icone-forum.png);
}
table#listeFormuleTarget>tbody>tr.expired {
    opacity: 0.4;
}

table#listeFormuleTarget>tbody>tr {
    background: #fff;
}

table#listeFormuleTarget {
    border-radius: 8px;
    overflow: hidden;
}
.bloc-formule>div:first-child {
    position: sticky;
    top:20px;
}
table#listeFormuleTarget>tbody>tr.closed+tr:not(.closed)>td {
    border-top: solid 10px #fff;
    box-shadow: 0 6px 0 0 inset #f1f1f1;
    padding-top: 10px;
}

table#listeFormuleTarget>tbody>tr.closed>td {
    font-style: italic;
    color: #776907;
}

.bloc-formule.no-targets>div:first-child:before,.bloc-formule.no-targets>div:first-child:after {content: "";position: absolute;left: 30px;right: 30px;top: 50%;height: 4px;border-radius: 2px;background: #ff00006e;pointer-events: none;margin-top: -2px;}

.bloc-formule.no-targets>div:first-child:before {
    transform: rotate(35deg);
}
.bloc-formule.no-targets>div:first-child:after {
    transform: rotate(-35deg);
}
#windowFormules.hide-old>.bloc-formule.no-targets:not(.new+[data-target-count='0']){
    display: none;
}
#windowFormules.hide-old>.bloc-formule #listeFormuleTarget>tbody>tr.expired{
    display: none;
}
#windowFormules.hide-closed>.bloc-formule #listeFormuleTarget>tbody>tr.closed{
    display: none;
}
#windowFormules.hide-closed>.bloc-formule:not(:has(.ouvert)){
    display: none;
}
.toolbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.toolbar>.tools {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.toolbar>.tools>.dates {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
}

.toolbar>.tools>.dates>a {
    cursor: pointer;
    padding: 8px 12px;
    background: #f1f1f1;
    position: relative;
    outline:none;
    display: flex;
    align-items: center;
}
.toolbar>.tools>* {
    margin: 4px;
}
.toolbar>h1 {
    margin: 0;
}

.toolbar {
    margin-bottom: 15px;
}

.toolbar>.tools>.dates>a:not(:last-child):after {content: "";position: absolute;left: 100%;width: 2px;margin-left: -1px;top: 5px;bottom: 5px;background: #cdcdcd;}

.toolbar>.tools>.dates>a:hover {
    background: #cdcdcd;
}

.toolbar>.tools>.dates>a.selected {
    background: var(--accentColor);
    color: #fff;
}
table.listeDatas>thead>tr>th {
    position: sticky;
    top: 0;
}
div#attribFiches {
    position: fixed;
    top: 200px;
    z-index: 100;
    background: #fff;
    margin-left: 70px;
    width: 240px;
    left: 300px;
    display: flex;
    flex-direction: column;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: transform 0.2s, opacity 0.2s;
}

div#attribFiches:not(.visible) {
    transform: translateX(50px);
    opacity: 0;
    pointer-events: none;
}
.bloc-indice {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 150px;
    justify-content: center;
}

.bloc-indice>strong {
    font-weight: normal;
    font-size: 32px;
    text-align: center;
}

.bloc-indice>span {font-size: 18px;color: #333;}

.bloc>.bloc-indice {
    margin: -15px;
    cursor: pointer;
}
.bloc-indice>span>strong {
    color: red;
    font-weight: normal;
    font-size: 12px;
    display: block;
}
.sides.coaching>.side.right>.top {
    display: flex;
}

.sides.coaching>.side.right>.top>div.title {
    flex: 1;
}
.sides.coaching>.side.right>.top>div.actions>a{
    width:24px;
    height:24px;
    background: #f5f5f5;
    cursor: pointer;
    position: relative;
}
.sides.coaching>.side.right>.top>div.actions{
    display:flex;
    align-items: center;
}
.sides.coaching>.side.right>.top>div.actions>a.import-questions {
    border: solid 2px #000;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
}

.sides.coaching>.side.right>.top>div.actions>a.import-questions:before,.sides.coaching>.side.right>.top>div.actions>a.import-questions:after {content: "";position: absolute;left: 4px;right: 4px;top: 50%;height: 2px;background: #000;margin-top: -1px;}

.sides.coaching>.side.right>.top>div.actions>a.import-questions:before {
    transform: rotate(90deg);
}
table.inputDatas.notif textarea {
    width: 720px;
    height: 310px;
    resize: none;
}

table.inputDatas.notif iframe#bodyRenderer {
    width: 720px;
    border: solid 8px #d5e6eb;
    border-radius: 8px;
    height: 200px;
    box-sizing: border-box;
    resize: auto;
}
table.inputDatas.notif th {
    text-align: left;
    width: auto;
}

table.inputDatas.notif input[type='text'] {
    width: 100%;
    box-sizing: border-box;
}
table.inputDatas.notif .criteres>div {
    margin-bottom: 10px;
    max-height: 200px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 400px;
}

table.inputDatas.notif label {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    gap: 4px;
}

table.inputDatas.notif .criteres>div>div>label>input {
    /* width: 24px; */
}
.bloc.bloc100.tabLinks {
    padding-bottom: 50px;
}
.site-switcher {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 17px;
    display: flex;
    justify-content: center;
    gap: 0;
    pointer-events: none;
}

.site-switcher>a {
    cursor: pointer;
    background: #ffffff99;
    padding: 6px 19px;
    pointer-events: all;
    display: flex;
    align-items: center;
}

.site-switcher>a.current {
    background: #fffffffa;
    pointer-events: none;
    border-radius: 24px!important;
    margin: -3px -15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    position: relative;
    z-index: 5;
    font-weight: 500;
    color: var(--accentColor);
}

.site-switcher>a:first-child {
    border-radius: 24px 0 0 24px;
}

.site-switcher>a:last-child {
    border-radius: 0 24px 24px 0;
}

.site-switcher>a:hover {
    background: #ffffffcc;
}
.limitedContent_items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.limitedContent_items>.limitedContent_item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.limitedContent_items>.limitedContent_item>.limitedContent_item_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.limitedContent_items .limitedContent_item_content_item {
    display: flex;
    align-items: center;
    position: relative;
}

.limitedContent_items .limitedContent_item_content_item>input {
    width: 64px;
}
.limitedContent_items .limitedContent_item_content_item>label{
    width:110px;
}
.limitedContent_items .limitedContent_item_content_item:has(label.chk>input:checked)>:not(.chk){
    opacity:0.5;
    pointer-events: none;
}
.limitedContent_items .limitedContent_item_content_item>label.chk{
    width: auto;
    position: absolute;
    right: 100%;
    margin-right: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--accentColor);
    color: #fff;
    padding: 4px;
    border-radius: 4px;
}

td input:not(:checked)~.limitedContent {
    display: none;
}
.conf-epreuves {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.conf-epreuves>.conf-epreuve>.bottom {
    display: flex;
    gap: 15px;
}

.conf-epreuves>.conf-epreuve>.bottom>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.conf-epreuves>.conf-epreuve>.bottom>div>label {
    font-weight: 500;
    color: #666;
    font-size: 12px;
}
.conf-epreuves>.conf-epreuve>.bottom>div:last-child {
    flex: 1;
    align-items: flex-end;
}
tr.hasAction {
    cursor: pointer;
}
.vars {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    user-select: none;
}

.vars>div {
    display: flex;
    gap: 4px;
}

.vars>div>label {
    font-weight: 600;
}

.vars>div>span {
    color: #666;
    user-select: all;
}
.bloc.modeles {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.bloc.modeles>.modele-type {width: 100%;max-width: 600px;background: #fff;padding: 15px;border-radius: 24px;}

.bloc.modeles>ul {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.bloc.modeles>.modele-type>h2 {
    text-transform: uppercase;
}
.inputDatas.modele textarea#content {
    min-width: 600px;
    position: static;
    height: 280px;
}
table.inputDatas.modele th {
    width: auto;
    text-align: left;
}
.ecos-group.form .sides {
    gap: 15px;
    align-items: flex-start;
}

.ecos-group.form .sides>.left {
    width: 380px;
}

.ecos-group.form .sides>.right {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ecos-group.form .sides .left {
    display: flex;
    /* flex-wrap: wrap; */
    /* gap: 10px; */
    flex-direction: column;
    gap: 5px;
    position: sticky;
    top: 0;
}

.ecos-group.form .sides .left .field {
    display: flex;
    flex: 1;
    min-width: 110px;
    flex-wrap: wrap;
    gap: 5px;
}

.ecos-group.form .sides .left .field>label {
    min-width: 100px;
}

.ecos-group.form .sides .left .field>textarea, .ecos-group.form .sides .left .field>input:is([type="text"],[type="datetime-local"]) {
    flex: 1;
}

.ecos-group.form .sides .left .field>textarea {
    height: 105px;
}

.ecos-group.form .sides>.right>h3 {
    font-weight: normal;
    font-size: 20px;
    padding-top: 20px;
    background: #fff;
    position: sticky;
    top: -15px;
    z-index: 10;
    margin-bottom: 10px;
}

.ecos-group.form .sides>.right>[data-name] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    flex-wrap: wrap;
}
.ecos-group.form .sides>.right>[data-name]>label {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
    width: calc(100% / 2 - 15px);
    font-size: 12px;
}
.ecos-group.form .sides>.right>[data-name]>label.hidden:not(:has(:checked)){
    display: none;
}
.ecos-group.form .sides>.right>[data-name]>label:has(:checked) {
    background: #a2e8f9;
}
.ecos-group.form .sides .left .field>div {
    width: 100%;
}
table.inputDatas.notif .criteres>div>[title]>label>span:after {
    content: "i";
    display: inline-flex;
    width: 16px;
    height: 16px;
    border: solid 1px;
    margin-left: 4px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    cursor: help;
}
.popup-preview {
    width: 440px;
    margin: 15px auto;
    background: #d1ebea;
    overflow: auto;
    max-height: calc(100vh - 300px);
    padding: 15px;
    font-size: 12px;
    border-radius: 4px;
}
span.source-label {
    background: var(--accent);
    color: #fff;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 4px;
    display: block;
    max-width: 70px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}
.widgets {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 20px;
}

.widgets>.widget.size-full {
    /* width: 100%; */
    flex-basis: inherit;
}
.widgets>.widget {
    border-radius: 8px;
    box-shadow: 0 2px 5px #00000033;
    /* overflow: hidden; */
    flex: 0 1 390px;
    position: relative;
}

.widgets>.widget>h2 {
    padding: 10px;
}

.widgets>.widget .graph {
    width: 100%;
    aspect-ratio: 1/.5;
}
.widgets>.widget>.zoom {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.widgets>.widget>.zoom:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 6px;
    height: 6px;
    border-top: solid 2px;
    border-left: solid 2px;
}
.widgets>.widget>.zoom:after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 6px;
    height: 6px;
    border-right: solid 2px;
    border-bottom: solid 2px;
}
.widgets>.widget.zoom{
    flex-basis: calc(100% / 2 - 15px);
}
.widgets>.widget.zoom>.zoom:before{
    border-left:none;
    border-top:none;
    border-right:solid 2px;
    border-bottom:solid 2px;
}
.widgets>.widget.zoom>.zoom:after{
    border-right:none;
    border-bottom:none;
    border-left:solid 2px;
    border-top:solid 2px;
}
.bloc-formule>div>h4 {
    font-size: 12px;
    text-align: left;
    margin-top: -15px;
    margin-bottom: 15px;
    color: #666;
}
.widgets>.widget .table {
    font-size: 12px;
    /* overflow: auto; */
    /* max-height: calc(100vh - 240px); */
}

.widgets>.widget .table table>thead {
    background: #3b527e;
    position: sticky;
    top: 0;
    z-index: 3;
    color: #ffffff;
    white-space: pre;
}

.widgets>.widget .table table>tbody>tr>td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

.widgets>.widget .table>table {
    border-spacing: 0;
}

.widgets>.widget .table table :is(th,td) {
    padding: 8px 8px;
    box-shadow: -1px 0 0 0 #0000333b inset, 0 -1px 0 0 #0000333b inset;
    position: relative;
}

.widgets>.widget .table table>tbody>tr:nth-child(2n) {
    background: #f1f1f1;
}

.widgets>.widget .table table>tbody>tr>td:nth-child(2n-1) {
    background: #e5e5e57a;
}

.widgets>.widget .table table>tbody>tr>td:first-child {
    font-weight: bold;
    /* white-space: pre; */
    text-align: left;
    /* max-width: 380px; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    width: 210px;
    display: block;
    backdrop-filter: blur(8px);
}

.widgets>.widget .table table>thead>tr:first-child>th:nth-child(2n) {
    /* background: #7c178d; */
}
.widgets>.widget .table table>tfoot {
    background: #3F51B5;
    color: #FFF;
    font-weight: bold;
    position: sticky;
    bottom: 0;
    z-index: 5;
}

.widgets>.widget .table table>tfoot>tr>td:nth-child(2n-1) {
    /* background: #00000033; */
}
.widgets>.widget .table table:has(td:nth-child(2):hover) tr>td:nth-child(2),
.widgets>.widget .table table:has(td:nth-child(3):hover) tr>td:nth-child(3),
.widgets>.widget .table table:has(td:nth-child(4):hover) tr>td:nth-child(4),
.widgets>.widget .table table:has(td:nth-child(5):hover) tr>td:nth-child(5),
.widgets>.widget .table table:has(td:nth-child(6):hover) tr>td:nth-child(6),
.widgets>.widget .table table:has(td:nth-child(7):hover) tr>td:nth-child(7),
.widgets>.widget .table table:has(td:nth-child(8):hover) tr>td:nth-child(8),
.widgets>.widget .table table:has(td:nth-child(9):hover) tr>td:nth-child(9),
.widgets>.widget .table table:has(td:nth-child(10):hover) tr>td:nth-child(10),
.widgets>.widget .table table:has(td:nth-child(11):hover) tr>td:nth-child(11),
.widgets>.widget .table table:has(td:nth-child(12):hover) tr>td:nth-child(12),
.widgets>.widget .table table:has(td:nth-child(13):hover) tr>td:nth-child(13),
.widgets>.widget .table table:has(td:nth-child(14):hover) tr>td:nth-child(14),
.widgets>.widget .table table:has(td:nth-child(15):hover) tr>td:nth-child(15),
.widgets>.widget .table table:has(td:nth-child(16):hover) tr>td:nth-child(16),
.widgets>.widget .table table:has(td:nth-child(17):hover) tr>td:nth-child(17),
.widgets>.widget .table table:has(td:nth-child(18):hover) tr>td:nth-child(18),
.widgets>.widget .table table:has(td:nth-child(19):hover) tr>td:nth-child(19),
.widgets>.widget .table table:has(td:nth-child(20):hover) tr>td:nth-child(20),
.widgets>.widget .table table:has(td:nth-child(21):hover) tr>td:nth-child(21),
.widgets>.widget .table table:has(td:nth-child(22):hover) tr>td:nth-child(22),
.widgets>.widget .table table:has(td:nth-child(23):hover) tr>td:nth-child(23),
.widgets>.widget .table table:has(td:nth-child(24):hover) tr>td:nth-child(24),
.widgets>.widget .table table:has(td:nth-child(25):hover) tr>td:nth-child(25),
.widgets>.widget .table table:has(td:nth-child(26):hover) tr>td:nth-child(26),
.widgets>.widget .table table:has(td:nth-child(27):hover) tr>td:nth-child(27),
.widgets>.widget .table table:has(td:nth-child(28):hover) tr>td:nth-child(28),
.widgets>.widget .table table:has(td:nth-child(29):hover) tr>td:nth-child(29),
.widgets>.widget .table table:has(td:nth-child(30):hover) tr>td:nth-child(30),
.widgets>.widget .table table:has(td:nth-child(31):hover) tr>td:nth-child(31),
.widgets>.widget .table table:has(td:nth-child(32):hover) tr>td:nth-child(32),
.widgets>.widget .table table:has(td:nth-child(33):hover) tr>td:nth-child(33),
.widgets>.widget .table table:has(td:nth-child(34):hover) tr>td:nth-child(34),
.widgets>.widget .table table:has(td:nth-child(35):hover) tr>td:nth-child(35),
.widgets>.widget .table table:has(td:nth-child(36):hover) tr>td:nth-child(36),
.widgets>.widget .table table:has(td:nth-child(37):hover) tr>td:nth-child(37),
.widgets>.widget .table table:has(td:nth-child(38):hover) tr>td:nth-child(38),
.widgets>.widget .table table:has(td:nth-child(39):hover) tr>td:nth-child(39),
.widgets>.widget .table table:has(td:nth-child(40):hover) tr>td:nth-child(40),
.widgets>.widget .table table:has(td:nth-child(41):hover) tr>td:nth-child(41),
.widgets>.widget .table table:has(td:nth-child(42):hover) tr>td:nth-child(42),
.widgets>.widget .table table:has(td:nth-child(43):hover) tr>td:nth-child(43),
.widgets>.widget .table table:has(td:nth-child(44):hover) tr>td:nth-child(44),
.widgets>.widget .table table:has(td:nth-child(45):hover) tr>td:nth-child(45),
.widgets>.widget .table table:has(td:nth-child(46):hover) tr>td:nth-child(46),
.widgets>.widget .table table:has(td:nth-child(47):hover) tr>td:nth-child(47),
.widgets>.widget .table table:has(td:nth-child(48):hover) tr>td:nth-child(48),
.widgets>.widget .table table:has(td:nth-child(49):hover) tr>td:nth-child(49),
.widgets>.widget .table table:has(td:nth-child(50):hover) tr>td:nth-child(50), 
.widgets>.widget .table table>tbody>tr:hover>td{
    background-color: #a9d5f359;
}
.widgets>.widget>h2>a {
    display: inline-block;
    margin-left: 15px;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    padding: 4px 8px;
    cursor: pointer;
    background: #9d27b0;
    color: #FFF;
    border-radius: 4px;
}
.widgets>.widget .table table :is(th,td).montant:before {
    background: #107385;
}

.widgets>.widget .table table :is(th,td).total:before {
    background: #b31697;
}
.widgets>.widget .table table :is(th,td):before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: .2;
}

.widgets>.widget .table table :is(th,td)>* {
    position: relative;
    z-index: 1;
}
.widgets>.widget .links {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.widgets>.widget .links>a {
    color: #000;
    padding: 4px 10px;
    background: #F1F1F1;
    text-decoration: none;
    font-size: 14px;
    /* white-space: pre; */
    /* text-overflow: ellipsis; */
    /* max-width: 300px; */
    /* overflow: hidden; */
    border-bottom: solid 1px #CDCDCD;
}

.widgets>.widget .links>a:hover {
    background: #def2fd;
}
.wnd .chks {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
}
.wnd>.box>div>.sub-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
}

.wnd>.box>div>.sub-actions>a {
    cursor: pointer;
    color: var(--accent,#ff6600);
}
div#lieuxGroupesList {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    margin-bottom: 10px;
}

div#lieuxGroupesList label {
    display: flex;
    gap: 5px;
    background: #F1F1F1;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

div#lieuxGroupesList label:has(:checked) {
    background: #2f8194;
    color: #FFF;
}
@media(max-width:1650px){
    .bloc-formule {
        flex-direction: column;
        align-items: stretch;
    }
    
    .bloc-formule>div:first-child {
        position: relative;
        top: 0;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    
    .bloc-formule>div:first-child>h3 {
        text-align: center;
    }
    
    .formule-presentation {
        justify-content: center;
    }
}