html {height:100%;width:100%;}

body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	background-color:#FFF;
	color:#000;
}

.container {
	width:100%;
	max-width:none;
	background-color:#EBE7E1;
	min-height:100%;
}


@media ( min-width: 0px ) {
	.container {
		padding:0;
	}
	#_LAYOUT {
		max-width:1250px;
		margin:auto;
	}
	
	#_PAGE_TITLE {
		text-align:center;
		width:100%;
		color:#000;
		font-weight:bold;
		padding:20px 0
	}
	
	#_PAGE_TITLE .CLOSE {
		float:right;
		margin-top:12px;
		cursor:pointer;
	}

	#_CONTENTS {
		width:100%;
	}

	#_PAGE {
		width: 100%;
		height:100%;
		background-color:#EEE;
		margin:10px 0;
		overflow-y: visible;
	}

	#_WIDGETS {
		width: 100%;

		padding:0;
	}
	
	.card2 {
		border-top:solid 1px #CCC;;
		margin:10px 0;
		border-radius:0;
		overflow:hidden;
	}

	.card2 .card-header {
		border-bottom:none;
	}
}

#_PAGE .breadcrumb {
	background-color:transparent;
}
#_PAGE .breadcrumb-bar {
	background-color:#f0f1f2;
}

@media ( min-width: 1000px ) {
	#_LAYOUT {
		max-width:1250px;
		margin:auto;
	}

	#_CONTENTS {
		width:75%;
		float:right;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		width: 75%;
	}

	#_PAGE {
		width: 100%;
		height:100%;
		margin:10px;
	}

	#_WIDGETS {
		float:left;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;

		padding:0px 10px 0 0;
	}

	.card2 {
		border:solid 1px #AAA;;
		margin:10px;
		border-radius:6px;
	}
}

.CL option {
	min-height: 12px; /* hauteur de l'image */
	padding-left: 16px; /* un peu plus large que l'image */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
}
select.CL option.fr {
	background-image: url(/img/fr.png);
}
select.CL option.en {
	background-image: url(/img/uk.png);
}
select.CL option.uk {
	background-image: url(/img/uk.png);
}
select.CL option.us {
	background-image: url(/img/us.png);
}


.toast {
	background-color:#FFF;
}

._HEADER_BAR a {
	text-decoration:none;
	color:#FFF;
}

.dropdown-menu a{
	color:#000;
}

.dropdown-menu img{
	margin-right:6px;
}

.dropdown-menu .btn-primary {
		color:#FFF;
}

.fade
{
	display:block;
}

.fade:not(.show)
{
	display:none;
	transition-property: display;
	transition-duration: 0s;
	transition-timing-function: ease-in-out;
	transition-delay: 0.30s;
}

