@font-face{
	font-family: Allura; 
	src: url('Resources/Police/Allura-Regular.ttf');
}
html{
	height:100%;
	box-sizing:border-box;
	/* scrollbar-width:thin; */
	scrollbar-color: #a5a9cb transparent;
}
*{
	scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  /* background: #cbd0f9;  */
    background: transparent; 
}
::-webkit-scrollbar-thumb {
  background: #a5a9cb;
}
::-webkit-scrollbar-thumb:hover {
  background: red;
}
::-webkit-resizer {
    border-left : 150px solid transparent;
	border-bottom : 150px solid midnightblue;
}
#frame_pj{
	width:100%;
	height:40vh;
}
#frame_pj::-webkit-resizer {
    border-left : 150px solid transparent;
	border-bottom : 150px solid midnightblue;
}
footer{
	position:fixed;
	bottom:0px;
	margin:auto;
	width:100%;
}
body{
	font-family:sans-serif;
	font-size-adjust:0.5;
	margin:0px;
	margin-right:5px;
	margin-left:5px;
	height:100%;
	background-size:cover;
}
textarea{
	font-family:sans-serif;
}
.corps{
	background-color:white;
	margin:auto;
	border-radius:10px;
	text-align:left;
	max-height:94%;
	position:fixed;
	margin-left:50%;
	margin-top:15px;
	overflow:auto;
	transform:translate(-53%,0px);
}
.print{
	display:none;
}
header{
	position: absolute;
	top:0px;
	margin:auto;
	width:100%;
	z-index:99;
}
table{
	border-collapse:collapse;
	vertical-align:middle;
	text-align:left;
	margin: auto;
	width:100%;
}
thead{
	display:none;
}
th{
	text-align:center;
	vertical-align:middle;
	font-family:sans-serif;
	font-size-adjust:0.5;
	font-weight:bold;
	padding:10px;
	width:auto;
}
table tr:not([class~="nosmart"]){
    /* border-bottom: 3px solid #ddd; */
    /* display: block; */
    /* margin-top: .625em; */
    margin-bottom: .625em;
}
table td:not([class~="nosmart"]){
    /* border-bottom: 1px solid #fff; */
    display: block;
    text-align: right;
	vertical-align:middle;
	font-family:sans-serif;
	font-size-adjust:0.5;
	min-height:25px;
}
table td:not([class~="nosmart"])::before{
    content: attr(data-label);
    float: left;
	vertical-align:middle;
}
table td:not([class~="nosmart"]) form{
	text-align:right;
}
table td form input([class~="all_action"])::before{
    float: right;
	vertical-align:middle;
}
form([class~="nosmart"]) {
	text-align:middle;
	width:fit-content;
}
input([class~="nosmart"]) {
	text-align:middle;
	width:fit-content;
}
a{
	text-decoration:none;
	color: black;
	cursor:pointer;
	font-size-adjust:0.5;
}
a:hover{
	color:#cf2127;
	cursor:pointer;
}
.a{
	border:none;
	background:none;
	cursor:pointer;
	font-size:16px;
	padding:0;
	font-weight:normal;
	color:black;
	font-size-adjust:0.5;
}
.a:hover{
	color:#cf2127;
	border:none;
	background:none;
	cursor:pointer;
}
.numb_message{
	background-color:#2c388f;
    color:white;
    padding-left:3px;
    border-radius:10px;
    position:relative;
    top:10px;
    font-size:x-small;
    left:-15px;
    padding-right:3px;
}
#act_numb_message{
	background-color:#2c388f;
    color:white;
    padding-left:3px;
    border-radius:10px;
    font-size:x-small;
    padding-right:3px;
	top:110px;
	position:absolute;
	left:45px;
	z-index:1000;
}
#act_numb_assistance{
	background-color:orangered;
    color:white;
    padding-left:3px;
    border-radius:10px;
    font-size:x-large;
    padding-right:3px;
	position:fixed;
	right:55px;
	z-index:1000;
	animation-name:alert;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
