:root{
	--width:1600px;
	--menu-et-boutons: #808080;
	--bg: #d3d3d3;
}
.flex {
	display:flex;
	gap:20px;
}
.semainier {
	position:relative;
}
.semainier .voile {
	background-color:rgba(255,255,255,0.5);
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
	display:none;
}
.semainier.loading .voile {
	display:block;
}
.semainier.loading .headersemainier .voile {	
	display:none;
}
.semainier.loading.fixed .headersemainier .voile {
	display:block;
	height:calc(100% - 20px);
}
.doublechamp {
	display:flex;
}
.doublechamp > div {
	margin-right:20px;
}
.separateur {
	max-width:800px;
	height:1px;
	background-color:grey;
	margin:25px 0px;
}
.headersemainier .loading {
	background-image:url('loading.gif');
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	width:100%;
	height:200px;
	z-index:2;
	display:none;
}
.semainier.loading .headersemainier .loading {
		display:block;
}
.semainier td.vert,.semainierlegende .vert {background-color:#8edb8e;}
.semainier td.bleu,.semainierlegende .bleu {background-color:#8ec9db;}
.semainier td.magenta,.semainierlegende .magenta {background-color:#ea73c6;}
.semainier td.mauve,.semainierlegende .mauve {background-color:#b18edb;}
.semainier td.orange,.semainierlegende .orange {background-color:#ffc457;}
.semainier td.rouge,.semainierlegende .rouge {background-color:#ff8f8f;}
.semainier td.jaune,.semainierlegende .jaune {background-color:#fffa73;}

.semainier td.vert:hover {background-color:#70d170;}
.semainier td.bleu:hover {background-color:#70bad1;}
.semainier td.magenta:hover {background-color:#e44fb7;}
.semainier td.mauve:hover {background-color:#9c70d1;}
.semainier td.orange:hover {background-color:#ffb62f;}
.semainier td.rouge:hover {background-color:#ff6767;}
.semainier td.jaune:hover {background-color:#fff94b;}


.container {
	display:block;
	position:relative;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	margin-bottom:10px;
	padding:0px 0px 1px 30px;
	color:#3f3f3f;
	font-family:Verdana;
	font-size:17px;
}
.entete .container {
	display:inline;
	color:white;
}
.container.sanslabel {width:20px;height:20px;margin:auto;padding:0px;}
.container input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;z-index:-10;}
.checkmark {
    position:absolute;
    top:1px;left:0px;
    height:18px;width:18px;
    background-color:white;
    border:1px solid #787878;
}
.container.radio .checkmark {border-radius:50%;}
.container.radio input:disabled ~ .checkmark {opacity:0.2;}
.checkmark::after {content:"";position:absolute;display:none;}
.container input:checked ~ .checkmark::after{display:block;}
.container.checkbox .checkmark::after {
    top:2px;left:6px;
    width:4px;height:9px;
    border:solid #2fb350;
    border-width:0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.table.croise tr th {
	background-color:#a4a4a4;
	color:white;
	overflow: hidden;
	position: relative;
}
.table.croise tr th.focus {background-color:#959393;}
.niveau0:not(.feuille) td{background-color:#8b9cf9;font-weight:bold;}
.niveau0:not(.feuille) td.focus{background-color:#93a2f9 !important;}
.niveau1:not(.feuille) td{background-color:#a8b5ff;font-weight:bold;}
.niveau1:not(.feuille) td.focus{background-color:#93a2f9 !important;}
.niveau2:not(.feuille) td{background-color:#c0c9fd;font-weight:bold;}
.niveau2:not(.feuille) td.focus{background-color:#a8b5ff !important;}
.niveau3:not(.feuille) td{background-color:#dfe4ff;font-weight:bold;}
.niveau3:not(.feuille) td.focus{background-color:#c0c9fd !important;}
.optionnel.feuille td{background-color:lightgrey;}
.vertical {
	width:20px;
	height:120px;
}
#ParamPrint {
	display:none;
	position:fixed;
	width:600px;
	margin-left:calc(50% - 300px);
	margin-top:300px;
	padding:20px;
	border:1px solid black;
	box-shadow: 10px 10px 15px #5b5b5b;
	background-color:white;
	z-index:10;
}
#ParamPrint h3{
	margin-top:0px;
}
#ParamPrint input[type="submit"], #ParamPrint input[type="button"],#ParamPrint .button{
	margin-bottom:0px;
	margin-top:20px;
}
.vertical div{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	height:120px;
	width:120px;
	margin-top:-60px;
	position:absolute;
}
.vertical.larger div {margin-left:-7px;}
.container.radio .checkmark::after {
    top:4px;left:4px;
    width:10px;height:10px;
    border-radius:50%;
	background-color:#2fb350;
}
select {
    color:#3f3f3f;
	font-family:Verdana;
	font-size:17px;
    padding:6px 30px 6px 10px;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    position:relative;
    background-color:white;
    border:1px solid #787878;
    overflow:hidden;
    text-transform:none;
    text-overflow: ellipsis;
    white-space:nowrap;
    z-index:2;
	margin:0px;
	width:294px;
	margin-bottom:10px;
}
.periodes select {
	margin:0px;
	width:auto;
}
select.long {
	width:472px;
}
select.fullwidth {
	width:100%;
}
select option:disabled {
	color:red;
}
.select.small select {
	background-color:transparent;
	border:0px;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:2px 30px 2px 3px;
}
.select {position:relative;width:294px;margin-bottom:10px;}
.select.long {width:450px;}
.select.small {width:150px;margin-bottom:0px;}
.select::after {
    top:10px;right:13px;
    width:9px;height:9px;
    border:solid #2fb350;
    border-width:0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content:"";
    position:absolute;
	z-index:2;
}
.select.small::after {
	border:solid white;
	border-width:0 2px 2px 0;
	top:0px;
	right:4px;
}

.souscal {
	display:flex;
	flex-direction:row;
	align-items:flex-start;
}
.souscal > div {
	margin-right:20px;
}

.preview {
	min-height:150px;
	border: 1px solid #787878;
	padding: 7px 10px 7px 10px;
	background-color:#ebebeb;
	margin-bottom:10px;
}
.results {
	font-size:18px;
	margin-top:20px;
}
.pousseur {
	height:20px;
	background-color:transparent;
	display:none;
}
.site.connexion .pousseur {
	display:none;
}
html {
	/*overflow-y:scroll;*/
	background:url('bg.jpg');
	background-size:cover;
	background-position:bottom left;
	background-attachment: fixed;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	font-family:Verdana;
	height:100%;
}
body {
	width:calc(100% - 20px);
	margin:0px;
	margin:auto;
	min-height:calc(100% - 42px);
	font-family:Verdana;
	position:relative;
	padding:0px 10px 0px 10px;
	height:100%;
}
body.connexion {
	width:100%;
	padding:0px;
}
body.connexion .bg,body.connexion .voile {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:absolute;
	z-index:1;
}
body.connexion .voile {
	z-index:5;
	background-color:rgba(255,255,255,0.3);
}
.header {
	position:fixed;
	z-index:100;
	max-width:var(--width);
}
.site.connexion .header {
	position:relative;
}

form {margin:0px;}
.hidden {
	display:none;
}
input[type=submit],input[type=button],.button {
	display:block;
	text-decoration:none;
	padding:10px 20px 10px 20px;
	background-color:var(--menu-et-boutons);
	color:white;
	font-family:Verdana;
	float:left;
	cursor:pointer;
	border:0px;
	margin:0px 10px 10px 0px;
	font-size:14px;
	font-weight:bold;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.prerequis {
	display:flex;
	flex-direction:column;
	gap:20px;
	margin-bottom:20px;
	width:380px;
}
.prerequis a {
	display:block;
	text-decoration:none;
	cursor:pointer;
	padding:10px 20px 10px 40px;
	background-color:#43c443;
	color:white;
	border-radius:5px;
	position:relative;
}
.prerequis.pasok a {background-color:#f25757;}

.prerequis.ok a::after {
	content: "";
	display: block;
	position: absolute;
	left: 15px;
	top: 10px;
	width: 7px;
	height: 11px;
	border: solid white;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.prerequis.pasok a::before,.prerequis.pasok a::after {
	content: "";
	display:block;
	position: absolute;
	background:white;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
.prerequis.pasok a::before {
	width:15px;
	height:2px;
	top:18px;
	left:12px;
}
.prerequis.pasok a::after {
	height: 15px;
	width: 2px;
	left: 18px;
	top: 12px;
}

input[type=submit].small,input[type=button].small,.button.small {
	float:none;
	margin:auto;
	margin-top:5px;
	padding:5px 10px;
	font-size:12px;
}
.site.connexion input[type=submit] {
	margin:auto;
	float:none;
	width:100%;
}
.error {
	width:20px;
	height:20px;
	background-image:url('alerte.png');
	background-size:cover;
	position:absolute;
	margin:8px 0px 0px 300px;
}
.error.textarea {margin:8px 0px 0px 730px;}
.select.long .error {margin:8px 0px 0px 460px;}
.entete input[type=submit] {
	background-color:white;
	color:black;
	margin:0px;
	border:1px solid grey;
	font-size:16px;
	padding:9px 20px 9px 20px;
}
input[type=submit]:hover,input[type=button]:hover,.button:hover,input[type=submit]:focus,input[type=button]:focus,.button:focus {background-color:#1d8c9e;}
.entete input[type=submit]:hover {background-color:lightgrey;}
input[type=text],input[type=password],textarea,input[type=color] {
	display:block;
	color:#3f3f3f;
	font-family:Verdana;
	font-size:17px;
	border:1px solid #787878;
	padding:7px 10px 7px 10px;
	margin-bottom:10px;
	width:272px;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
td input[type=text] {
	margin-bottom:0px;
}
.connexion input[type=text],.connexion input[type=password] {
	margin-bottom:15px;
}
.elementslies {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	width:350px;
}
.elementslies.long {
	width:472px;
}
.elementslies li {
	border:1px solid grey;
	padding:5px 10px;
	color:#3f3f3f;
	margin:3px 0px;
	background-color:#ebebeb;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.elementslies li .fa-bars{
	display:none;
}
.elementslies.sortable li {
	cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.elementslies.sortable li .fa-bars{
	display:inline;
}
.ui-sortable-helper {
	cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
}
.elementslies i.fa-trash {cursor:pointer !important;}
.elementslies span {
	width:100%;
}
.elementslies.sortable span {
	margin-left:10px;
}
.tableselection  {
	border-collapse:collapse;
	position:absolute;
	margin-top:-11px;
	z-index:1000;
}
.tableselection tr td{
	background-color:white;
	cursor:pointer;
	padding:7px 10px 7px 10px;
	color:#3f3f3f;
	font-family:Verdana;
	font-size:17px;
	border:1px solid grey;
	width:320px;
	-moz-transition: all 0.2s ease; /* Firefox */
	-webkit-transition: all 0.2s ease; /* WebKit */
	-o-transition: all 0.2s ease; /* Opera */
	transition: all 0.2s ease; /* Standard */
}
.tableselection tr td:hover{
	background-color:lightgrey;
}

.site.connexion input[type=text],.site.connexion input[type=password] {
	width:calc(100% - 22px);
}
input[type=text]:disabled,input[type=password]:disabled,textarea:disabled {
	background-color:#ebebeb;
}
.entete input[type=text] {
	margin-bottom:0px;
	width:150px;
	height:23px;
	background-image:url(loupe.png);
	background-repeat:no-repeat;
	background-position:center right 10px;
	padding-right:40px;
	font-size:16px;
	font-weight:bold;
}
.lignentete {
	display:flex;
	align-items:center;
}
.color {
	margin-bottom:10px;
}
textarea {
	resize:none;
	height:100px;
	width:700px;
}
textarea.deuxlignes {height:58px;}
input[type=text].long,input[type=password].long {width:450px;}
input[type=text].fullwidth,input[type=password].fullwidth {width:calc(100% - 22px);}
input[type=color] {
	padding:0px;
	border:0px;
	width:272px;
	height:37px;
	cursor:pointer;
}
input[type=text]:focus,input[type=password]:focus,textarea:focus,span.select.focus {
	background-color:#ebf4fe;
}
.returnok {
	padding: 20px;
    background-color:#5acb47;
    color: white;
    margin-bottom: 20px;
	font-family:Verdana;
}
.returnpasok {
	padding: 20px;
    background-color:#e03232;
    color: white;
    margin:0px 0px 20px 0px;
	font-family:Verdana;
}
.site.connexion .returnpasok,.site.connexion .returnok {
	text-align:center;
    margin:15px 0px 0px 0px;
	padding:10px;
}
.entete {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	border:1px solid black;
	padding:10px 20px 10px 85px;
	color:white;
	background-image:url('bpmm2.png');
	background-size:59px auto;
	background-repeat:no-repeat;
	background-position:center left 12px;
	background-color:#364ca4;
}
.entete .left {
	
}
.entete .right {
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
}
.site.connexion .entete {
	border-bottom:0px;
}
.divcheckbox {
	margin-bottom:10px;
	display:flex;
	flex-direction:row;
	align-items:center;
}

.periodes {

}
.menu {
	display:flex;
}
.divmenu {
	margin:0px;
	background-color:var(--menu-et-boutons);
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
}
.menu td {border-right:1px solid black;border-left:1px solid black;}
.entete .titre {
	font-weight:bold;
	font-size:18px;
	line-height:67px;
	display: flex;
	align-items: center;
	gap:10px;
}
.entete .titre a {
	color:white;
	text-decoration:none;
}
.entete .titre a:hover {
	color:yellow;
}
.site {
	height:100%;
	max-width:var(--width);
	margin:auto;
	position:relative;
}
.site.connexion {
	z-index:10;
	width:400px;
	max-width:calc(100% - 50px);
	height:auto;
	top:calc(50% - calc(291px / 2) - 80px);
}
.contenu {
	background-color:white;
	padding:157px 20px 20px 20px;
	border:1px solid black;
	min-height:calc(100% - 157px - 20px - 2px);
	
	-moz-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.contenu.connexion {
	padding:45px 30px;
}
.menu a {
	font-weight:bold;
	display:flex;
	align-items:center;
	gap:15px;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:10px 15px 10px 15px;
	text-decoration:none;
	color:white;
	cursor:pointer;
	font-size:15px;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	border-right:1px solid black;
}

.nums {
	font-size:11px;
}
.menu a:hover, .menu a.actif{background-color:white;color:var(--menu-et-boutons);}
.menu a.accueil:hover, .menu a.accueil.actif{background-color:white;background-image:url('accueil.png');color:var(--menu-et-boutons);}
.menu a.parametres:hover, .menu a.parametres.actif{background-color:white;background-image:url('parametres.png');color:var(--menu-et-boutons);}
.menu a.associations:hover, .menu a.associations.actif{background-color:white;background-image:url('bpmm.png');color:var(--menu-et-boutons);}
.menu a.todoo:hover{background-color:#db8e00;}
.chemin {
	font-weight:bold;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px solid grey;
}
.chemin a{
	text-decoration:none;
	color:#2fb350;
}
.chemin a:hover{text-decoration:underline;}
.libelle {
	font-size:11px;
	color:grey;
	margin-bottom:3px;
}
.table {
	border-collapse:collapse;
	margin-top:10px;
}
.table.acces {
	margin-top:0px;
	margin-bottom:10px;
}
.table.croise {
	border-collapse:separate;
	border-spacing:2px;
}
.table.full {
	width:100%;
}
.onlyforremplacant {
	display:none;
}
.semainierlegende {
	display:flex;
	align-items:center;
	margin-top:10px;
}
.infohidden {
	display:none;
}
.listeagentpres {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	max-height:400px;
	width:720px;
}
.listeagentpres span {
	width:240px;
}
#descriptionflottante h2 {
	margin-top:0px;
}

.semainierlegende > div{
	margin-right:15px;
	display:flex;
}
.semainierlegende .carre {
	width:20px;
	height:20px;
	margin-right:10px;
}
.table tr td,.table tr th {
	border:1px solid grey;
	padding:10px;
	text-align:left;
	font-size:14px;
}
.table tr th {
	background-color:#e0e2ff;
}
.table tr.group td {
	background-color:#e0e2ff;
}
.actionfiche {
	float:right;
}
.actionfiche i {
	color: #7b7474;
	font-size: 40px;
	cursor: pointer;
}
.table.plusserre tr td {
	padding:5px 10px;
}
.table.acces tr td,.table.acces tr th {
	padding:5px 8px;
}
.table.croise tr td {
	border:1px solid #b5b5b5;
}
.table.croise tr th {
	border:1px solid #575757;
}
.table.croise .clickcompet,.table.croise .competacq {
	position:relative;
}
.table.croise .clickcompet {
	cursor:pointer;
}
.carreperiode {
	display:block;
	padding:7px 13px;
	color:white;
	border-radius:6px;
}
.table.croise .competacq,.table.croise .competacq:hover {background-color:#cacaca !important;}
.table.croise .clickcompet.T1,.table.croise.T1 .clickcompet:hover,.carreperiode.T1 {background-color:#95dbce;}
.table.croise .clickcompet.T2,.table.croise.T2 .clickcompet:hover,.carreperiode.T2 {background-color:#ffae95;}
.table.croise .clickcompet.T3,.table.croise.T3 .clickcompet:hover,.carreperiode.T3 {background-color:#dfc538;}
.table.croise tr.focus td,.table.croise td.focus {
	background-color:#f6f6f6;
}
.table.croise .clickcompet.statut1:after,.table.croise .competacq.statut1:after {
	content:"";
	display:block;
	position:absolute;
	width:13px;
	height:20px;
	left:11px;
	top:calc(50% - 17px);
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.table.croise .clickcompet.statut2::after,.table.croise .competacq.statut2::after {
  height: 16px;
  width: 2px;
  left: 17px;
  top: calc(50% - 9px);
}
.table.croise .clickcompet.statut2::before,.table.croise .competacq.statut2::before {
  width: 16px;
  height: 2px;
  top: calc(50% - 2px);
  left: 11px;
}
.table.croise .clickcompet.statut2::before, .table.croise .clickcompet.statut2::after,.table.croise .competacq.statut2::before, .table.croise .competacq.statut2::after {
  content: "";
  display: block;
  position: absolute;
  background: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.table.croise .clickcompet.statut3::before,.table.croise .competacq.statut3::before {
  width: 13px;
  height: 13px;
  top: 10px;
  left: 10px;
  content: "";
  display: block;
  position: absolute;
  border:2px solid white;
  border-radius:8px;
}
.tableagents tr td {
	padding:0px 10px 0px 10px;
	height:25px;
}
.table tr.deleted td {
	background-color:#ffe5e5;
}
.table.hover tr:hover td {
	background-color:#f4f4f4;
}
.bloccheck10 {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	/*max-height:275px;*/
	max-width:800px;
	align-content:flex-start;
	margin-bottom:5px;
}
/*.bloccheck10.ligne {
	flex-direction:row;
}*/
.bloccheck10 label{
	margin-right:15px;
	margin-bottom:5px;
}
.semainier .table{
	background-color:white;
	position:relative;
	margin:0px;
}
.semainier .headersemainier,.semainier .corpssemainier {
	display:flex;
	flex-direction:row;
	position:relative;
}
.semainier.fixed .headersemainier {
	position:fixed;
	z-index:2;
	padding-top:20px;
	background-color:white;
	border-bottom:1px solid black;
}
.semainier .table tr td.left,.semainier .table tr th.left {
	border-left:2px solid black;
}
.semainier .thcoin {
	width:200px;
	text-align:center;
	font-weight:normal;
	vertical-align:top;
}
.headersemainier .table tr td,.semainier .table tr th {
	font-size:13px;
}
.semainier .table tr .jour {
	vertical-align:middle;
	text-align:center;
	height:25px;
	padding:0px;
	width:36px;
}
.semainier .table tr .jour {
	text-align:center;
	width:36px;
}

.headersemainier .jour {
	cursor:pointer;
}
.corpssemainier .jour {
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	cursor:pointer;
}
#descriptionflottante {
	display: none;
	position: absolute;
	background-color:#eee;
	padding:10px;
	z-index: 2;
	box-shadow: 10px 10px 15px #5b5b5b;
	font-size:13px;
	font-family:Verdana;
}
#descriptionflottante a{
	text-decoration:none;
	color:black;
}
#descriptionflottante.fixed {
	z-index:10000;
	width:60% !important;
	left:20% !important;
	height:60% !important;
	top:20% !important;
	padding:20px;
	position: fixed;
}
#descriptionflottante.fixed .notfixed {
	display:none;
}
#descriptionflottante.fixed h2{
	font-size:24px;
}
#descriptionflottante.fixed a{
	color:#2fb350;
}
#descriptionflottante.fixed a:hover{
	text-decoration:underline;
}
#descriptionflottante .close {
	float:right;
	font-size:30px;
	cursor:pointer;
}
.semainier .table tr .jour .long{display:none;}
.semainier.deuxsem .table tr .jour {
	max-width:73px;
	width:73px;
}
.semainier.deuxsem .table tr .jour .long{display:inline;}
.semainier.deuxsem .table tr .jour .court{display:none;}
.semainier .table tr th {
	text-align:center;
}
.table tr td.nopaddingrightbottom {
	padding-right:0px;
	padding-bottom:0px;
}
.table tr.alert td,.table tr.alert {background-color:#ffc373;}
.table tr a,h2 a {
	text-decoration:none;
	color:#2fb350;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
.table.croise a {
	color:inherit;
}


.boolok,.boolpasok {
	min-width:21px;
	width:21px;
	height:21px;
	border-radius:21px;
	position:relative;
	margin:auto;
}
.boolok{background: #E1F7F0;}
.boolpasok{background: #ffe3e3;}
.boolok::after {
	content: "";
	display:block;
	position: absolute;
	right:8px;
	top:5px;
	width:5px;
	height:8px;
	border:solid #36b389;
	border-width: 0 1px 1px 0;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
.boolpasok::before,.boolpasok::after {
	content: "";
	display:block;
	position: absolute;
	background:#f08a8a;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
.boolpasok::before {width:11px;height:1px;top:10px;left:5px;}
.boolpasok::after {height:11px;width:1px;left:10px;top:5px;}
.table tr td i {
	color:#7b7474;
	font-size:18px;
	cursor:pointer;
}
.table tr td i.disabled {
	color:#dbdbdb;
	cursor:default;
}
.sortarrow {
  cursor: pointer;
}
a.link {
	color:#2fb350;
	text-decoration:none;
}
.table tr td i:hover:not(.disabled) {
	color:black;
}
a.link:hover{text-decoration:underline;}
.table tr a:hover,h2 a:hover{text-decoration:underline;}
h2 {
	font-size:16px;
	margin:20px 0px 20px 0px;
}
.nomarginbottom {
	margin-bottom:0px;
}
form.tacheslointaines {
	position:absolute;
	margin:-43px 0px 0px 150px;
}
form.tacheslointaines2 {
	position:absolute;
	margin:-43px 0px 0px 400px;
}
form.tacheslointaines tr td,form.tacheslointaines2 tr td{padding-right:10px;}
label {
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
input.disabled + label {cursor:default;opacity:0.5;}
div.green {
	background-color:lightgreen;
	padding:10px;
	width:250px;
	text-align:center;
}
div.texte {
	font-size:14px;
	padding:20px;
	background-color:#F1F1F1;
	margin-bottom:20px;
}
div.texte ul {
	margin:10px 0px 0px 0px;
}
a.user {
	text-decoration:none;
	display:block;
	float:left;
	width:100px;
	text-align:center;
	color:black;
	background-color:#EEEEEE;
	border:1px solid grey;
	padding:50px;
	box-shadow: 0px 0px 10px lightgrey;
	margin:0px 20px 20px 0px;
	outline:0;
}
.utilisateur {
	float:right;
	display:flex;
	flex-direction:row;
	align-items:center;
	font-weight:bold;
	letter-spacing:1px;
}
.utilisateur div.prenom {
	text-align:right;
}
.utilisateur div.prenom .small {
	font-size:11px;
	margin-bottom:0px;
	width:100%;
}
.utilisateur div.prenom .small option{
	color:black;
}
.utilisateur div.rond {
	font-weight:normal;
	background-color:white;
	width:44px;
	height:37px;
	border-radius:25px;
	text-align:center;
	color:black;
	font-family:Verdana;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid grey;
	font-size:24px;
	margin-left:10px;
}

.blink {
	color:grey;
	padding-left:30px;
}
.vues {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}
.vues div,.vues label {
	margin:0px 5px 0px 0px;
	font-size:13px;
}
.vues .checkmark {
	width:12px;
	height:12px;
}
.vues .container {
	padding:0px 0px 0px 19px;
}
.vues .container.radio .checkmark::after {
	top:2px;left:2px;width:8px;height:8px;
}
.headersemainier .jour.JSA,.calendrier td.JSA,table.legende .carre.JSA {background-color:#32d4be;}
.headersemainier .jour.ferie,.calendrier td.ferie,table.legende .carre.jouroff,.calendrier td.jouroff {background-color:orange;}
.calendrierlarge .divevent.tache .carre,table.legende .carre.tache,.calendrier td.tache {background-color:red;color:white;}
.calendrierlarge .divevent.tache2 .carre,table.legende .carre.tache2,.calendrier td.tache2 {background-color:lightgrey;color:white;}
.calendrierlarge .divevent.entretien .carre,table.legende .carre.entretien,.calendrier td.entretien {background-color:#89cfe6;color:white;}
.calendrierlarge .divevent.maladie .carre,table.legende .carre.maladie,.calendrier td.maladie {background-color:#ec3b3b;color:white;}
.calendrierlarge .divevent.conge .carre,table.legende .carre.conge,.calendrier td.conge {background-color:#91eaa7;}
.calendrierlarge .divevent.autre .carre,table.legende .carre.autre,.calendrier td.autre {background-color:#505099;color:white;}
.calendrierlarge .divevent.initiation .carre,table.legende .carre.initiation,.calendrier td.initiation {background-color:#dd11bd;color:white;}

.calendrier td.maladie.conge {background-image:linear-gradient(to bottom, #ec3b3b 50%, #91eaa7 51%);}
.calendrier td.maladie.autre {background-image:linear-gradient(to bottom, #ec3b3b 50%, #505099 51%);}
.calendrier td.conge.autre {background-image:linear-gradient(to bottom, #91eaa7 50%, #505099 51%);}
.calendrier td.maladie.conge.autre {background-image:linear-gradient(to bottom, #ec3b3b 33%, #91eaa7 34%, #91eaa7 66%, #505099 67%);}

.calendrier td.paspresent {background-color:#d7d7d7;}
.calendrierlarge .divevent:hover .libelle {
	display:block;
}
.calendrierlarge .divevent .libelle h3{
	margin:0px 0px 20px 0px;
}
.calendrierlarge .divevent .libelle .description {
	margin-top:20px;
}
.calendrierlarge .divevent .libelle {
	display:none;
	position:absolute;
	box-shadow: 0px 0px 10px black;
	width:350px;
	background-color:white;
	padding:15px;
	font-size:15px;
	margin-top:-2px;
	color:black;
}
.calendrierlarge .divevent .libelle a{
	text-decoration:none;
	color:#2fb350;
}
.calendrierlarge .divevent .libelle a:hover{text-decoration:underline;}
#calendrier2 {
	margin:20px 0px 20px 0px;
}
.unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
table.doc .fleche {
	position:absolute;
	width:20px;
	height:20px;
	background-color:white;
	cursor:pointer;
	background-size:20px 20px;
	background-repeat:no-repeat;
	border:1px solid #787878;
}
input[type=range][orient=horizontal] {
	height: 8px;
    width: 292px;
	position:absolute;
	margin-top:10px;
}
input[type=range][orient=vertical]
{
    width: 8px;
    height: 292px;
	position:absolute;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	margin-left:302px;
}
table.doc {margin-bottom:10px;}
table.doc .fleche.top {margin:0px 0px 0px 320px;background-image:url('top.png');}
table.doc .fleche.bottom {margin:299px 0px 0px 320px;background-image:url('bottom.png');}
table.doc .fleche.left {margin:320px 0px 0px 0px;background-image:url('left.png');}
table.doc .fleche.right {margin:320px 0px 0px 299px;background-image:url('right.png');}
table.doc input[type=file] {display:none;}
table.doc div.image {
	width:292px;
	height:292px;
	border:1px solid #787878;
	background-color:#e6e6e6;
	background-repeat:no-repeat;
	background-size:cover;
}
input[type=text].filename {
    cursor: pointer;
    background-image:url('folder.png');
	background-repeat:no-repeat;
    background-size:20px 20px;
    background-position: right 10px center;
	padding-right:40px;
	text-overflow:ellipsis;
	width:242px;
}
table.doc .delfile {
	background-image:url('delete.png');
	background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
	width:20px;
	height:20px;
	cursor:pointer;
	margin-bottom:10px;
	margin-left:10px;
}
table.doc .delfile.nomargin {
	margin-bottom:0px;
}
table.doc .divinput {
    display: inline-block;
    position: relative;
	margin-bottom:10px;
}
table.doc .divinput.nomargin {
	margin-bottom:0px;
}
table.doc .divinput div {
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
table.doc .divinput input {
	margin-bottom:0px;
}
.rond {
	display:block;
	background-color:#CCCCCC;
	width:25px;
	height:25px;
	border-radius:25px;
	float:right;
	margin-left:10px;
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:center center;
	opacity:0.3;
}
.loupe {
	display:none;
	float:right;
	background-image:url('loupe2.png');
	background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
	width:27px;
	height:27px;
	cursor:pointer;
	margin:5px 3px 0px 0px;
}
a.rond {cursor:pointer;opacity:1;}
.rond.prev {background-image:url('left.png');}
.rond.next {background-image:url('right.png');}
div.image {
	width:160px;
	height:160px;
	border:1px solid grey;
	margin-bottom:20px;
	background-image:url('picture.png');
	background-color:lightgrey;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;	
}
div.file,div.deleteimage {
	-moz-transition: all 0.2s ease; /* Firefox */
	-webkit-transition: all 0.2s ease; /* WebKit */
	-o-transition: all 0.2s ease; /* Opera */
	transition: all 0.2s ease; /* Standard */
	cursor:pointer;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	z-index:2;
	position:absolute;
	border:1px solid grey;
	background-color:white;
	padding:5px;
	background-position:center center;
	background-size:16px;
}
div.file {
	background-image:url('folder.png');
	margin:130px 0px 0px 130px;
}
div.deleteimage {
	background-image:url('delete.png');
	margin:0px 0px 0px 130px;
}
div.file:hover,div.deleteimage:hover {
	background-color:lightgrey;
}
input[type=file] {
	display:block;
	margin-bottom:20px;
}
a.vignette {
	float:left;
	margin:0px 10px 10px 0px;
}
td a.vignette:last-child {
	margin-right:0px;
}
a.vignette div.vignette {
	width:50px;
	height:50px;
	background-size:cover;
	background-position:center center;
}
.tablecontainer {
	max-width:100%;
	overflow:auto;
}
.thfixe {width:170px;}
.menu tr,.menu tr td {height:100%;}
.lib {
	display:none;
	font-weight:bold;
}
.togglemenu {
	display:none;
	cursor:pointer;
	float:left;
	margin:0px 0px 0px 15px;
}
.togglemenu span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background:white;
	border-radius: 3px;
	z-index: 1;
	
	-moz-transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
}
.path {
	margin-bottom:25px;
	background-color:#ebebeb;
	border:1px solid #787878;
	padding:15px;
}
.path a {
	color:#2fb350;
	text-decoration:none;
}
.path a:hover {
	text-decoration:underline;
}
.togglemenu.change span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(4px, 9px);
  transform: rotate(45deg) translate(4px, 9px);
}
.togglemenu.change span:nth-child(2) {
	opacity: 0;
}
.togglemenu.change span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(3px, -9px);
  transform: rotate(-45deg) translate(3px, -9px);
}
.togglemenu span:last-child {margin-bottom:0px;}
.smartphone {
	display:none;
	float:right;
}
.smartphone a {
	margin-bottom:5px;
}
.table.croise tr:first-child {
	position:sticky;
	top:140px;
	z-index:2;
}
.onlysmartphone {display:none;}
@media screen and (max-width: 1170px), screen and (max-device-width: 1170px) { 

}
@media screen and (max-width: 1050px), screen and (max-device-width: 1050px) { 
	.entete input[type="text"] {width:100px;}
}
@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { 
	
}
@media screen and (max-width: 800px), screen and (max-device-width: 800px	) { /*smartphone*/
	.table {
		width:100%;
	}

	.onlysmartphone {
		display:initial;
	}
	.nums{display:initial;}
	.entete form.formsearch {
		display:none;
		position:absolute;
		margin:48px 0px 0px -10px;
		padding-left:calc(calc(100% - 252px) / 2);
		width:calc(100% - 2px - calc(calc(100% - 252px) / 2));
		padding-top:10px;
		padding-bottom:10px;
		background-color:var(--menu-et-boutons);
		border-bottom:1px solid black;
		border-right:1px solid black;
		border-left:1px solid black;
	}
	
	.bg {
		display:none;
	}
	.entete input[type="text"] {
		width:200px;
	}
	
	.divmenu {
		position:fixed;
		border:0px;
		width:100%;
		margin:0px;
		height:100%;
		display:none;
		background-color:grey;
	}
	.divmenu tr {
		display:flex;
		flex-direction:column;
	}
	.menu {
		border-bottom:0px;
		width:100%;
	}
	.menu td {
		display:block;
		border-bottom:1px solid black;
	}
	.menu td.accueil,.menu td.parametres,.menu td.associations {
		width:auto;
	}
	.menu td a{
		text-align:left;
		padding:20px;
	}
	.menu td a.accueil,.menu td a.parametres,.menu td a.associations{
		width:auto;
		background-position:center left 20px;
		padding-left:50px;
	}
	.pasconnexion .entete {
		padding:10px 20px;
		background-image:none;
		border:0px;
		border-bottom:1px solid black;
	}
	.pasconnexion .entete .titre{
		margin:auto;
		width:200px;
	}
	
	.utilisateur {
		position: fixed;
		bottom: 20px;
		z-index: 10;
		width:220px;
		display:none;
		flex-direction:row-reverse;
		gap:20px;
		left:20px;
		justify-content: flex-end;
	}
	.utilisateur div.prenom {
		text-align:left;
	}
	.entete form {
		margin-left:0px;
	}
	.utilisateur div.rond {
		margin-left:0px;
		min-width:37px;
	}
	.contenu {
		padding:110px 20px 20px 20px;
		min-height:calc(100% - 110px - 20px);
		border:0px;
	}
	.contenu.connexion {
		border:1px solid black;
	}
	.calendrierlarge tr.navig th,.calendrierlarge tr.jours th {
		font-size:12px;
	}
	.thfixe {width:120px;}
	.calendrierlarge div.numero {
		font-size:11px;
		margin:-14px -7px 0px 0px;
	}
	.calendrierlarge tr.date td {
		padding:15px 8px 10px 8px;
		height:auto;
	}
	.legende {font-size:12px;}
	.pousseur{display:none;}
	body {
		padding:0px;
		width:100%;
		
	}
	
	input[type="text"], input[type="password"], textarea, input[type="color"],input[type="text"].long, input[type="password"].long {
		width:calc(100% - 20px - 2px);
	}
	select,.elementslies,.prerequis {
		width:100% !important;
	}
	.lib {
		display:inline;
	}
	.togglemenu {
		display:block;
	}
	select.styled {
		width:100% !important;
	}
	.doublechamp {
		flex-direction:column;
	}
	.doublechamp > div {
		margin-right:0px;
	}
	.select {
		width:100% !important;
	}

	.smartphone {display:block;}
	
	.contenu.change {
		opacity:0.2;
	}
}
@media screen and (max-width: 600px), screen and (max-device-width: 600px	) {
	.calendrier {width:50%;}
}
@media screen and (max-width: 400px), screen and (max-device-width: 400px	) {
	.calendrierlarge .divevent .carre, table.legende .carre {
		width:14px;
		height:14px;
	}
	.calendrier {width:100%;}
}
@media screen and (max-width: 380px), screen and (max-device-width: 380px	) {
	.calendrierlarge .divevent .carre, table.legende .carre {
		width:13px;
		height:13px;
	}
}
@media screen and (max-width: 370px), screen and (max-device-width: 370px	) {
	.calendrierlarge .divevent .carre, table.legende .carre {
		width:12px;
		height:12px;
	}
}