.card.selected
{
	background-image:url(/img/ok.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	background-size:24px 24px;
}

input[type="search"] {
	background-image:url(/img/search.png);
	background-size:24px;
	background-repeat:no-repeat;
	padding-left:30px;
}

.SITE-CARD-ACTION {
	width: 25%;
	margin:0 4%;
	border-radius:10px;
	overflow:hidden;
	float:left;
}

.SITE-INFO-BULLE {
	overflow:hidden;
	width:100%;
}

.SITE-INFO-BULLE-ARROW{
	display:inner-block;
	width:40px;
	height:20px;
	position:relative;
}

.SITE-INFO-BULLE-CORPS{
	padding:10px 20px;
	max-width:none;
	text-align:inherit;
	color:#FFF;
	border-radius:10px;
	font-size:120%;
}
.SITE-INFO-BULLE.OFF {
	display:none;
	transition-property: display, height;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

.SITE-INFO-BULLE.ON {
	display:block;
	transition-property: display,height;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}



.autocomplete {
  position: relative;
  display: inline-block;
}

/*
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}
*/
.autocomplete-items {
	width:fit-content;
	min-width:100%;
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  max-height:250px;
  overflow-y:auto;
}

.autocomplete-items div {
  padding: 8px 32px 8px 8px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4;
  white-space: nowrap;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.menu {
	padding:2px 6px 6px 6px;
	border-bottom:solid 1px #CCC;
	margin:0;
}

.menu .btn {
	margin:0 0 3px 3px;
}
.menu-pipe {
	height:100%;
	border-left:solid 1px #CCC;
	margin:0 6px;
}

.btn-save {
	background-image:url(/img/save-white-24.png);
	background-repeat:no-repeat;
	background-position:6px 6px;
	background-size:24px;
	padding-left:36px;
}

.btn-save-off {
	background-image:url(/img/save-off-white-24.png);
	background-repeat:no-repeat;
	background-position:6px 6px;
	background-size:24px;
	padding-left:36px;
}



#_STAFF > #_ENTETE > #_INFO_CONNEXION {
	padding:2px 10px 2px 4px;
}

#_TOOLBAR > ._FILENAME {
	padding:2px 4px 2px 10px;
}

._POPUP .toast {
	border-radius:0 0 .25em .25em;
}

._POPUP toast-header {
	border-radius:.25em .25em 0 0;
}


.rotate {

  transform: rotate(-70deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-70deg);

  /* Firefox */
  -moz-transform: rotate(-70deg);

  /* IE */
  -ms-transform: rotate(-70deg);

  /* Opera */
  -o-transform: rotate(-70deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.hiliteline tr:hover {
	background-color:#8BF;
}

.hiliteline th {
	background-color:#FFF;
}


.curseur1, .curseur2 {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border:none 0px transparent;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.curseur1::-webkit-slider-thumb, .curseur2::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  opacity:1;
  border-radius: 8px; 
  background: #007bff;
  cursor: pointer;
  border:none 0px transparent;
}

.curseur1::-moz-range-thumb, .curseur2::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  opacity:1;
  background: #007bff;
  cursor: pointer;
  border:none 0px transparent;
}

.curseur1[type=range]::-moz-range-progress, .curseur1[type=range]::-ms-fill-lower {
  background-color: #007bff;
  height: 8px;
}

a.btn-discover {border:solid 2px #FFFFFF; border-radius:4px;padding:10px 20px;display:block;margin:20px 10px 10px 10px;cursor:pointer;transition-property: border-color;transition-duration:1s;color:#FFF !important;text-decoration:none !important;
	font-size: 18px;
	line-height: 1.8em;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}
a.btn-discover:hover {border-color:transparent;transition-property: border-color;transition-duration:1s;}
a.btn-discover .after{width:0;transition-property: width;transition-duration:1s;overflow:hidden;text-align:right;display:inline-block;margin:0 0 -7px 5px;font-size:200%;}

a.btn-discover:hover .after{width:40px;transition-property: width;transition-duration:1s;}

input[type=radio]:disabled {
	color:#999;
}

label.disabled {
	color:#999;
	font-style:italic;
}

table._offers td {
	padding:6px 12px 6px 42px;
	text-align:left;
	font-size:14px;
}

table._offers td._label {
	text-align:left;
}

table._offers ._yesno {
	width:18px;
	margin:0 6px 0 -24px;
}

table._offers ._offerHead {
	text-align:center;
	padding-right:48px;
	width:300px;
}

table._offers ._free {
	background-color:#fe8f85;
}

table._offers ._platinium {
	background-color:#71b4da;
}

table._offers ._gold {
	background-color:#fbdc59;
}

table._offers ._separateur {
	width:20px;padding:0;margin:0;
}

table._offers ._before {
	border-radius:20px 20px 0 0;
}

table._offers ._after {
	border-radius:0 0 20px 20px;
}

._treeview li._noeud {
	list-style-type:none;
}

._treeview li._item {
	list-style-type:none;
}

._treeview li._noeud span{
	cursor:pointer;
}

._treeview li._noeud ul{
	display:block;
}

._treeview li._noeud span::before{
	content:url(/img/_treeview_on.png);
	position:relative; 
	left:0px;
	top:7px;
}

._treeview li._noeud._OFF span::before{
	content:url(/img/_treeview_off.png);
}

._treeview li._noeud._OFF span {
}
._treeview li._noeud._OFF ul {
	display:none;
}


._treeview li._item ._select,
._treeview li._item ._mainType,
._treeview li._item ._name,
._treeview li._item ._scope,
._treeview li._item ._owner,
._treeview li._item ._date,
._treeview li._item ._size,
._treeview li._item ._burger{
	display:inline-block;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	border:solid 1px #FFF;
	padding:2px 4px;
}

._treeview li._item ._mainType{
	width:30px;
	text-align:center;
}

._treeview li._item ._name{
	width:229px;
}

._treeview li._item ._scope{
	width:30px;
	text-align:center;
}

._treeview li._item ._owner{
	width:30px;
	text-align:center;
}

._treeview li._item ._select{
	width:40px;
}

._treeview li._item ._date{
	width:150px;
	text-align:center;
}
._treeview li._item ._size{
	width:70px;
	text-align:right;
}
._treeview li._item ._burger{
	width:30px;
	text-align:right;
}
._treeview li._item ._burger img{
	width:20px;
	float:right;
	opacity:0;
}

._treeview li._item:hover ._burger img{
	opacity:1;
	cursor:pointer;
}

._treeview li._item:hover {
	background-color:rgba(192,255,128,0.5)
}

._treeview li._item:hover div._select,
._treeview li._item:hover div._mainType,
._treeview li._item:hover div._name,
._treeview li._item:hover div._scope,
._treeview li._item:hover div._owner,
._treeview li._item:hover div._date,
._treeview li._item:hover div._size,
._treeview li._item:hover div._burger {
	border-color:transparent;
}


.l0 {

}

.l1 {
	background-color:#F8F8F8;
}

.l1 ._treeview li._item
{
	border-color:#F6F6F6;
}

._treeview._header li._item:hover {
	background-color:unset;
}

ul._treeview._header {
	padding:20px 0 0 0;
	margin:0;
}

._treeview._header li._item div {
	background-color:#DDD;
}

#_MIRE_TEXT {
	display:inline-block;
}

#_MIRE_TEXT h1 {
	font-size:16px;
}
.progress-bar{
	background-color:#CCC;
	border-radius:12px;
	width:300px;
	max-width:80%;
	margin:auto;
	height:24px;
}