#rappel{
	background-color:#2c388f;
    color:white;
    padding-left:3px;
    border-radius:10px;
    font-size:x-small;
    padding-right:3px;
	position:absolute;
	left:45px;
	margin-top:-8px;
	z-index:1000;
	/* animation-name:alert; */
	/* animation-duration: 2s; */
	/* animation-iteration-count: infinite; */
}
.iframe_loading{
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%);
	color:darkred;
	font-weight:bold;
}
#alert{
	/* display:none; */
	/* background-color:#2c388f; */
	/* color:white; */
	/* padding:5px; */
	/* border-radius:10px; */
	/* position:fixed; */
	/* top:50px; */
	/* left:50px; */
	animation-name:alert;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	background-color:#2c388f;
    color:white;
    padding-left:3px;
    border-radius:10px;
    font-size:x-small;
    padding-right:3px;
	top:55px;
	position:fixed;
	left:55px;
	z-index:1000;
	display:none;
}
@keyframes alert{
	0% {opacity:0;}
	25% {opacity:1;}
	50% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
#btn_menu{
	background-color:white;
	border-radius:10px;
	cursor:pointer;
	left:10px;
	position:fixed;
	top:15px;
	border:2px solid #cf2127;
	z-index:999;
}
#menu{
	display:none;
	position:fixed;
	background-color:white;
	border-radius:15px;
	border:2px solid #cf2127;
	background-color:white;
	border-collapse:initial;
	box-shadow:black 5px 5px 10px;
	right:0px;
	top:45px;
	width:auto;
	max-width:94%;
	max-height:95%;
	z-index:999;
	overflow:auto;
}
#loading{
	background-color: #000000b0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
	top:0;
    z-index: 99999;
    color: white;
    text-align: center;
    vertical-align: middle;
    font-size: xxx-large;
	animation-name:loading;
	animation-duration: 1s;
	animation-iteration-count: 1;
}
@keyframes loading{
	0% {opacity:0;}
	100% {opacity:1;}
}
#txt_loading{
    padding-top: 50vh;
    display: block;
}
#editoredit{
	max-height:93vh;
	border:1px solid black;
	padding:10px;
	border-radius:10px;
	border:solid 2px indianred;
	overflow-y:auto;
	margin:0;
	width:auto;
	background-color:white;
}
.raccourci{
	background-color:white;
	border-radius:10px;
	cursor:pointer;
	left:10px;
	/* position:fixed; */
	margin-top:8px;
	/* border:2px solid #cf2127; */
	z-index:999;
	-webkit-transition: transform 0.25s;
	transition: transform 0.25s;
	box-shadow:black 1px 1px 5px;
}
.raccourci:hover{
	/* transform:scale(1.25); */
}
.raccourcid{
	background-color:white;
	border-radius:10px;
	cursor:pointer;
	right:10px;
	position:fixed;
	/* border:2px solid #cf2127; */
	z-index:999;
	-webkit-transition: transform 0.25s;
	transition: transform 0.25s;
	box-shadow:black 1px 1px 5px;
}
.raccourcid:hover{
	/* transform:scale(1.25); */
}
.onglet{
	background-color:floralwhite;
	border-radius:10px 10px 0px 0px;
	border:1px solid #cf2127;
	border-bottom:0px solid floralwhite;
	padding:2px;
	position:relative;
	z-index:2;
}
.ongletleft{
	background-color:floralwhite;
	border:1px solid #cf2127;
	border-right:0px solid floralwhite;
	position:relative;
	z-index:2;
}
.ongletleft{
	background-color:floralwhite;
	border:1px solid #cf2127;
	border-right:0px solid floralwhite;
	position:relative;
	z-index:2;
}
.update{
	top:50%;
	left:50%;
	display:block;
	position:fixed;
	transform:translate(-50%,-50%);
	animation-name:alert;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.hivic{
	top:50%;
	left:50%;
	display:block;
	position:fixed;
	transform:translate(-50%,-50%);
	animation-name:hivic;
	animation-duration: 3.5s;
	animation-iteration-count: 1;
}
@keyframes hivic{
	0% {opacity:0;}
	75% {opacity:1;}
	100% {opacity:1;}
}
.categorie{
	background-color:white;
	border-collapse:initial;
	border:solid 1px #da3722;
	color:black;
	font-size:16px;
	font-weight:normal;
	list-style:none;
	list-style-position:inside;
	padding:0;
}
.no-print{}
.line_bottom{
	border-bottom:solid 1px grey;
}
label{
	font-weight:bold;
}
.saut_ligne{
	padding-bottom:5px;
	padding-top:5px;
}
p{
	text-align:justify;
	font-family:sans-serif;
	font-size-adjust:0.5;
}
h1, h2, h3{
	color:#2c388f;
	/* text-decoration:underline; */
	/* text-decoration-color:#cf2127; */
	font-family:sans-serif;
	font-size-adjust:0.5;
}
#myInput{
	border-radius:20px;
	background-color:cornsilk;
	box-shadow: grey 2px 2px 10px;
}
#myInput:hover{
	text-transform: uppercase;
	/* border:solid 1px #da3722; */
	border-radius:20px;
	padding:10px;
	color:#2c388f;
	font-weight:bold;
	background-color:cornsilk;
	font-size:14 px;
	cursor:text;
}
iframe{
	border:none;
}
#iframe{
	width:100%;
}
.smart{
	display:inline-block;
}
.smart90{
	width:90%;
}
.smart50{
	width:50%;
}
.smarth30{
	height:30vh;
}
.smarthide{
	display:none;
}
.hide{
	display:none;
}
#listband{
	/* display:none; */
}
.play_email{
	height:64vh;
}
input, select, textarea {
	/* border:solid 1px #da3722; */
	border:none;
	border-radius:25px;
	padding:10px;
	color:#2c388f;
	font-weight:bold;
	background-color:#fdfdfd80;
	font-size:14px;
	white-space:nowrap;
	box-shadow: grey 1px 1px 5px;
	margin:2px;
}
select{
	width:100%;
}
input([type="text"]):not([class~="nosmart"])
{
	width:-webkit-fill-available;
	width:-moz-fill-available;
}
input[type=radio]{
	box-shadow:none;
}
input[type=color]{
	height:48px;
}
/* input[type=text],input[type=decimal],input[type=number]{ */
	/* padding:12.5px */
/* } */
input:hover, select:hover, input:focus, select:focus, textarea:focus, textarea:hover{
	/* color:white; */
	background-color:snow;
	cursor:pointer;
}
input:not(:placeholder-shown):invalid {
	background-color:cornflowerblue;
	animation: blink 3s infinite;
}
td input:not([class~="nosmart"]){
	text-align:right;
	/* width:40%; */
}
@keyframes blink{
	50%{
		background-color:red;
		color:white;
	}
}
.large{
	width:-webkit-fill-available;
	width:-moz-fill-available;
	width:-moz-available;
	max-width:75vw;
}
.no_input{
	border:none;
	border-radius:0px;
	margin:0;
	background:none;
	padding:0;
	color:#2c388f;
	font-weight:bold;
	background-color:initial;
	font-size:initial;
	white-space:nowrap;
	text-align:center;
	cursor:pointer;
	box-shadow: none;
}
.no_input:hover{
	border:none;
	margin:0;
	background:none;
	padding:0;
}
label{
	cursor:pointer;
}
textarea{
	white-space:initial;
}
.titre{
	/* border:solid 1px #da3722; */
	border-radius:25px;
	/* padding:10px; */
	color:#2c388f;
	font-weight:bold;
	background-color:#fdfdfd80;
	white-space:nowrap;
	text-align:center;
	box-shadow: grey 1px 1px 5px;
	margin:2px;
	cursor:pointer;
	font-size:large;
	display:block;
}
.button{
	/* border:solid 1px #da3722; */
	border-radius:25px;
	padding:10px;
	color:#2c388f;
	font-weight:bold;
	background-color:#fdfdfd80;
	font-size:14px;
	white-space:nowrap;
	text-align:center;
	box-shadow: grey 1px 1px 5px;
	margin:2px;
}
.button:hover, .titre:hover{
	/* color:white; */
	background-color:snow;
	cursor:pointer;
}
.tools{
	right:0;
	position:fixed;
	top:calc(50% - 45px);
	z-index:999;
}
.fermer{
	right:0;
	position:fixed;
	top:50%;
	z-index:999;
}
.deplacer{
	right:0;
	/* position:fixed; */
	background-color:#fdfdfd80;
	text-align:center;
	top:0;
	/* height:7px; */
	/* border-bottom:solid 1px #da3722; */
	z-index:999;
	display:none;
}
.deplacer:hover{
	color:white;
	background-color:snow;
	cursor:pointer;
	display:none;
}
.button2{
	padding:10px;
	font-weight:bold;
	color:white;
	border-radius:5px;
	background-color:#fdfdfd80;
	font-size:14px;
	white-space:nowrap;
}
.button2:hover{
	/* color:white; */
	background-color:snow;
	cursor:pointer;
}
.bord_l{
	border-left:solid 1px grey;
}
.bord_r{
	border-right:solid 1px grey;
}
.blue{
	color:blue;
}
.red{
	color:red;
}
.green{
	color:green;
}
.b_red{
	/* background-color:#cf212733; */
	background-color:rgb(255,207,207);
	border-collapse:initial;
}
.b_green{
	/* background-color:#cf212733; */
	background-color:rgb(0,255,30);
	border-collapse:initial;
}
.b_blue{
	/* background-color:#2c388f33; */
	background-color:rgb(189,196,245);
	border-collapse:initial;
}
.b_bluef{
	/* background-color:#2c388f33; */
	/* background-color:rgb(189,196,245); */
	background-color:rgb(169,178,245);
	border-collapse:initial;
}
.b_blanc{
	/* background-color:#fff6e6; */
	background-color:#f1f6ff;
	/* background-color:rgb(189,196,245); */
	border-collapse:initial;
}
.b_black{
	background-color:black;
	/* background-color:rgb(189,196,245); */
	border-collapse:initial;
}
.sage{
	color:#00a768;
	font-weight:bold;
	font-size:18px;
	font-family:sans-serif;
	font-size-adjust:0.5;
	text-decoration:none;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}