.progress-bar-cursor {
	background-color:#007bff;
	height:100%;
}

.dropdown-item.disabled {
	cursor:not-allowed;
	color:#CCC;
}

.center {
	text-align:center;
}


._KEYPRESSED {
	background-color:#F9F91E;;
	padding:0;
	box-shadow:0 0 15px 10px #F9F91E;
	position:fixed;
	top:100px;
	left:100px;
	z-index:999999;
	White-space: nowrap;
}

._KEYPRESSED ._KEY {
	border:solid 2px #000;
	background-color:#CCC;
	padding:4px 5px 8px 5px;
	border-radius:6px;
	display:inline-block;
}

._KEYPRESSED ._KEY div{
	border:solid 1px #EEE;
	background-color:#DDD;
	padding:2px 4px;
	min-width:20px;
	text-align:center;
	border-radius:2px;
	font-family:Arial;
	font-size:12px;
}

._POINTER {
	cursor:pointer;
}


._HEADER_BAR {
	height:24px;
	width:100%;
	white-space:nowrap;
	# overflow:hidden;
	text-overflow:ellipsis;
}

#_HEADER_BAR_TITLE {
	height:24px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#_INFO_CONNEXION {
	padding:3px 0 2px 6px;
	background-color:rgba(255,255,255,0.2);
	border-radius:10px 10px 0 0;
	float:right;
}


* {
  /* Calculation */
  --diff: calc(var(--max-size) - var(--min-size));
  --responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 420px) / (1140 - 420))); /* Ranges from 421px to 1139px */
}

#_PAGE_TITLE h1 {
	font-size:50;
}

#_PAGE_LOGO_TITLE {
	width:172px;
}

#_PAGE_CLOSE {
	width:40px;
	margin-top:0;
}

@media (max-width:1140px) {
	#_PAGE_TITLE h1 {
		--max-size: 50;
		--min-size: 20;
		font-size: var(--responsive);
	}
	#_PAGE_LOGO_TITLE {
		min-width:40px;
		width:calc(86px + 7.5vw);
	}
	#_PAGE_CLOSE, #_PAGE_TITLE .CLOSE {
		min-width:20px;
		width:calc(20px + 1.75vw);
		margin-top:calc(1.75vw - 10px);
		margin-right:20px;
	}
}


.auth-sso button {
	width:270px;
	max-width:100%;
}
.auth-sso img {
	height:24px;
	width:24px;
	padding-right:8px;
}
.auth-sso {
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	line-height:24px;
}


.separator {
	position:relative;
	height:fit-content;
	height:fit-content;
}

.separator hr {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.separator div {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}
.separator div span {
	background-color:#FFF;
	padding:5px 10px;
}

a[href*="/glossaire/"] {
	#text-decoration-line: underline dotted !important;
	text-decoration-style: double !important;
	color:#8b0202 !important;
}

._breadcrumb a[href*="/glossaire/"] {
	text-decoration-style: unset !important;
	color:#2156a5 !important;
}

._breadcrumb a[href*="/glossaire/"] b {
	font-weight:normal !important;
}

#_NAVIGATION a[href*="/glossaire/"] {
	text-decoration-style: unset !important;
	color:#2156a5 !important;
}

._CMT_COMMENTS ._CMT_ITEM {
	margin:0.5em 0;
	padding:0.5em 1em;
	background-color:rgba(192,192,192,0.25);
	border-radius:0.4em;
}

._CMT_COMMENTS ._CMT_ITEM ._account {
	display:inline-block;
}

._CMT_COMMENTS ._CMT_ITEM ._account img {
	height:28px;
	margin:-0.3em 0.5em 0 -0.6em;
}

._CMT_COMMENTS ._CMT_ITEM ._date {
	color:#888;
	display:inline-block;
}