.bottom{
	vertical-align:bottom;
}
.plus{
	width:20px;
	height:20px;
	background-image:url('Resources/Images/plus_b.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.plus:hover{
	background-image:url('Resources/Images/plus_r.png');
}
.nowrap{
	white-space:nowrap;
}
.wrap{
	white-space:normal;
}
.forcewrap{
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.contact{
	cursor:pointer;
}
.contact:hover{
	background-color:rgb(194,255,179);
	border-radius:5px 5px 5px 5px;
}
.msg{
	border-radius:15px 15px 15px 15px;
	border:solid 2px #da3722;
	color:#2c388f;
	padding:10px;
}
.date{
	font-size:8px;
	font-style: italic;
	background-color:white;
}
.date:hover{
	font-size:14px;
	font-weight: bold;
}
.needvalid{
	text-align:center;
	padding:5px;
	border-radius:15px 15px 15px 15px;
	background-color:#ababab;
	/* max-width:75%; */
}
.sender{
	text-align:left;
	padding:5px;
	padding-right:24px;
	border-radius:15px 15px 15px 15px;
	background-color:#9ec8fd;
	/* max-width:75%; */
}
.receiver{
	text-align:right;
	padding:5px;
	/* max-width:81%; */
	/* padding-left:50px; */
	border-radius:15px 15px 15px 15px;
	background-color:#ffc7cc;
}
.vu{
	position:relative;
	bottom:25px;
	left:100%;
	width:15px;
}
#messenger{
	max-height:50%;
	overflow-y:auto;
}
#direct{
	max-height:80%;
	overflow-y:auto;
}
#contact{
	max-height:80%;
	overflow-y:auto;
}
.middle{
	vertical-align:middle;
}
.top{
	vertical-align:top;
}
#fenetre{
	display:none;
	background-color:white;
	margin:auto;
	max-width:90%;
	border-radius:10px;
	text-align:left;
	/* padding:10px; */
	max-height:95%;
	position:fixed;
	margin-left:10px;
	margin-top:10px;
	overflow:auto;
	/* transform:translate(-54%,0px); */
	z-index:1;
}
.case{
	/* border-radius:15px; */
	/* background-color:white; */
	/* border-collapse:initial; */
	/* box-shadow:black 5px 5px 10px; */
}
.fenetre{
	border-radius:15px;
	/* border:2px solid #cf2127; */
	background-color:white;
	border-collapse:initial;
	box-shadow:black 5px 5px 10px;
	/* padding:10px; */
	/* transform:translate(-54%,0px); */
	z-index:9999;
	margin-top:10px;
	margin-bottom:10px;
	position:absolute;
	/* animation-name: example; */
	/* animation-duration: 2.5s; */
}
@keyframes example{
	from {
		opacity: 0;
		width:0;
		height:0;
		left:50%;
		transform:translate(-40%,50%);
	}
	to{
		opacity: 1;
		width: calc(100% - 175px);
		height: 92vh;
	}
}
.iframe_fenetre{
	width:96vw;
	height:97vh;
}
#myTable{
	white-space:initial;
	width:100%;
}
#myTable2{
	white-space:initial;
	width:100%;
}
#myUL {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.caret {
  cursor: pointer;
  user-select: none;
  z-index:1;
}
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}
.caret-down::before {
  transform: rotate(90deg);
}
.all_action{
	/* border:solid 2px #2c388f; */
	padding:20px;
	border-radius:25px;
	/* background:radial-gradient(aliceblue,#adadff); */
	vertical-align:middle;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	z-index:0;
	width:40px;
	float:right;
	/* background-image: url(Resources/Images/invalid_c.svg); */
	background-size: contain;
	border: none;
}
.all_action:hover{
	z-index:3;
	background:radial-gradient(#adadff,aliceblue);
}
.all_action:checked{
	/* background: radial-gradient(farthest-corner at 80% 25%,aliceblue, red);*/
	background-image: url(Resources/Images/valid_c.svg);
	background-size: contain;
	border: none;
}
.checkfile{
	top: -16px;
    position: relative;
    left: -20px;
}
.nested {
  display: none;
}
.active {
  display: block;
}
.pointer{
	cursor: pointer;
}
.menu_i{
	color:white;
	text-shadow:black 2px 2px 5px;
	border-collapse:collapse;
	text-align:center;
	background-image:none;
	transition: background-color 1s;
	transition-timing-function: ease;
}
/* .resume{ */
	/* display:none; */
	/* position:absolute; */
	/* border-radius:15px; */
	/* padding:10px; */
	/* border:2px solid #cf2127; */
	/* background-color:white; */
	/* border-collapse:initial; */
	/* box-shadow:black 5px 5px 10px; */
/* } */
.explorer{
	/* display: grid; */
	/*///* grid-template-columns: repeat(3,minmax(0,1fr)); */
	/* grid-template-columns:repeat(3, minmax(30%, 1fr) ); */
	/*///* grid-template-columns:auto auto auto auto; */
	/* grid-gap: 30px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: center;
}
.tuile{
	width: calc(10vw + 3rem);
	margin: 1rem;
	min-width:min-content;
	border-collapse:initial;
	text-align:end;
	background-size: 80px;
	background-color: floralwhite;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
	border-collapse:initial;
	box-shadow:grey 5px 5px 10px;
	border-radius:15px;
	/* padding:5px; */
	padding:10px;
	/* border:2px solid #cf2127; */
	min-height:100px;
	-webkit-transition: transform 0.25s;
	transition: transform 0.25s;
	z-index:1;
}
.tuile:hover{
	z-index:2;
}
.details{
	max-height:fit-content;
	background-color:floralwhite;
	width:81vw;
}
.subexplorer{
	/* max-width:135px; */
	white-space:break-spaces;
	display:block;
}
.immiddle:not([class~="smarthide"]):not([class~="tools_page"]){
	display:inline;
	vertical-align:middle;
}
.immiddlenosmart{
	display:inline;
	vertical-align:middle;
}
.immiddlesmart {
	display:none;
	vertical-align:middle;
}
.tools_page{
	display:none;
}
.separation:not([class~="nosmart"]){
	border-top: 2px solid #2c388f;
	margin-top:5px;
	padding-top:5px;
}
hr{
	height: 2px;
	background-color:#2c388f;
	border:none;
}
.info_pj{
	background-color: cornsilk;
    display: inline-block;
    padding: 5px;
    border-radius: 25px;
}
.mini{
	font-weight:initial;
	font-size:small;
}
.ptithr{
	border:dashed 1px;
	background:transparent;
	height:0px;
}
.nopadding{
	padding:0px;
}
.dropdown-content {
	background-color: antiquewhite;
}
.resizable {
	display: inline-block;
	overflow: hidden;
	line-height: 0;
}
.resizable img {
	width: 100%;
	height: 100%;
}
.imgInsert{
	border:1px solid;
	background-repeat:no-repeat;
	background-position: center center;
    background-size: cover;
    margin: 0px;
	min-width:60px;
	min-height:60px;
}
.frame{
	width:100%;
	height:96vh;
}
.block{
	border-radius:15px;
	/* border:2px solid #cf2127; */
	border:2px solid #110e51;
	background-color:white;
	border-collapse:initial;
	box-shadow:grey 5px 5px 10px;
	padding:10px;
	max-height:95%;
	max-width:80vw;
	position:absolute;
	background-image:radial-gradient(circle, #d6dbf5,aliceblue);
}
.blocklight{
	box-shadow:grey 1px 1px 5px;
	border-radius:15px;
	background-image:radial-gradient(circle, #d6dbf5,aliceblue);
	padding:10px;
}
.strong
{
	font-weight:bold;
}
.foldemail
{
	height:20px;
}
.lifoldemail
{
	display:block;
	margin-top:0;
	margin-bottom:0;
}
.star:before {
	content: '★ ';
}
.star.checked {
	color:orange;
}
.important{
	border:red 3px solid;
}
.noscroll
{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.noscroll::-webkit-scrollbar
{ 
    display: none;
}