/* identifies equipe */



:root {
 --page-bg: #f8f8f8;
 --zone-bg: #fff;
 --zone-text: #000;
 --roundzone: #fcfcfc;
 --overwhite:rgba(255,255,255,0.95);
 --graybg: #ccc;
}

body.darkmode {
 --page-bg: #333;
 --zone-bg: #444;
 --zone-text: #ccc;
 --roundzone: #444;
 --graybg: #555;
}
@media (prefers-color-scheme: dark) {
:root-TODO {
 --page-bg: #333;
 --zone-bg: #444;
 --zone-text: #ccc;
 --roundzone: #444;
 --graybg: #555;
}
}

/* 
https://fonts.google.com/icons?icon.query=private&icon.style=Rounded
https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,300,1,200 : 
*/




body {  scrollbar-face-color: #CDC9B6; scrollbar-shadow-color: #E9E6D8;
	scrollbar-highlight-color: #918C73; scrollbar-3dlight-color: #E9E6D8;
	scrollbar-darkshadow-color: #918C73; scrollbar-track-color: #CDC9B6;
	scrollbar-arrow-color: #918C73;
	background-color:var(--page-bg);
	font-size:16px; 
	}

body.mode_app {font-size:21px;}

.pageheader {
	/*background-image:url(https://images.oxywork.com/3/bg_body.png);
	background-repeat:repeat-x ; background-position: left top;*/
	display:flex;width:100%;flex-flow: row wrap;
	position:fixed;top:0;z-index:10001;
	background-color:rgba(255,255,255,0.85);height:48px;border-bottom:1px solid #ccc;
	transition-property: all;transition-duration:0.3s;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	box-shadow: rgba(230,230,230,0.3) 0px 0px 3px 3px;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;padding-bottom:0;margin-bottom:0;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {color:#004;}

.divonglets {position:relative;height:24px;overflow-y:hidden;padding-top: 4px;margin-top: -4px;box-sizing: border-box;/*border-bottom: 1px solid #888;*/}
.divonglets:hover {z-index:1001;}
.divonglets .tools {float:none !important;display:inline-block !important;height:12px;line-height:12px;}
.divonglets .inputspan {margin:0 !important;padding:0 !important;border:none !important;background:none !important;}
.divonglets .inputspan input {margin-top:-4px !important;}

/* only for staff...:*/
.selectspanmultiple:not(.keepselect) select {display:none;}

.tag_readstate {font-size:50%;;line-height:10px;font-weight:normal !important;float:left;}
.email_stateonglet:hover, .tag_readstate {color:#FFF;background-color:#008;}
.email_stateonglet0:hover,.email_stateonglet0.email_stateonglethere, .tag_readstate0 {background-color:#080 !important;}
.email_stateonglet99:hover,.email_stateonglet99.email_stateonglethere, .tag_readstate99 {background-color:#800 !important;}
.email_stateonglethere, .tag_readstate {font-weight:bold;color:#FFF;background-color:#008;}
.tag_tobesent {font-size:100%;line-height:10px;background-color:#F88;}

.email_body_1preview {opacity: 0.4;}
.linehover:hover .email_body_1preview {visibility:visible;opacity: 1;}
.email_titre  {color: #333366;}

.searchbox {display:flex;flex:2 30%;height:29px;padding:0px;/*overflow:hidden;*/position: absolute;right: -40px;width:40px;transition-property: width;transition-duration: 0.3s;}
.searchbox_open {display:block;overflow-x:hidden;right:0px;top:0;left:0px;overflow-y:auto;position:fixed;width:auto;height:100vh !important;z-index:10001;background-color:#eee;border: #E9E6D8 1px solid;animation:showsearch 0.3s ease-out; }
.searchbox_open .searchbox_search {position:absolute;left:0px; }
.searchbox_open .searchboxinput {left:16px;top:4px; }
.searchbox_minopen {display:block;overflow-x:hidden;right:0;top:0;overflow-y:auto;position:fixed;width:100%;height:32px;z-index:10001;background-color:#eee;border: #E9E6D8 1px solid; }
.searchbox_minopen .advanced_search,.searchbox_open .advanced_search {display:none !important;}
.searchbox_open .tools_close {display:block !important;position:absolute;top:5px;right:5px;z-index:10001;} 

.searchbox_moreopen {height:68px !important;animation:showmoresearch 0.3s ease-out; }
.searchbox_resopen {height:100vh !important;animation:showresmoresearch 0.9s ease-out; }
.searchbox_topopen {padding:0px 10px !important;display:block;overflow-x:hidden;right:0px;top:5px;/*border-top:5px solid #fff;*/overflow-y:auto;position:fixed;width:auto;left:40px;height:32px;z-index:10002;transition-property: width;transition-duration: 0.3s; }
.searchbox_topopen .advanced_search {/*background-color:#fff;*/height:27px !important; }
.searchbox_topopen .tools_close {right:10px;top:0px;z-index:9;position:absolute;display:block !important; }
.searchbox input[type=text].searchboxinput, .searchbox input[type=search].searchboxinput {background-color:#fff !important; }
@keyframes showsearch { 0% { width:10%;height:10%;} 	100% { width:100%;height:100%; } }
@keyframes showmoresearch { 0% { height:32px;} 	100% { height:58px; } }
@keyframes showresmoresearch { 0% { height:58px;} 	100% { height:100%; } }

@media screen and (max-width: 360px) {
	.searchbox_moreopen {height:80px;} 
	#zone2 {/*top:70% !important;*/}
	div.menuline_hover span.menu_main {padding-top:80px !important;}
}
@media screen and (max-width: 600px) {
	.searchbox_topopen {left:0px;right:0px;height:59px !important;padding-top:3px;width:100%;background-color:#fff;border-bottom: #E9E6D8 1px solid;/*overflow:visible;*/ }
	.searchbox_resopen {height:100vh !important; }
	@keyframes showmoresearch { 0% { height:28px;} 	100% { height:59px; } }
}

.table_displayopts {position:absolute;z-index:11; }
.table_displayopts {margin-top: -22px;overflow: hidden;}
.newstext .table_displayopts {/*margin-top:-31px;*/}
.titleafter .table_displayopts {/*position:relative;*/float:right;top:35px;right:100px;width:100px;height:34px;overflow:hidden;}
.newstext .table_displayopts {margin-top:-31px;}
.news {background-color: #f8f8f8; }

div.table21 {padding-top:10px !important;}


@media screen and (max-width: 1024px) {
  .in_searchbox .pathline {display:none !important;}
}
@media screen and (min-width: 1024px) {
	.searchbox_topopen {left:249px;}
  .in_searchbox .pathline .path {max-width: 216px;max-height: 32px;overflow-x: hidden;}
  .in_searchbox .pathline span.path > a:not(a:last-of-type),.in_searchbox .pathline span.path .delimiter {display: none;}
  .in_searchbox .pathline .path .toolszone_big_intitle {display: none;}
}

.searchbox .searchbox_search {width:100%;max-width: 90vw;z-index: 1002;}
.searchbox .searchbox_search table.searchbox_search {width:100%;max-width: 100vw;height:100%;}
.searchbox .searchbox_search form {width:100%;max-width: 100vw;}
.searchbox .searchbox_search td {width:100%;}
td.search { /*background-color: #eee;*/ color: #888;width:100%;}
.searchbox .inputspan {background-color: inherit !important; border:none !important;}
.searchbox input[type=text].searchboxinput,.searchbox input[type=search].searchboxinput {/*visibility: hidden;*/ /*background-color: inherit;*/ color: #888;min-width:150px;minWidth:150px;font-size:150%;border: none; /*margin-left:40px;*/width:60%;height:100%;position:relative;-webkit-appearance: none;  -moz-appearance: none; appearance: none;/*float:left;*/border: 1px solid #ddd;border-radius: 8px;background-color: #f8f8f8 !important;}
.searchbox_topopen input[type=text].searchboxinput,.searchbox_topopen input[type=search].searchboxinput {/*visibility: visible;*/}
.searchbox input[type=text].searchboxinput::placeholder,.searchbox input[type=search].searchboxinput::placeholder {left:30px;}
.searchbox input[type=text].searchboxinput:focus,.searchbox input[type=search].searchboxinput:focus {outline: none;border-bottom:1px solid #888;animation:inputborder 0.3s ease-in;}
.searchbox:not(.searchbox_moreopen) .search_in_buttons {display:none;}
.searchbox .search_in_buttons {/*visibility: hidden;*/position:relative;z-index:2;margin:-1px 0px 0px 0px;display: flex;width: 100%;max-width: 100vw;}
.searchbox_topopen .searchbox .search_in_buttons {/*visibility: visible;*/}
.searchbox .search_in_buttons > div {display:inline-block;max-width: 12%;position: relative;}
@media screen and (max-width: 600px) {
.searchbox .search_in_buttons > div .searchboxsubmit{}
 .searchbox .search_in_buttons {margin-left:10px;}
}
.searchbox .disabled {opacity:0.5;}
.searchbox .searchres {/*width:80px;margin-left:5px;margin-top:-5px;background-color:#fff;*/}
.searchbox .searchres h3 {float:left;}
.searchbox .searchres ul {/*width:80px;overflow-x:hidden;overflow-y:auto;padding:0;spacing:0;margin:0 0 10px 0;*/ position:relative;display: flex;flex-wrap: wrap;margin:0;padding:16px 0px 0px 0px;}
.searchbox .searchres ul li {position: relative;flex: 1;list-style: none;font-size:75%;;min-width:180px;max-width: 180px;height: 22px;display:block;overflow:visible;padding:2px 5px;margin: 0px 0px 2px 2px;border-radius: 3px;border:1px solid #999;background-color:#fff;line-height:11px;max-height:24px;position: relative;}
.searchbox .searchres ul li a {color:#444;display: inline-block;width:100%;height:100%;overflow:hidden;}
.searchbox .searchres ul.top_search_res1i li a {color:#FE2139;}
.searchbox .searchres ul.top_search_res1p li a {color:#719A74;}
.searchbox .searchres ul.top_search_res2 li {border-radius: 16px !important;padding-left: 16px;}
.searchbox .searchres ul.top_search_res2 li a {display: inline-flex;border-radius: 12px !important;padding-left: 16px;color: #000;}
.searchbox .searchres ul.top_search_res5 li a {color:#5B8EC5;}
.searchbox_resopen .searchres_div {clear:both;padding:0px 10px;/*margin:-20px 1px 0px 1px;*/background-color:var(--overwhite);min-height: 2000px;border-left: 1px solid #eee;border-bottom: 1px solid #eee;position: absolute;top: 43px;z-index: 1;}
.top_search_resdiv {clear:both;padding:10px;margin:1px;/*background-color:rgba(255,255,255,0.95);*/}

.related li {list-style: none;}

.searchbox .tools_close {display:none;} 
.searchbox .searchboxsubmit, .searchbox .advanced_search_link {
	border-width:1px 1px 1px 4px;border-style:solid;font-size:62%;; width:60px;max-width: 100%;overflow:hidden;color:#888;height:12px;border-radius:4px;text-align:center;
	margin:0px 0px 10px 6px;background-color:#fff;background-repeat:no-repeat;padding: 16px 0px 0px 0px;background-position: center 2px;cursor: zoom-in;display: inline-block;}
.searchbox .searchboxsubmit { opacity:0.8; }
.searchbox .searchboxsubmit:hover { opacity:1; }

.searchbox select {display:none;}
.searchbox .searchboxsubmit:hover {color:#444;}
.searchbox #div_search_history { position: absolute;right: 0px;text-align: right;}
.searchbox #div_search_history:hover {flex: 1;max-width: 8%;}
.searchbox #div_search_history .history { appearance: none;	border-width:1px 1px 1px 4px;border-style:solid;font-size:68%;; width:70px;overflow:hidden;color:#888;height:22px;border-radius:4px;
	margin:0px 0px 10px 6px;background-color:#fff;background-repeat:no-repeat;background-position:left center;cursor: zoom-in;padding: 2px 2px 2px 24px;display: inline-block;}
}

@media screen and (max-width: 700px) { 
.searchbox .searchboxsubmit, .searchbox .advanced_search_link {
	font-size:0px !important;width:16px !important;margin:2px !important;
}
}


.searchbox .advanced_search_link {padding:4px;}

.searchbox .searchbox_search .advanced_search {position:absolute;right:40px;top:0;display:inline-block;float:left;width: 38px;height: 58px;line-height: 22px;padding:12px 4px;/*background-color: rgba(255,255,255,0.9);*/}
.searchbox .searchbox_search .advanced_search span {display:none;}
.searchbox .searchbox_search .advanced_search::before {display:inline-block;color:#555;font-size:22px;content:'\e8b6';font-family:'Material Symbols Rounded';width: 38px;height: 38px;transition-property: all;transition-duration: 0.3s;}
.searchbox .searchbox_search .advanced_search:hover::before {/*animation: spin 0.5s ease-in;*/}
.in_searchbox .advanced_search {padding:0px !important;right:30% !important;top:5px !important;}
.in_searchbox .advanced_search::before {content: '\e8ff' !important;/*transform:rotate(0deg) !important;*/}

.searchbox div.search_activity {width:100%;display:flex;flex-wrap: wrap;}
.searchbox div.search_activity > div {flex:1;min-width:280px;margin:0px 10px;}

/*
body.insearch.ss_ .searchbox {position: fixed;left: 0;top: 40;right: 0;width: auto;height:30px;z-index:0;background-image: url(https://images.oxywork.com/3/bg_body.png);background-repeat: repeat-x;background-position: left -16px;}
body.insearch.ss_ .searchbox .searchboxsubmit {display:none;}
body.insearch.ss_ .searchbox .tools_close {display:none;}*/
.in_searchbox .not_insearch {visibility: hidden !important;}

.pageheader_after {padding-top:50px;}
/*body.insearch.ss_ .pageheader_after {padding-top:75px;}*/

input[type=submit].search {display:none; }
.pageheadermenu_place {display:flex;}


#zone2 {font-size:62%;;}
#zone4 {padding:14px 8px 50px 0px;}
#zone4.has_zone2 { min-height:calc(100vh - 120px);z-index:3;position:absolute;left:226px; /*border-left:1px solid #eee;*/}
@media screen and (max-height: 600px) {
#zone4.has_zone2 { min-height:calc(100vh - 100px);}
}
#zone4.has_zone2 .newstextOpen:has(#divmap),#zone4.has_zone2 .zone4_contents:has(#divmap) {position:absolute;height:100%;width:100%;border-radius:16px;}
#zone4:not(.has_zone2) { left:8px; /*border-left:1px solid #eee;*/}
#zone4.has_zone5 { right:29%;}
#zone4.no_zone5 { right:0px;}
#zone5 {position:absolute;right:0px;width:29%;/*border-left:1px solid #eee;*/padding:14px 4px 0px 14px;overflow:hidden;/*z-index:1;*/}

#zone4.nominheight {min-height:0px !important;padding-bottom:0px !important;}

.pageheadermenuzone {display:flex;flex: 1 100%;}
div.pageheadermenu {
	display:flex;flex:2 70%;
height:48px;/*background-image:url(https://images.oxywork.com/3/menubg.png);
background-repeat:repeat-x ; background-position: bottom;*/
/*-webkit-animation:reveal 0.6s ease-in;  -moz-animation:reveal 0.6s ease-in;  animation:reveal 0.6s ease-in;*/
}

div.menuline {
height:34px;/*overflow:hidden;*/z-index:10001;/*width:30%;*/
background-repeat:repeat-x ; background-position: bottom;-moz-transition:width 0.3s, height 0.8s;  transition: width 0.3s, height 0.8s;
}

body.mode_app div.menuline {position:absolute;right:10px;}
body.mode_app:not(.ingeneralmenu) .toprightbutton:not(.topopen) {display:none;}

div.menuline_hover {
position:fixed !important;left:-30px !important;right:auto !important;top:0px !important;width:150px !important;z-index:9999;
background-color:rgba(255,255,255,0.9) !important;/*background-image:url(https://images.oxywork.com/3/menubg.png);*/
height:100%;min-height:100%;/*overflow-x:hidden;overflow-y:auto;*/padding-bottom:0px;
-webkit-transition:width 0.3s, height 0.8s;  
	box-shadow: rgba(220,220,220,0.8) 0px 3px 6px 0px;
}

div.menuline span.menu_main {width: 26px;height: 26px;float: left;padding:10px 0px 0px 10px;transition-property: all;transition-duration: 0.3s;}
div.menuline_hover span.menu_main {width:100% !important;height:90%;margin:48px 0px 0px 0px;display:flex;flex-wrap:wrap;padding:0px 0px 0px 0px;}

div.menuline span.menu_create {display:none;}
div.menuline_hover span.menu_create {clear:both;display:block;width:90px;position:absolute;right:-95px;height:250px;padding-top:20px;text-align:center;}

span.menu_create .topmenucreate { background-blend-mode: darken;
	display:inline-block;border-width:1px 1px 1px 4px;border-style:solid;font-size:75%;; line-height:9px;width:90px;overflow:visible;color:#888;height:16px;border-radius:4px;
	margin:4px;background-color:#fff;background-repeat:no-repeat;background-position:center 5px;cursor:crosshair;padding-top:20px;text-align:center;float:left;}
span.menu_create .topmenucreate:hover {color:#444;text-decoration:none;background-color:#d8e0d8;}

span.menu_create .topmenucreate_shortcuts {margin-top:10px;float:left;clear:both;}
span.menu_create .topmenucreate_shortcuts .topmenucreate {height:25px;background-color:#f0f0f0;position:relative;}
span.menu_create .topmenucreate_shortcuts .topmenucreate a {font-size:85%;color:#222;display:inline-block;max-height:25px;overflow:hidden;}
span.menu_create .topmenucreate_shortcuts .topmenucreate .toolszone {display:none;}
span.menu_create .topmenucreate_shortcuts .topmenucreate:hover {background-color:#cdc;}
span.menu_create .topmenucreate_shortcuts .topmenucreate:hover .toolszone {display:block;}
span.menu_create .topmenucreate_shortcuts .topmenucreate_add {height:15px;background-color:#f0f0f0;opacity:0.5;padding-top:5px;}
span.menu_create .topmenucreate_shortcuts .shortcuts_group {zoom:50%;}

div.menuline_hover div.menu_between { opacity:1 !important;height:16px; width:4px; margin-top:17px;position:absolute; right:0px;}
div.menu_between { display:block;float:left;border-width:0px 4px 0px 0px; border-style: solid; height:4px; width:2px; margin-top:2px; overflow:hidden;
	background-repeat: no-repeat; background-position: 999px center; }
div.menu_between:nth-of-type(4) { clear:both; }

.menu_addelts_contents {display:block;opacity:0;bottom:-200px;position: absolute;width: 150px;left: 0px;padding-top: 0px;background-color: #fff;transition: all 0.3s;}
div#menu_addelts {display:block;position: relative;overflow:hidden;width:100%;max-height:20px !important;color:#888;transition: all 0.3s;}
div.menuline_hover div#menu_addelts:hover {overflow:visible;max-height:auto !important; }
div.menuline_hover div#menu_addelts:hover .menu_addelts_contents {opacity:1;display:block;bottom:0px;}
div.menuline div.menucontainer {
    -webkit-animation-direction:reverse; animation-direction:reverse;	float:left;
    	height:8px;	width:8px; margin:0px -2px -2px 0px;
	overflow:hidden;
	position: relative;
/*    -webkit-animation:fold 0.6s ease-in;  -moz-animation:fold 0.6s ease-in;  animation:fold 0.6s ease-in;*/
}
div.menuline_hover div.menucontainer_spaced { padding-top:8px;/*margin-top:8px;border-top:1px solid #eee;*/}
div.menuline_hover div.menucontainer_spaced::before { position: absolute;content:'';top:4px;left:20%;right:20%;height:1px;border-top:1px solid #eee;}
div.menuline_hover div.menu {
	width:90%;height:auto !important;min-width:10px;min-height:10px;
	text-align:center;font-weight: normal; font-size:70%; !important;	padding:26px 4px 0px 10px !important;
}
div.menuline_hover div.menucontainer {
opacity:1 !important;width:100% !important;min-height:32px;overflow:visible;margin:0px;/*height:12% !important;*/
/*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%); /* ff3.6+ */
/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(27%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */
/*background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */
/*background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%); /* opera 11.10+ */
/*background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%); /* ie10+ */
/*background:radial-gradient(ellipse at center, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%); /* w3c */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */
background-color:rgba(255,255,255,0.99) !important;
  /*  -webkit-animation:unfold 0.1s ease-in;  -moz-animation:unfold 0.1s ease-in;  animation:unfold 0.1s ease-in;*/
}
div.menuline .submenudiv {display:none;top:34px;}
div.menuline_hover .submenudiv {display:block;}

body.ingeneralmenu {/*transform:translateX(150px);transition-property: all;transition-duration: 0.3s;*/}

@media screen and (max-width: 600px) { /*big phone menu */
div.menuline_hover {left:0 !important;width:100% !important;}

div.menuline_hover div.menucontainer {min-width:33.33% !important;max-width:33.33% !important;min-height:42px;z-index:9;}
div.menuline_hover div.menucontainer_spaced {clear:both;padding-top:0 !important;}
body.ingeneralmenu #zone2 {left:0 !important; height:50% !important;top:50% !important;}
body.ingeneralmenu #zone2 .zone2_contents{position:relative;z-index:11;padding-bottom:500px;}
body.ingeneralmenu div.menuline_hover span.menu_create {left:0 !important;position:relative !important;margin-top: -100px !important;padding-top: 100px !important;}
}

@media screen and (min-width: 800px) {
	body {/*transform:translateX(30px);margin-right:30px;*/}
	#zone2, #zone4,div.menuline {margin-left:30px;}
	body.nomenu {transform:none !important;margin-right:0px !important;}
	div.menuline {
		position:fixed;left:-40px;top:0;width:40px;
		background-color:rgba(255,255,255,0.9);
		height:100vh;/*min-height:1500px;/*overflow-x:hidden;overflow-y:hidden;*/padding-bottom:0px;
		border-right: 1px solid #ccc;
		margin-top:48px;
	box-shadow: rgba(220,220,220,0.8) 0px 3px 6px 0px;


	}
	div.menuline span.menu_main {width: 39px;height: 90%;display: flex;flex-wrap: wrap;margin: 0px;padding: 10px 0px 0px 0px;}
	.sticktoleft {left:30px !important;}
	div.menuline:not(.menuline_hover) div.menu {font-size:0px;}
	div.menuline div.menu {/*font-size:0px;*/ width:90%;height:auto !important;min-width:10px;min-height:10px;padding:26px 4px 0px 1px !important;transition-property: all;transition-duration: 0.1s;}
	div.menuline div.menucontainer_spaced { padding-top:8px;/*margin-top:8px;border-top:1px solid #eee;*/}
	div.menuline div.menu_between { opacity:0.1;height:16px; width:4px; margin-top:17px;position:absolute; right:0px;}
	div.menuline .menucontainer { opacity:0.5;}
	div.menuline .menucontainer:hover { opacity:1;}
	div.menuline .menucontainer:hover div.menu_between { opacity:1;}
	div.menuline div.menucontainer {	width:100% !important;min-height:42px;min-width: 100%;flex: 1;overflow:visible; }
	div.menuline div.menu:hover {position: absolute;width: 135px;font-size:70%;;background-color: #fff;opacity: 1;text-align: center;font-weight: normal;border: 1px solid #ddd;border-radius: 0px 2px 2px 0px;}
	div.menuline_hover div.menu:hover {border-width: 0px !important;}

	div.path {left:27px !important;}
}

@media screen and (max-height: 600px) {
	div.menuline_hover div.menucontainer {	min-height:18px;}
	div.menuline div.menu {padding: 0px 0px 0px 30px !important;background-position: 10px center;background-size: 14px;text-align: left !important;background-color: none !important;}

}

.menuzone2_hover {/*display:block !important;height:50%;*/}

div.menuline_hover .topsubmenuafter {display:none !important;}

div.menu {
	font-size:70%;;
	text-decoration: none;
	font-weight: bold;
	/*text-transform: uppercase;*/
	color:#888;
	border:0px;
	height:0px;
	background-repeat: no-repeat;
	background-position: center 14px;background-size: 18px;
	z-index:1;
	opacity:0.9;
	width:0px;
	overflow:hidden;
}

/*
div.menuhere 	{   
 font-size:75%;; text-decoration: none; font-weight: bold; text-transform: uppercase; 
 display:block;float:left;color:#000; border:0px; height:32px; padding:16px 4px 0px 1px;
 background-repeat: no-repeat; background-position: center top;
 cursor:pointer;z-index:999;
 min-width:80px;minWidth:80px;
 filter: Alpha(Opacity=90%);
}*/
.submenu 	{  font-size:62%;; text-decoration: none; font-weight: bold; text-transform: uppercase; color: #003366}

div.pathline {display:flex;flex:2 50%;padding:0px 0px 0px 22px;text-align:left;clear:both;z-index:1001;}
div.path {	position:absolute;
	top: 2px;
left: 50px;right: 140px;
max-width: 75%;/*min-width: 220px;*/
/*border-bottom:1px solid #888;*/padding:2px !important;text-align:left;}
span.path {max-width: 100%;/*padding-top:12px;width:100%;*/}

span.path a {color:#555;display:inline-block;max-height:24px;min-width:10px;min-height:10px;
	overflow:hidden;margin-left:2px;
	background-repeat: no-repeat;/*background-size: 90%;*/background-position:left center;}
span.path a.hasbg span.text {display:none;}
span.path .delimiter {font-size:5px;}
span.path > a:last-of-type, span.path > b:last-of-type {font-size:200%;font-weight:bold;display:inline-block !important;background-size: 16px;background-position:left center;padding-left:20px;}
span.path > a:last-of-type  span.text, span.path > b:last-of-type  span.text {display:inline-block !important;}
span.path > a span {overflow: hidden;max-width: 100%;}
span.path a span.pathtext {overflow:hidden;max-width:100%;}
div.menu:hover {
	 color:#222;
 filter: Alpha(Opacity=90%);
 cursor:pointer;
}

span.selectspan {border: 1px solid #e0e0e0; background-color:#fff;}
span.inputspan, span.inputspangroup, span.buttongroup,span.inputgroup {background-color:#fff;color:#111;border: 1px solid #e0e0e0; }
span.inputspan span.placeholder b, span.inputspan label b {color:#000;}
span.placeholder a {color:#444;}
span.inputspangroup.separated {background-color:#f9f9f9;border-width:1px;}


.navpagesblock_fixedtop {position:fixed !important;top:4px;right: 90px;border-width: 0px !important;z-index:10001;height: 35px;overflow: hidden !important;white-space:nowrap;}
.navpagesblock span.inputspan ,.navpagesblock span.inputspangroup , .navpagesblock span.selectspan {margin-top:0px !important;min-width: 10px !important;width: auto !important;}
.navpagesblock .tools {border-radius: 1px;height: 35px !important;width: 30px !important;padding: 0px 4px 0px 4px !important;text-align: center !important;box-sizing: border-box;margin: 0px !important;}
.navpagesblock .tools::before {display: block;float:none !important;margin-bottom:0px;}

div.card {}
div.cardcontent {
	border: 1px solid #ddd;	background-color: #e8e8e8;
}
div.cardcontent .cardcontent {}

div.cardcontent:hover {
	padding-bottom:8px;
}
div.card_home_max300 {max-height:300px;overflow:auto;}
div.cardcontent .toolszone_big,div.cardcontent .toolszone_medium {right:6px;top:-24px;}

div.cardbottomspacer {}
div.cardbottom {background-color:rgba(0,0,0,0.05);}
div.cardbottom .tool_container {}
div.cardbottom .tool_container .tools {}

#zone5 div.card {z-index:0 !important;}

.card .subcard h4,.card .subcard div.cardcontent {border-color:#eeeeee;background-color:#f0f0f0 !important;}

.titlezone {
display:block;
vertical-align:bottom;
}

.titleline {font-size:82%;; padding:10px 2px 0px 0px;spacing:1px 1px 0px 0px;margin:1px 1px 0px 0px; 
	background-repeat: no-repeat; background-position: 999px center; 
	 vertical-align:bottom;display:inline;float:left;
	}
.titleborder {
	display:inline;
	/*font-size:68%;;*/
	font-weight: bold;
	text-decoration: none;
	color:#444;
	padding:2px;
	background-repeat: no-repeat;
	background-position: 999px center;
	background-color:#e0e0e0;
	border-width:1px 1px 1px 1px;
	border-style:solid;border-color:#c0c0c0;
	border-radius:1px 1px 0px 0px;
	z-index:3;
	overflow:hidden;
	max-height:24px;
}
.titleborder .titletitle {display:inline-block;/*max-width:80%;*/line-height:18px;max-height:18px;/*overflow:hidden;*/}

#zone4 .titleborder {background-color:#f0f0f0;}
#zone2 .titleborder {border-width:0px;background-color:rgba(0,0,0,0);font-weight:normal;font-size:75%;;}
#zone2 .titleline {/*display:block;border-width:0px 0px 1px 0px;border-color:#ccc;border-style:solid;*/}

.titleborder img {padding:0px;}
.titleborder a {color:#444;padding:1px 4px 0px 4px;text-transform: uppercase;line-height:17px;max-height:17px;}

.subtitleline {
 margin:8px 2px 0px 2px;/*font-size:50%;;*/padding:2px 2px 0px 0px;spacing:1px 1px 1px 0px;
 /*border-top: 1px solid;border-color:#aaa;//border-bottom: 1px solid;*/
}

.subtitleborder {
 display:inline;
 font-size:68%;; font-weight: bold; font-variant:small-caps; text-decoration: none;
 padding:2px;margin:2px;
}

#titlezone .titleafter {display:none;}
#titlezone:hover .titleafter {display:inline-block;text-align:left;}
#titlezone.selected .titleafter {display:inline-block;text-align:left;}
.toolbar {
	
	margin:14px 2px 0px 2px;padding:1px 10px 0px 10px;
	font-size:55%;;color:#808080; float:right;
	height:18px;
}
.toolbar:hover {
	overflow:visible;z-index:999;
}
.linehover:not(.lineSelected) .tools, .linehover:not(.lineSelected) .inputspan, .linehover:not(.lineSelected) .inputspansubmit, .linehover:not(.lineSelected) .inputspangroup, .linehover:not(.lineSelected) .button, .linehover:not(.lineSelected) .selectspan, .linehover:not(.lineSelected) input[type=checkbox] {opacity:0;}
.linehover:hover .tools, .linehover:hover .inputspan, .linehover:hover .inputspansubmit, .linehover:hover .inputspangroup, .linehover:hover .button, .linehover:hover .selectspan, .linehover:hover input[type=checkbox],.linehover:hover input[type=checkbox]:checked, .linehover .contactsquare,
.lineSelected .tools, .lineSelected .inputspan, .lineSelected input[type=checkbox],.linehover:has(input[type=checkbox]:checked) input[type=checkbox],.linehover .tools_alwaysvisible {opacity:1 !important;}
.linehover.lineSelected a, .linehover:has(input[type=checkbox]:checked) a {font-weight:bold;}
.linehover:not(.lineSelected), .linehover:not(:has(input[type=checkbox]:checked)) {opacity:0.95;}
.linehover.lineSelected, .linehover:has(input[type=checkbox]:checked) {opacity:1;}

/*.hideunselected .account_line:not(.lineSelected) { display:none; }*/

td.selected, td.selected div {background-color:#cce !important;}
/*
	position:absolute;writing-mode: tb-rl;filter: flipv fliph;width:24px;height:200px;left:0px;
*/
.toolbar_path {
	padding:1px 10px 0px 10px;margin:0px 10px 0px 100px;
	overflow:hidden;font-size:55%;;color:#808080; 
	border-width:1px 1px 0px 1px; border-style:solid;border-color:#ccc;background-color: #eee;height:18px;display:inline;
}
.aftertoolbar {clear;both:height:0px;}
a.toolbar {color:#808080;text-decoration: none;}
#toolbar1 {background-image:url(https://images.oxywork.com/boutons/bouton_news_fond.gif);}

//.titlepicto {margin:0px 2px 0px 0px;}
//div.titlepicto {width:1px;height:1px;display:inline;}
//#titlepicto {position:relative;display:inline;width:30px;height:30px;top:10px;}

.bg0 {border-color:#ddd;background-image:url(https://images.oxywork.com/3/logop.png);}
.bg1 {border-color:#906;background-image:url(https://images.oxywork.com/3/1.png);}
.bg2 {border-color:#9c0;background-image:url(https://images.oxywork.com/3/2.png);}
.bg3 {border-color:#fc0;background-image:url(https://images.oxywork.com/3/3.png);}
.bg4 {border-color:#3e9d00;background-image:url(https://images.oxywork.com/3/4.png);}
.bg5 {border-color:#69c;background-image:url(https://images.oxywork.com/3/5.png);}
.bg6 {border-color:#D5DAEA;background-image:url(https://images.oxywork.com/3/6.png);background-color:#f0f0f0;}
.bg7 {border-color:#C0C4C9;background-image:url(https://images.oxywork.com/3/7.png);}
.bg8 {border-color:#c03;background-image:url(https://images.oxywork.com/3/8.png);}
.bg9 {border-color:#990;background-image:url(https://images.oxywork.com/3/9.png);}
.bg10 {border-color:#3c6;background-image:url(https://images.oxywork.com/3/10.png);}
.bg11 {border-color:#c09;background-image:url(https://images.oxywork.com/3/11.png);}
.bg12 {border-color:#f90;background-image:url(https://images.oxywork.com/3/12.png);}
.bg13 {border-color:#9CF;background-image:url(https://images.oxywork.com/3/13.png);}
.bg14 {border-color:#FF0;background-image:url(https://images.oxywork.com/3/14.png);}
.bg15 {border-color:#09F;background-image:url(https://images.oxywork.com/3/15.png);}
.bg16 {border-color:#7ada5c;background-image:url(https://images.oxywork.com/3/4.png);}
.bg17 {border-color:#9f935c;background-image:url(https://images.oxywork.com/3/13.png);}
.bg18 {border-color:#7adac7;background-image:url(https://images.oxywork.com/3/2.png);}

.menu {position: relative;}
.menu_dyninfo {position: absolute;top: 0;left: 13px;width: 100%;background-color: rgba(255,255,255,0.8);}
.menu_dyninfo .menu_date {margin-top: 9px;border-width: 2px 1px 1px 1px;border-color: #999;border-style: solid;padding: 2px;display: inline-block;font-size:8px;font-weight: bold;}
.menu:hover .menu_dyninfo , .menuline_hover .menu_dyninfo {left: 0}


.menu_between.bg6 {border:none;}
.menu.bg6 {border-width:1px;border-style:solid;border-radius:4px;margin:0px 4px;}

.newsgroup {border-radius:2px; white-space: nowrap;display: inline-block;overflow:hidden;vertical-align:middle;}
.newsgrouparbo {background-repeat:no-repeat; background-position: left top;}
.newsgroupcat {/*background-image:url(https://images.oxywork.com/3/cat.png);*/ background-repeat:no-repeat; background-position: left top;padding-left:20px; }
.newsgroupdoc {color:#906; padding:1px 4px 1px 4px; border:1px solid rgba(0,0,0,0);position:relative;}
.newsgroupdoc::before {/*background-image:url(https://images.oxywork.com/3/12.png);*/ content:' ';display:block;position:absolute;width:35px;height:14px;opacity:0.1;background-repeat:no-repeat; background-position: left top;}
.newsgroupwork {color:#f60;padding:1px 4px 1px 4px; border:1px dotted #444;position:relative;}
.newsgroupwork::before {/*background-image:url(https://images.oxywork.com/3/12.png);*/ content:' ';display:block;position:absolute;left:0;width:35px;height:14px;opacity:0.1;background-repeat:no-repeat; background-position: left top;}

.groups_squares {display:flex;flex-wrap:wrap;}
.groups_squares a.newsgroup {width:63px;height:26px;min-width:63px;max-width:63px;font-size:90%;line-height:90%;padding:4px 2px;display:block;white-space:normal;flex:1;overflow:hidden;float:left;margin:1px 1px 0px 0px;}
.groups_squares .group_parent {white-space: nowrap;}
.realtimetitlebg th { background-color: #a9ca12; color: #ffffff; }
.realtimetitlebg td { background-color: #ffffff; color: #404040; }

.phonetitlebg th { background-color: #F0A060; color: #ffffff; }
.phonetitlebg td { /*background-color: #ffffff;*/ }
.phonetitlebg { /*background-color: #ffffff;*/ }
.col3element { background-color: #f0f0f0; border-color:#ddd; }

.shortcuts {}
.shortcutsbg {background-color:#FEF8FE;border:1px solid #ccc;}

.targetstitlebg th { background-color: #a9ca12; color: #ffffff; }
.targetstitlebg td { background-color: #ffffff; color: #404040; }

.loginfo {
border-width:0px 1px 1px 1px;border-style:dashed;border-color:#ccc;background-color:#eee;display:block;float:right;
padding:2px;margin:0px 4px 0px 4px;color:#888;padding:0px 4px 0px 4px;font-size:7pt;height:17px;
}
.loginfo a {color:#888;}


.menu_cat_groups {margin-top:-2px;padding:2px;border-radius:4px;}
.menu_cat_groups a {display:inline-block;margin-bottom:3px;font-size:90%;}

.menu_cat_groups .section {border-top:1px dotted rgba(255,255,255,0.2);text-align:center;font-size:80%;font-variant:small-caps;}


.mainsection { background-color:#fff;border:1px solid #eee;border-radius:2px;padding:1px 4px 1px 26px;background-position:left center;background-size:fit;background-repeat:no-repeat; }

.notes {  /*font-size: 8pt;*/  /*background-color: #ffa;*/color:#444; }
.notesbg {/*background-color: #ffa;*/}
.note {  /*font-size: 8pt; */ text-decoration: none; /*background-color: #ffc;*/color:#777; }

.tasktitle {color:#006;/*font-size:68%;;*/}

.listes_recherche {}
ul.listes_liste {padding:0;margin:0;}
ul.listes_liste li {list-style: none;padding-left:20px;}
ul.listes_liste li.liste_groupe {list-style: none;padding-left:0px !important;}

.list_group_elements .listes_element {position:relative;max-width:28%;margin:8px 16px 0px 20px;float:left;}
.listes_element {position:relative;display: inline-block;}
.listes_element_ouvert {}
li.list_group {min-width:100%;border-top:1px dotted #ccc;}
.listes_groupe, .lists_group, .category {display:block;width:100%;clear:both;font-size:130%;padding:6px 0px 4px 0px;color:#000;/*border-top:1px solid #888;*/}
.listes_groupemot_groupe {width:100%;clear:both;}
.listes_groupemot {width: 100%;overflow: hidden;padding-top:12px;margin:0px;font-size:110%;}
.listes_groupemot_elements {border-left: 1px solid #888;margin-left: 20px;width:100%;display:table;}
.listes_checkbox {width:80px;font-size:80%;margin-left:-12px;}
.listes_titre {/*display:block;width:100%;*//*font-size:90%;*/}
.listes_trouvenon {background-color:inherit;border:none;}


.newsgroup_is_target_horizontal {display: flex !important;flex-wrap: nowrap;height: 17px !important;width:100% !important;}
.newsgroup_is_target_horizontal .pathtarget {display:flex !important;}
.newsgroup_is_target_horizontal .pathtarget a.newstarget {width:auto !important;}
.newsgroup_is_target_horizontal .pathtarget a.newstarget:hover {white-space: nowrap !important;height:15px !important;}

.newsgroup_is_target .pathtarget {flex: 1; display: flex;flex-wrap: nowrap;text-align: center;}
.newsgroup_is_target .pathtarget a.newstarget {font-size: 80%;padding: 0;margin: 0px 0px 0px 0px;flex: 1;height: 15px;transition-property: all;transition-duration: 0.3s;}
.newsgroup_is_target .pathtarget a.newstarget .target_text {display: inline-block;width: 0px;overflow: hidden;}
.newsgroup_is_target .pathtarget a.newstarget:hover {/*flex: 10;*/height: 50px;position: absolute;white-space: normal;left: 0px;right: 0px;bottom: 0px;}
.newsgroup_is_target .pathtarget a.newstarget:hover .target_text {width: 120px;overflow: hidden;}
.newsgroup_is_target .shorttitle {color:#004;padding:2px;}

.doc_lines .newsgroup_is_target {height:24px !important;}
.doc_lines .newsgroup_is_target .pathtarget a.newstarget {height:24px !important;}
.doc_lines .newsgroup_is_target .pathtarget a.newstarget:hover {height:24px;width:220px;position:relative;}
.doc_lines .newsgroup_is_target .shorttitle {position:absolute;left:22px;top:6px;}

.newsheader_target {/*bottom:auto !important;top:0px;width:auto !important;*/}
.newsgroup_is_target {font-size:62%;;display:block;top:-2px;left:-2px;height:auto !important;width:20px;}
.newsgroup_is_target .pathtarget {display:block;}
.newsgroup_is_target a.newstarget  {width:20px !important;height:16px !important;border-radius:16px;display:block;}
.newsgroup_is_target a.newstarget:hover {width:110px !important;height:50px !important;overflow:hidden;position:relative !important;}

.newstarget {color:#333;border:1px solid #eee;background-color:#f0f0f0;padding:2px;border-radius:2px;margin:1px;cursor: zoom-in;}
.newstarget a {color:#333;}
#zone2 .newstarget {display:block;}
.newscontainer_open {width:100%;border:none !important;margin:0px !important;}
.newstarget_valid_no {background-color: red;color: white;}
.newstarget_unidentified {background-color: lightblue;color: white;}
.newstarget_identified {background-color: blue;color: white;}
.newstarget_classer_all {background-color: mediumslateblue;color: white;}
.newstarget_members {background-color: darkblue;color: white;}
.newstarget_classer_some {background-color: darkslateblue;color: white;}
.newstarget_zone_some {background-color: green;color: white;}
.newstarget_zone_all {background-color: lightgreen;color: white;}
.newstarget .msr {font-size: 150%;margin: 0px 4px;vertical-align: bottom;}

.doclines .newscontainer_level0 {display:flex;float:left;position:relative;border-radius:4px;background-color:#fff;border:1px solid #fff;margin:3px;}
.news_open .newscontainer_level0 {display:block !important;display:block !important;float:none !important;position: initial;}
.newscontainer.lineSelected {background-color:#eee;border:1px solid #ddd;}
#doclines {border:1px solid #9999CC;background-color:#FFF;}
.groupbypath {display: inline-flex;flex-wrap:wrap;float: left;margin-right: 0%;margin-bottom:5%;}
.grouppath:not(:empty) {min-width:100%;height:36px;white-space: nowrap;overflow:hidden;}
.grouppath:hover {overflow:visible;}
.newscontainer_bg {background-size:128px;background-position:left top;margin:4px;}
.news_open .groupbypath .grouppath {display: none;}

.newstitleline .newsheader {float:right;right:0px;max-width:180px;}
.doctitle {}
.newstitle_cl { color:#444;}
.newstitle a { color:#444;}
.doctitle_s5 {display:inline-block;vertical-align:middle;overflow: hidden;color: #333366 !important;padding: 1px 4px; border: 1px solid #eee;border-radius: 4px; background-color: rgba(255,255,255,0.8) !important;}
.doctitle_s0 {display:inline-block;vertical-align:middle;position:relative;/*overflow: hidden;*/color: #333366 !important;padding: 1px 4px; border-radius: 6px; background-color: rgba(240,240,240,0.99) !important;}
.doctitle_s1 {display:inline-block;vertical-align:middle;position:relative;/*overflow: hidden;*/color: #333366 !important;padding: 1px 4px 1px 20px; border-left: 10px solid #eee;border-radius: 6px; background-color: rgba(240,240,240,0.99) !important;}
.doctitle_s1.doclink_subid {font-size:80%;}
.doctitle_s1 + .delimiter {font-size:50%;}
.doctitle_s1 + .delimiter + .doctitle_s1.doclink_subid {margin-left:-17px;border-radius:0px 6px 6px 0px;border-left-width:0px;padding: 0px 4px 0px 6px;background-image:none !important;}
.doctitle_s4 {display:inline-block;position:relative;color:red;/*font-size:80%;*/font-weight:normal;border:1px solid #888;border-radius: 2px;padding: 2px 4px; margin: 1px; opacity: 0.8; font-weight: normal !important;}
.doctitle_s4 .money {color:inherit !important; font-weight: normal !important;}
.doctitle_s4.account_state1_1::before {/*content:'\2713';color:#040;position:absolute;display:block;right:15px;top:-6px;border:1px solid inherit;background-color:inherit;opacity:0.8;border-radius:16px;width:10px;height:10px;font-size:10px;line-height:10px;*/ }
.doctitle_s4.account_state2_0::after {content:'\2716';color:#400;position:absolute;display:block;right:-5px;top:-6px;border:1px solid #ccc;background-color:inherit;opacity:0.8;border-radius:16px;width:10px;height:10px;font-size:10px;line-height:10px; }
.doctitle_s4.account_state2_1::after {content:'\2713';color:#040;position:absolute;display:block;right:-5px;top:-6px;border:1px solid #ccc;background-color:inherit;opacity:0.8;border-radius:16px;width:10px;height:10px;font-size:10px;line-height:10px; }

.doc_grid {/*display:flex;flex-wrap:wrap;*/}
.doc_grid .newscontainer_level0 {/*flex:1;min-width:120px;max-width:300px;*/}

.doc_lines div.groupbypath {display:block !important;width:45%;min-width:300px;}
.doc_lines .newscontainer {clear: both;float:none !important;min-height:28px !important;overflow-y:visible;width:95% !important;text-align:left;background-size:24px 24px;background-position:20px top;}
.doc_lines.withpreview .newscontainer {min-height:59px !important;height: 59px !important;overflow: hidden;position: relative;}
.doc_lines.withpreview .newscontainer_closed .specific_closed {left: auto;right: 20px;display: flex;width: auto;max-width: 80%;height: 56px;overflow: auto;}
.doc_lines .news_cl_cl {float:left !important;height:24px !important;width:100% !important;max-width:100% !important;text-align:left;background-size:24px 24px !important;background-position:20px top;}
.doc_lines.withpreview .news_cl_cl {overflow:visible;}
.doc_lines .news_cl_cl.haspreview {overflow:visible;margin-bottom:40px;}
.doc_lines .news_cl_cl.haspreview .newstitle_cl {white-space:nowrap;}
.doc_lines .news_cl_cl.haspreview .specific_closed {margin-top:26px;}

.doc_lines .newsimgspace {height:24px !important;width:48px !important;float:left;}
.doc_lines .newsheader {height:24px;float:right;width:96%;text-align:left;padding-left:30px;overflow: auto;}
.doc_lines .newscontainer {position: relative;}
.doc_lines .newspreview {height:24px;float:right;width:96%;text-align:left;padding-left:30px;overflow: auto;}
.doc_lines.withpreview .newscontainer:hover .newspreview ,.doc_lines.withpreview .newscontainer:hover {overflow: visible;}
.withpreview .newspreview {position: relative !important;}
.doc_lines:not(.withpreview) .newscontainer .rollover {visibility: hidden;}
.doc_lines .newscontainer:hover .newspreview .unrollover, .newscontainer:hover .rollover {/*visibility: visible; position: sticky;left: 50px;right: 20px;margin-left: 0px;padding: 0px 0px 30px 30px;z-index: 1000;height:auto;min-height: 150px;width:100%;min-width: 300px;display: block;padding: 3px;overflow: auto;background-color: rgba(255,255,255,0.95);*/}
.doc_lines .newstitle_cl {height:24px;line-height:24px;}
.doc_lines .subnews_container {min-width:100%;}
.doc_lines .newscontainer_level0 {display:block;}
.doc_lines .newstextOpen {display:none;}

.news_cl_cl.haspreview {overflow:visible;}
.news_cl_cl.haspreview .news_preview_text {display:none;}
.doc_columns div.groupbypath {display:block !important;width:45%;min-width:300px;}
.doc_columns .newscontainer {float:left !important;min-height:28px !important;overflow:hidden !important;width:192px/*260px*/ !important;margin-right: 5px;padding-right: 5px;text-align:left;background-size:24px 24px;background-position:20px top;}
.doc_columns.withpreview .newscontainer {min-height:120px !important;height: 120px !important;overflow: hidden;}
.doc_columns.withpreview .newspreview {display:block;font-size:60%;height:auto !important;max-height:90px !important;width: 80% !important;overflow: auto !important;}
.doc_columns.withpreview .newscontainer_closed .specific_closed {left: auto;right: 0px;top:22px;justify-content: end; display: flex;width: auto;max-width: 80%;height: 56px;overflow: visible;}
.doc_columns .newscontainer_bg {background-size:24px 24px;background-position:20px top;}
.doc_columns .news_cl_cl {float:left !important;height:24px !important;width:100% !important;max-width:100% !important;text-align:left;background-size:24px 24px;background-position:20px top;}
.doc_columns .newsimgspace {height:24px !important;width:48px !important;float:left;}
.doc_columns .newsheader {height:24px;width:24px;position:absolute;left:0px;top:0px;text-align:left;}
.doc_columns .newsheader a {border-radius:6px 0px 0px 6px;}
.doc_columns .newsheader .newsgroup {width: 46px;overflow: hidden;text-overflow:ellipsis;}
.doc_columns .newsheader:hover {z-index: 99;overflow: visible;background-color:rgba(255,255,255,0.95);}
.doc_columns .newsheader:hover .newsgroup {width: auto;min-width: 80px;overflow: visible;position: absolute;z-index: 99;}
.doc_columns .newstitle_cl {height:24px;line-height:24px;white-space:nowrap;border-radius:0px 6px 6px 0px;}
.doc_columns .newstitle_cl a {border-radius:0px 6px 6px 0px;}
.doc_columns .subnews_container {min-width:100%;}
.doc_columns .newscontainer_level0 {display:block;}
.doc_columns .newstextOpen {display:none;}
.doc_columns .subnews_container {display:none;}
.doc_bytype .newscontainer_typenew {clear:both}
.doc_bytype .newscontainer_typenew::before {content:'';display:block;position:absolute;width:100px;border-top:1px solid #eee;}

.tag_unknownsender {background-color:#eef;color:#88A;line-height:11px;float: left;}
.tag_spam {background-color:#fee;color:#a88;padding:1;line-height:11px;float: left;}
.tag_promo {background-color:#888;color:#eee;padding:1;line-height:11px;float: left;}
.tag_auto {background-color:#888;color:#eee;padding:1;line-height:11px;float: left;}
.tag_err {background-color:#f88;color:#a00;padding:1;line-height:11px;float: left;}

.contact_list_details {background-color: #FFF;}
.contact_list_details > tbody > tr {display: flex;flex-wrap:wrap;}
.contact_list_details > tbody > tr > td {display:inline-block;flex:1;min-width:350px;}

.contact_color, .contact_color_gray {background-color: #f0f0f0;}
.contact_color_yellow {background-color: #f0f0a0;}
.contact_color_darker {background-color: #e0e0e0;}
.contact_color_darkyellow {background-color: #e0e0a0;}

.contactslist .bordercolor {border-color:#B0BCD7;}
.contactlist_name .contactlist_position {float:right;}
.contactlist_title,.contactlist_header {width:100%;}
.contactslist_grid .contactlist_header,.contactslist_compact .contactlist_header {height:28px;}
.contactslist_grid .contactslist_list > tbody {display:flex;flex-wrap:wrap;}
.contactslist_grid tr.contact_list_category {flex:100;min-width:100%;max-width:100%;}
.contactslist_grid tr.contact_list_details {flex:1;min-width:360px;max-width:410px;margin:8px;border:1px solid #ccc;overflow:hidden;}
.contactslist_compact .contactslist_list > tbody {display:flex;flex-wrap:wrap;}
.contactslist_compact tr.contact_list_category {flex:100;min-width:100%;max-width:100%;}
.contactslist_compact tr.contact_list_details {flex:1;min-width:360px;max-width:410px;margin:8px;border:1px solid #ccc;overflow:hidden;}
.contactslist_compact .contactlist_details {display:none;}

.contact_list {position:relative;padding:2px 4px 2px 12px;border-radius:4px;margin:2px 4px;max-height:48px;line-height:12px;/*font-size:75%;;*/color:#fff;text-decoration:none;background-color:#888;display:inline-block;}
.list_group_elements a.contact_list {max-width:250px;}
.contact_list_in {border:1px dashed #222;}
.contact_list_fixed.contact_list_in {border:1px solid #222;}
/*a.contact_list_fixed.contact_list_in::before {content:' ';width:12px;display:inline-block;}
a.contact_list_fixed.contact_list_in:hover::before {content:'-';width:12px;display:inline-block;}*/
.contact_list_notin {font-style:italic;border:1px solid rgba(0,0,0,0);}
.contact_list_fixed.contact_list_notin::before {}
.contact_list_fixed.contact_list_notin:hover {background-color:rgba(0,255,0,0.9) !important;border:1px solid #800;color:#222 !important;}
.contact_list_fixed.contact_list_notin:hover::before {content:'+';display:block;position:absolute;width:16px;height:16px;text-align:center;line-height:16px;right:-4px;top:-4px;border:1px solid #800;color:#800;background-color:rgba(0,255,0,0.9);border-radius:100px;}
.contact_list_add {display:block;margin:8px;padding:8px;border:1px dotted #bbb;background-color:rgba(0,0,0,0.05);}

.contact_list_dyn {background: repeating-radial-gradient( circle,  rgba(255,255,255,0.1),  rgba(255,255,255,0.1) 10px,  rgba(255,255,255,0.2) 10px,   rgba(255,255,255,0.1) 20px);}
/*a.contact_list_dyn::after {content:'\2699';font-size:50%;}*/

.listes_contact {display: inline;}
.contact_list_valid4 {font-size:110%;font-weight: bold;}
.contact_list_valid3::after {display:block;float:right;content:' \2711 ';}
.contact_list_valid3 {font-size:105%;}
.contact_list_valid2 {font-size:105%;}
.contact_list_valid1 {font-size:80%;}
.contact_list_valid0 {font-size:70%;font-style:italic;opacity:0.7;}
.listes_contact_min4 {font-size: 100% !important;vertical-align: -webkit-baseline-middle;}
.listes_contact_min4 a {max-width: 40px;max-height: 20px;line-height: 7px;font-size:50%; !important;font-weight: normal !important;overflow: hidden;padding:  2px 4px;}

div.contactinfoblocks {display:flex;}
div.contactinfoblock {flex:1;min-width:1px;display:inline-block;/*margin:2px;*/position:relative;/*border:1px solid #eee;background-color:#fff;padding:2px;*/border-radius:16px;}
div.contactinfoblock .tools {visibility: hidden;}
div.contactinfoblock:hover .tools {visibility: visible;}

.contactinfo.compl_noemailing1 {background-color:#FCC;color:#800;font-style: italic;}
.contactinfo.compl_noemailing2 {background-color:#CAC;color:#800;text-decoration: line-through;}
.contactinfo.compl_noemailing1 a {color:#800;}
.contactinfo.compl_noemailing2 a {color:#808;text-decoration: line-through;}

.bg_todo {background-color:rgba(255,240,240,0.5);}
.bg_done {background-color:rgba(240,255,240,0.5);}

.contactslist_open table.contactlist_header {height:50px;}
.contactlist_companyname {font-style: italic;display: block;}
table.contactlist_header span.contactlist_position {display:block;max-height:100%;overflow:hidden;}

a.contactlist_idfunction {color:#000;}

tr.contact_list_type1 td {background-color:#ccc;}
tr.contact_list_valid99 td {opacity:0.8;}
.contact_is_company .contactname a {background-color:rgba(0,0,0,0) !important;color:#FFF;}
.contact_is_company {background-color:#666 !important;color:#FFF;background-blend-mode: color-burn;}
/*
.add_preferredchoice_contact_off {
	padding:2px 4px 2px 2px;border-radius:4px;margin:2px 4px;height:14px;line-height:16px;
	font-size:75%;;color:#fff;text-decoration:none;background-color:#EEF;color:#44C;border:1px solid #44C;max-width:200px;
	overflow:hidden;display:block;float:left;
}
.add_preferredchoice_contact_on {
	padding:2px 4px 2px 2px;border-radius:4px;margin:2px 4px;height:16px;line-height:16px;
	font-size:75%;;color:#fff;text-decoration:none;background-color:#AAF;color:#44C;border:1px solid #44C;max-width:200px;
	overflow:hidden;display:block;float:left;
}*/


/*@-moz-keyframes spin { 100% { background-color:#bbb; -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { background-color:#bbb; -webkit-transform: rotate(360deg); } }*/
@keyframes spin { 
	25% { transform:rotate(15deg); } 
	50% { transform: rotate(-10deg); } 
	75% { transform: rotate(5deg); } 
	100% { transform: rotate(0deg); } 
}

@keyframes unfold { 0% { width:0px; } 100% { width:50px; } }
@keyframes fold { 0% { width:50px; } 50% { width:50px; } 100% { width:0px; } }
@keyframes moveup20 { 0% { top:0px; } 100% { top:-20px; } }
@keyframes moveup4 { 0% { top:0px; } 100% { top:-4px; } }
@keyframes reveal { 0% { opacity:0; } 90% { opacity:0; } 100% { opacity:1 } }

@keyframes flash { 0% { opacity:0;left:-1000px; } 5% { opacity:1;left:0px; } 80% { opacity:1;left:0px; } 100% { opacity:0;left:-1000px; }  }
@keyframes flashalert { 0% { opacity:0;top:0px;left:-20px;zoom:150%; } 5% { opacity:1;left:0px;top:5px;zoom:100%; } 80% { opacity:1;left:0px;top:5px;zoom:100%; } 100% { opacity:0;left:-5px;top:3px;zoom:120%; }  }

.tempalert {position:absolute;z-index:100000001;opacity:0;padding:2px;border-radius:8px;animation:flashalert 3s ease-in;background-color: #4C4;color:#FFF;font-size:75%;}
#ajaxalert {position:relative;}

#titlezone {position:relative;margin-bottom:-3px;}
body:not(.ingeneralmenu) #titlezone {/*position: sticky;top: 14px;z-index: 10002;width: 97%;*/}

div.contactsearch {/*margin-top:16px !important;*/}
@media screen and (min-width: 1501px) { 
div.contactsearch_zones {display: flex;flex-wrap: wrap;}
}
div.contactsearch_zone {flex:1;}
div.contactsearch .cardcontent,.cardtitle.contactsearch h4 {border-color:#c0c0c0;background-color:#E4E8F1;border-radius:2px;}
tr.contactsearch_checkline {display: flex;flex-wrap:wrap;position:relative;}
tr.contactsearch_checkline td.checkbox {min-width:30px !important;max-width:34px !important;flex:1;}
tr.contactsearch_checkline td {border-bottom:1px dotted #ccc;vertical-align:top;min-width:160px;flex:2;padding: 10px 4px !important;}

.autoclose {position:fixed;z-index:9999;border-radius:0px 0px 4px 0px;height:12px;font-size:75%;;line-height:12px;left:0px;top:0px; color:#fff;overflow:visible; padding:2px; animation:autoclose 3s ease-in;}
.autoclose #autocloset {position:absolute;right:0px;height:12px;top:0px;padding:2px;}
.autoclose_cancel {position:fixed;height:0px;font-size:75%;;line-height:12px;left:0px;top:0px; overflow:hidden; padding:2px; width:100%;color:#888;background-color:rgba(255,255,255,0);animation:autoclose_cancel 2s ease-in !important;}
@keyframes autoclose { 
	0% { width:30%;background-color:rgba(70,100,100,0.8); } 
	100% { width:100%;background-color:rgba(100,70,100,0.8);  }  }
@keyframes autoclose_cancel { 
	0% { width:100%;height:12px;background-color:rgba(100,70,100,0.8); } 
	100% { width:100%;height:0px;background-color:rgba(255,255,255,0);  }  }

input[type=submit],input[type=button] {font-size:105%;background-color:#ddd;border:#888 outset 1px; padding:3px 12px !important;}
input[type=submit]:hover,input[type=button]:hover {background-color:#ccc;border:#888 outset 1px; }


.sticktotop {position:sticky;top:48px;z-index:102;}
.nomenu .sticktotop {top:70px;}
.sticktotop0 {position:sticky;top:48px;z-index:102;}
.nomenu .sticktotop0 {top:0px;}
.sticktoleft {position:sticky !important;left:0px;z-index:102;}
.stickytop0 {position:sticky;top:0px;z-index:102;}

.ss_recherche div.groupbypath {display:block;float:left;position:relative;padding-right:100px;}

.account_ouvert {position:initial !important;}
.account_compact .small {display:none;/*,.account_compact th*/}
.account_compact .accounttitledetails {padding-top:2px !important;}
.accountlist table {background-color:#f0f0f0;border:#c0c0c0 1px solid;}
.deliveryaddress {background-color: rgba(255,255,255,0.75);}
ul.payments li {background-color: #f8f8f8;}

.account_edit_line .order_table_itemnews {font-size:110%;display:block;text-align:center;}

.order_table .order_table_item,.order_table .order_table_subitem {background-color:rgb(255,255,255);}
.order_table_itemtitle a,a.producttitle {color:#000 !important;background-color: rgba(255,255,255,0.9);}
.order_table_itemtitle .item_description a {background-color: rgba(255,255,255,0);}
.order_table_itemdescription {background-color:rgba(255,255,255,0.9);}

.bestplace {display: inline-block;position: relative;z-index: 3;background-color:rgba(255,219,58,0.8);border: 1px solid rgb(255,219,58);padding:2px;border-radius:20px;opacity:0.7; color: #555;}
.bestplace::before {content: ' ';position: absolute;top: 95%;left: 30%;width: 1px;transform: rotate(10deg);z-index: 1;height: 15%;border-left: 1px solid #0000AA;border-right: 1px solid #AA0000;background-color:rgba(255,255,255,0.8);}
.bestplace::after {content: ' ';position: absolute;top: 95%;left: 50%;width: 1px;transform: rotate(-10deg);z-index: 1;height: 15%;border-left: 1px solid #0000AA;border-right: 1px solid #AA0000;background-color:rgba(255,255,255,0.8);}
.bestplace1 {opacity:1 !important; color: #000 !important; font-weight: bold;}
.bestplace2 {background-color:rgba(201,205,175,0.8);border: 1px solid #FFF;}
.bestplace3 {background-color:rgba(207,170,162,0.8);border: 1px solid rgb(207,170,162);}

.movedfrominfo {position:absolute;z-index:10001;}
.movedtoinfo {float:left;display:inline-block;border:1px solid #888;background-color:#800;color:#FFF !important;font-size:55%;;border-radius:4px;margin-bottom:10px;}
.movedtoinfo a {color:#FFF !important;background-color:none !important;}
.movedtoinfo a:hover {color:#FFF !important;background-color:none !important;}
.movedtoinfo::before {content:">";}


.table_log {width:100%;border-spacing: 0px;border-width:0px 1px 1px 1px;border-style:solid;border-color:#888;}
.table_log th {background-color:#f0f0f0;text-align:left;font-size:110%;font-weight:normal;font-style:normal;border-top:2px solid #888;}
.table_log td {padding:1px 8px;margin:0;background-color:#eee;border-top:1px dotted #CCC;}
.table_log sup {color:#888;font-size:50%;}

.log_compact {border:1px solid #eee;background-color:rgba(255,255,255,0.7);display:inline-block;overflow:visible;min-width:100px;white-space:nowrap;/*padding-right:80px;*/}
.log_compact .log_element {padding:1px;}
.log_compact .log_author,.log_compact .log_contact {width:auto !important;min-width:16px;border-left:2px dotted #ddd;padding: 4px 0px 1px 0px;}
.log_compact .log_author:first-of-type,.log_compact .log_contact:first-of-type {border-left:0px solid #fff !important;}

.log_contacts .log_actions {float:none;padding-left:0 !important;}
.log_contacts .log_actionelement {display: flex !important;}
.log_contacts .log_actionelement > span.log_actiondate_in {text-align:left;}
.log_contacts .log_actionelement > span {flex:1;}

.log_line {border:1px solid #eee;background-color:rgba(255,255,255,0.7);display:inline-block;overflow:visible;min-width:100px;white-space:nowrap;/*padding-right:80px;*/}
.log_line .log_elements {display: flex;flex-wrap: }
.log_line .log_element {padding:1px;}
.log_line .log_author,.log_compact .log_contact {width:auto !important;min-width:16px;border-left:2px dotted #ddd;padding: 4px 0px 1px 0px;}
.log_line .log_author:first-of-type,.log_compact .log_contact:first-of-type {border-left:0px solid #fff !important;}
.log_line .log_element:before {left:-20px;top:50%;height:1px;width: 20px;border-left: none;border-top:1px dashed #AAA;}

.log_element .log_actionelement {display: inline-block;margin:1px 2px;padding:2px 0px;margin-left:4px;border-radius: 4px;border:1px dotted #eee;background-color: rgba(230,230,130,0.2);}
.log_element .log_actionelement .contactname_xsmall {margin: 0px 7px 0px -5px;border-left-width: 0px !important;white-space: normal;}
.log_element .log_actionelement .log_actiondate_in {font-style: italic;border-right:1px dotted #ccc;border-radius: 2px 0px 0px 2px;background-color: rgba(230,230,130,0.3);}

.log_element {position:relative;z-index:2;border:1px solid #AAA;background-color:#fff;border-radius:2px;padding:1px 4px;margin:14px 4px;min-height:24px;}
.log_doc {position:absolute;left:0;overflow:hidden;height:24px;}
.log_element a {color:#000;}
.log_element_noauthor {background-color:#eee;}
.log_element:before {position:absolute;left:50%;top:-8px;height:8px;border-left:1px dashed #AAA;z-index:1;content:' ';}
.log_element_fromme {margin-right: 50px;background-color: #eef;}
.log_element_fromstaff {margin-right: 50px;}
.log_element_fromothers {margin-left:50px;}
.log_element .log_actiondate {position:absolute;right:-100px;top: 0px;width:96px;font-size:80%;}
.log_element_fromothers .log_actiondate {left:-100px;text-align:right;}
.log_element .log_actions {width:100%;max-width:100%;display:block;font-size:80%;padding-left:30px;}
.log_element .log_actions .log_author {clear:left;margin-left: 3px !important;/*width:50%;*/text-align:right;display: inline-block;}
.log_element .log_picto {zoom:70%;}
.log_element .log_docdetails {display:block;width:100%;height:18px;overflow:auto;font-size:80%;color:#444;}
.log_element.log_found {background-color:#FDD;}
.log_element font.log_found {font-weight:bold;color:darkred;font-size:110%;}
.log_element .log_infos_info a {display:inline;}


.shortcut {position:relative;border:1px solid #CCC;background-color:rgba(255,255,255,0.5);padding:3px;width:90%;height:30px;float:left;margin:1px;}

body.nomenu {overflow-x:hidden;}

div.cardbottom .inputspansubmit input[type=submit], div.cardbottom .inputsspansubmit_act, div.cardbottom a.button_act {background-color:#D0DDD0;color:#222;border-color:#C0C0C0;}
div.cardbottom .inputspansubmit input[type=submit].submit_act {background-color:#DDD0D0;color:#222;border-color:#CCC0C0;}
div.cardbottom .inputspansubmit::before, div.cardbottom .inputsspansubmit_act::before, div.cardbottom a.button_act::before {content:'\25CF';}
div.cardbottom .inputspansubmit:hover::before, div.cardbottom .inputsspansubmit_act:hover::before, div.cardbottom a.button_act:hover::before {color:darkred;}

div.cardbottom .inputspan,div.cardbottom .inputspangroup {border:none;vertical-align:baseline;}
div.cardbottom .inputspanorder {background-color:rgba(0,0,0,0.0);margin:-4px 0px -10px 0px;float:left;}
div.cardbottom .inputspanorder .inputspan,div.cardbottom .inputspanorder .selectspan,div.cardbottom .inputspanorder select {background-color:rgba(0,0,0,0.0);border-color:rgba(0,0,0,0.0);}
div.cardbottom .inputspanbutton {margin:5px 15px 5px -10px !important;}
div.cardbottom .inputspansubmit input,div.cardbottom .inputspanbutton input {margin-bottom:-5px;}
div.cardbottom span.buttongroup {background:none;}
div.cardbottom span.buttongroup span.inputspanradio input[type=radio]:checked~label {background-color:#FFF}

sup:not(.nth) {vertical-align: super;min-width:20px;height:16px;padding:2px 0px;border-radius:12px;line-height:16px;font-size:50%;;text-align:center;background-color:#eee;color:#222;margin-left:-1px;margin-top:-10px;opacity:0.6;display:inline-block;}
sup:hover {opacity:1;color:#000;}


.debugtable pre {max-height:50px;max-width:100%;overflow:auto;}
.debugtable pre:hover {overflow:visible;}

table.path_step {border-radius:16px 12px 12px 12px !important;margin-bottom:20px !important;overflow:hidden;border:1px solid #999;}
table.path_step tbody.step_actions {max-height:400px;overflow:auto;}
table.path_step_here {box-shadow: rgba(0,0,0,0.1) 3px 3px 1px 1px;}
a.path_step {display:block;border-radius:12px !important;overflow:hidden;border:1px solid #999 !important;padding:8px;background-color:#fff;color:#222;}
td.path_nextsteps {padding-left:20px !important;}
tr.path_step_title th, tr.path_step_title td {background-color:#FFF;}
td.path_nextsteps td {border:0px !important;}
table.path_nextstep {position:relative;}
td.path_nextsteps > table.path_nextstep::before {position:absolute;left:-15px;top:30%;color:#aaa;content:'\27A1';}
td.path_nextsteps > table.path_nextstep::after {position:absolute;left:-15px;top:30%;margin-top:15px;color:#ddd;}
td.path_nextsteps > table.path_nextstep:nth-of-type(1)::before {content:'\27A1';transform:rotate(-45deg);}
td.path_nextsteps > table.path_nextstep:nth-of-type(1)::after {content:'\2714';}
td.path_nextsteps > table.path_nextstep:nth-of-type(2)::before {content:'\27A1';}
td.path_nextsteps > table.path_nextstep:nth-of-type(2)::after {content:'?';}
td.path_nextsteps > table.path_nextstep:nth-of-type(3)::before {content:'\27A1';transform:rotate(45deg);}
td.path_nextsteps > table.path_nextstep:nth-of-type(3)::after {content:'\2716';}
table.path_step tr.step_action td .greyblockschained li {max-width:2px;max-height:2px;border-radius:4px;transition-property: all;transition-duration:0.3s;}
table.path_step_here tr.step_action td .greyblockschained li {min-width:20px !important;max-height:20px !important;border-radius:20px;transition-property: all;transition-duration:0.3s;}
tr.step_action td .greyblockschained li .not_important {display:none !important;}
tr.step_action td:hover .greyblockschained li {max-width:180px !important;max-height:200px !important;border-radius:4px;}
tr.step_action td:hover .greyblockschained li .not_important {display:inline-block;}


div.gauge {display:inline-block;position:relative;width:100%;height:20px;overflow:hidden;border:1px solid #ddd;margin-bottom:-1px;font-size:70%;}
div.gauge span.placeholder {position:absolute;left:1;top:0;}
div.gauge div {position:absolute;right:1px;bottom:1px;height:18px;background-color:rgba(255,255,255,0.5);border-radius:4px 0px 0px 4px;}
div.gauge div span {right:5px;bottom:0;position:absolute;/*background-color:rgba(255,255,255,0.2);*/overflow:visible;}

table.moneytable tr {vertical-align:baseline;}
table.moneytable span.money {display:inline-block;width:100px;}
table.moneytable span.aftermoney {display:inline-block;width:30px;text-align:left;margin-left:6px;}

span.money {/*font-family:Courier New,Courier,Fixed;*/font-size:95%;/*font-weight:bold;/*border:1px solid #eee;background-color:rgba(240,240,240,0.5);/*padding:1px;*/display:inline-block;text-align:right;}
span.money.currency_pos {border: 1px solid #cccccc33;border-radius: 1px;background-color: #CCEEAA22;padding: 1px 4px;}
span.money.currency_neg {border: 1px solid #cccccc33;border-radius: 1px;background-color: #EECCAA22;padding: 1px 4px;}
span.money.currency_zero {border: 1px solid #cccccc33;border-radius: 1px;background-color: #EEEEEE22;padding: 1px 4px;}
.account_value span.money {background:none !important;border:none !important; }
span.money .cent {font-size:80%;font-weight:normal;}
span.money .cent .point {display:none;}
span.money.money_fixedw60 {min-width:60px;white-space:nowrap;}
span.money.money_fixedw100 {min-width:120px;white-space:nowrap;}
/*td.path_nextsteps td {border-radius:12px !important;margin-bottom:20px !important;overflow:hidden;background-color:#fff;border:1px solid #999 !important;}
td.path_nextsteps td table.path_step {border:0px solid #999 !important;}
*/

div.autorenew_info {font-size:80%;}
div.autorenew_info::before {content:'\e179';font-family:'Material Symbols Rounded';}
span.autorenew_info {display:inline-block;}

blockquote.htmlblock {margin:4px 0px 4px 20px;padding:4px 0px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;border-left:1px dotted #ccc;background-color: rgba(0,0,0,0.02);}
blockquote.htmlblock.level1 {margin-left:6px;}


@media screen and (max-width: 500px) {
	table.flextable .opt {display:none;}
	span.path a {display:none !important;}
	span.path .delimiter {display:none !important;}
	#popupmenudiv {
		position:fixed !important;left:0% !important;right:0% !important;top:10% !important;bottom:0%!important;
		width:100vw !important;min-width:100vw !important;max-width:100vw !important;
		height:auto !important;min-height:50vw !important;max-height:90vw !important;max-width:none !important;max-height:none !important;
		font-size:135% !important;/*padding-top:50px !important;*/
	}
	#subpopupmenudiv,#subpopupmenudiv2,#subpopupmenudiv3,#subpopupmenudiv4,#subpopupmenudiv5 {
		display:block !important;
		width:80% !important;height:94% !important;max-width:none !important;max-height:none !important;
		font-size:135% !important;padding-top:30px !important;
	}
	.popupmenu2 .close {display: block !important;width:95%;height:30px;margin-top:-25px;padding-right:10px;position:absolute;}
	.popupmenu2 .close .tools {font-size:200%;}
	.subpopupmenu,.subpopupmenu a {height:35px;line-height:35px;}
}
}

@media screen and (max-width: 1000px)
{	span.path a {max-width:50px;text-overflow: ellipsis;}
	span.path .delimiter {font-size:3px;}
	span.path a:last-of-type {max-width:100%;display:inline-block !important;}
}




#zone2 {z-index:2;position:absolute;overflow:hidden;font-size:90%;}
#zone2.zone4_menu {bottom:0px;background-color: var(--page-bg) !important;opacity:1;}
#zone2_opener {display:none;}
#zone2_opener a {border:1px solid #444;background-color:#666;color:#FFF;display:block;font-size:150%;line-height:5px;width:100%;height:30px;overflow:hidden;text-align:center;}
#zone2_opener a:hover {text-decoration:none;}


.dragablebox {/*position:relative;z-index:2;*/}

.roundzone {position:relative;clear:both;background-color: var(--roundzone);border-radius: 12px;padding: 0px 0px 4px 0px;margin: 24px 16px 0px 4px;box-shadow: rgba(240,240,240,0.8) 0px 0px 3px 3px;transition:all 0.3s;}
.roundzone .titleborder, .has_roundzones .section_searchtop .titleborder {background:none !important;border-width:0px !important;/*font-size:81%;;*/padding-left:10px;font-weight:normal;/*border-width:0px 0px 0px 4px;*/ }
.roundzone #titlezone {position:initial;}
.roundzone .titleborder .bg {}
.roundzone .divonglets_zonetop {position:absolute;top:-20px;left:40px;width:auto;min-width:90%;height:24px;}
.roundzone:not(:has(.divopt_cadre)) .divmenuonglets {position:absolute;z-index:1;top:-20px;left:40px;right:20px;height:20px;width:auto;padding-left:0px !important;background:none !important;border:none !important;}
.roundzone .divonglets_zonetop .divmenuonglets {position:relative;top:0px;}
.roundzone .divmenuonglets .menuongletstd, .roundzone .divmenuonglets .menuongletstdhere {padding-top:0px;}
.roundzone .divmenuonglets .divmenuongletslinks a.here {background-color:#FFF;position:relative;z-index:9999;border-radius:4px 4px 0px 0px;box-shadow: 0 -1px 1px 1px rgba(240, 240, 240, 0.8);}

.roundzone .titleborder img {vertical-align: bottom;}
.roundzone .titleborder .titletitle a {color:#bbb !important;text-transform: none !important;}
.roundzone table, .roundzone .doclines, .roundzone > .card > div.cardcontent {border:none !important;background:none !important;}
.roundzone div.card {margin:0px 6px;width: auto !important; }
.roundzone div.cardcontent {border-radius: 1px 8px 8px 8px; }
.roundzone div.cardcontent div.cardcontent {border:1px solid #eee;background-color:#FFF;}
.roundzone td.bordercolor {background:none !important;}
.roundzone .roundzone_cnt {position:absolute;top:10px;right:10px;}
.roundzone .toolszone_medium_intitle {display:flex;opacity:0;width:auto !important;top:-1px !important;left: 10px;top:auto !important;right:auto !important;}
.roundzone .toolszone_medium_intitle .tools_checkbox,.roundzone .toolszone_medium .tools_checkbox,.roundzone .toolszone_medium_intitle .inputspancheckbox,.roundzone .toolszone_medium .inputspancheckbox {float:right;}
.roundzone .toolszone_big {top:-22px !important;right: 10px;}
.roundzone .toolszone_medium {top:-14px !important;right: 10px;}
.roundzone .toolszone_medium .inputspangroup, .roundzone .toolszone_medium .buttongroup {padding-top:0px !important;border:none !important;background:none !important;}
.roundzone .toolszone_medium .inputspangroup .placeholder, .roundzone .toolszone_medium .buttongroup .placeholder {top:-14px !important;color:#888 !important;font-size:75%; !important;}
.roundzone .toolszone_medium .inputspangroup:not(:hover) .placeholder, .roundzone .toolszone_medium .buttongroup:not(:hover) .placeholder {display:none;}
.roundzone:hover .toolszone_medium_intitle .tools {display:block !important;}
.roundzone:hover .toolszone_medium_intitle {display:block;opacity:1;top:-14px !important;right: 10px !important;left: auto;transition-property: all;transition-duration:0.3s;}
.roundzone .titleafter {position:absolute;top: 10px !important;left: -10px;z-index: 9;width: 18px;height:20px;flex-direction: column; overflow:hidden;transition:all 0.3s;}
.roundzone .titleafter:hover {height:100px;/*display: flex !important;*/}
.roundzone .titleafter .tools {border-color:rgba(0,0,0,0); background:none;position: relative;min-height:0px;height:0px;flex:1;}
.roundzone .titleafter:hover .tools {min-height:unset;height:16px;}
.roundzone .titleafter .tools_gear {z-index:2;min-height:unset;height:16px;}
.roundzone .titleafter .tools:hover {background-color:#eee;border:1px solid #888;}
.roundzone .titleafter .toolszone_medium_intitle {position:relative !important;bottom:0px !important;}
.roundzone#notes .notes_s0 .postit_topadd {position:absolute;top:-21px;right:0;width:85%;z-index:999;}
.notes_s0 tr.writemessage td {height:6px !important;transition:all 0.3s;}
.notes_s0 tr.writemessage:hover td {height:36px !important;}
.noteline:hover {background-color:rgba(255,255,255,0.9);}
.roundzone#notes tr.messages .divchat_main {min-height:40px;}
.roundzone#notes table.notes_column tr.messages .divchat_main {min-height:10px !important;}
span.chat_makenewanswer label {background-color: #DDA;border: 1px solid #444;}
span.chat_makenewanswer label:hover {background-color: #BB8;}

#zone4.roundzone {padding:0px;margin-bottom:16px;margin-top:30px;}
#zone4 .roundzone:not(.dragablebox) {padding:0px;margin-bottom:16px;margin-top:32px;}
#zone4:has( .section_searchtop.predeployed) .roundzone {margin-top:0px !important;}
.roundzone.fullscreen {position: fixed;left: 0px;top: 68px;width:100%;bottom: 58px;z-index: 99;opacity:1;transition:all 0.3s;/*animation:roundzonefromleft 0.5s ease-out;/*overflow:auto;*/}
.nomenu .roundzone.fullscreen {top: 0px;}
.roundzone.fullscreen > div, .roundzone.fullscreen > table, .roundzone.fullscreen > form {max-height:100% !important;overflow:auto !important;}
.roundzone .divonglets {transition:all 0.3s;}
.roundzone:not(:hover) .divonglets {opacity:0;padding-top:26px;}
.roundzone_height200 {max-height:200px;overflow-x:hidden;overflow-y:scroll;transition:max-height 0.3s;}
.roundzone_height200:hover {max-height:1000px;}

body.has_fullscreenroundzone {overflow:hidden;}
body.has_fullscreenroundzone .roundzone:not(.fullscreen):not(.wasbefore) {position:fixed;/*opacity:0;*/top: 68px;bottom: 58px;left:100%;width:100%;/*animation:swiperight 0.5s ease-out;*/}
body.has_fullscreenroundzone.nomenu .roundzone:not(.fullscreen) {top: 0px;}
body.has_fullscreenroundzone .roundzone:not(.fullscreen).isbefore {left:-100%;transition:all 0s;}
body.has_fullscreenroundzone .roundzone.wasbefore {left:-100% !important}

.roundzone .newstextOpen:not(:empty) {padding:16px;clear:both;}

.roundzone .roundzone  {border-radius:0px;box-shadow: none;border-top:1px solid #ccc;}

.roundzone .divopt_cadre {margin-top:0px !important;}
.roundzone .divopt {position:absolute;left:0px;top:0px;background-color: var(--roundzone);border:none !important;padding:16px;border-radius:16px;}

/*.has_roundzones*/.section_searchtop {
	/*position: relative;border-radius:16px;opacity:0.9;transition: all 0.3s;margin-bottom:-14px;/*height:20px;position:relative;z-index:1001;overflow:hidden;*/
position: absolute;border-radius: 16px;opacity: 0.9;transition: all 0.3s;margin-bottom: -14px;top: 16px;z-index: 9999 !important;margin-right: 16px;width: 100%;}

@media screen and (min-width: 800px) and (max-width: 1000px) { 
	#zone4.roundzone.no_zone5 {margin-right:16px;margin-left:46px !important;} 
	#zone4.has_roundzones.no_zone5 .roundzone {margin-right:16px;margin-left:16px !important;} 
  .roundzone.fullscreen {left: 32px;width:calc(100% - 40px);}
  .bottomtabs {left: 32px !important;}
}
@media screen and (min-width: 1001px) { 
	#zone4.roundzone.no_zone5, #zone4.has_roundzones.no_zone5 .roundzone {margin-right:16px;} 
	#zone4.roundzone .divonglets_zonetop {position: absolute;top: -20px;left: 40px;white-space:nowrap;}
	.roundzone:empty {display:none;}
	.roundzone::after {content:' ';height:1;clear:both;display:block;}
	.roundzone .menuongletstdhere {padding-top:0px;}
	.roundzone .menuonglets:not(:hover) {opacity:0.6;}
	.roundzone:not(:has(.divopt_cadre)) .menuongletshere {font-size:100%;;opacity:1 !important;}
  .section_searchtop {width: calc(100% - 16px);}
}

@media screen and (min-width: 1420px) { 
	body:not(.nomenu) .roundzone {margin: 40px 24px;}
	.searchbox_topopen {left:269px;}
	.section_searchtop {margin-left: 24px;width: calc(100% - 40px);}
}


body.rearranging .roundzone {display:block !important;/*max-height:200px !important;overflow:hidden;*/}


.cartzone:hover .shoppingcart_hascontents,.shoppingcart_hascontents:hover {border-width: 0px 0px 1px 1px !important;}

div.bottomline {position:fixed;bottom:0;width:100%;box-sizing: border-box;display:flex;flex-wrap: wrap;opacity:0.3;font-size:56%;color: #808080;spacing:4px 2px 0px 2px;padding:10px 10px 10px 10px;text-align: left;text-decoration: none;}
div.bottomline:hover {opacity:1;background-color:rgba(255,255,255,0.99);}

.section_searchtop_before ~ .section_searchtop.deployed {position:relative;top:-34px;box-shadow: none !important;}
.section_searchtop.deployed.sticky {position:sticky;top:70px;margin-top:-34px;}

.section_searchtop.predeployed {position:relative !important;}
.section_searchtop .cardcontent, .section_searchtop .cardbottom {border-radius:0px 0px 16px 16px;}
.section_searchtop:hover, .section_searchtop.deployed {background-color:#f0f0f0;opacity:1;margin-bottom:0px;}
.section_searchtop:hover, .section_searchtop.deployed:not(.predeployed) {box-shadow: 0px 0px 80px 100px #FFF;}
.section_searchtop:hover, .section_searchtop.deployed:not(.predeployed) {z-index:9999 !important;/*top: 16px;*/}

.section_searchtop:not(:hover):not(.deployed) .cardcontent, .section_searchtop:not(:hover):not(.deployed) .cardbottom,.has_roundzones .section_searchtop:not(:hover):not(.deployed) .inputspan,.has_roundzones .section_searchtop:not(:hover):not(.deployed) .inputspangroup,.has_roundzones .section_searchtop:not(:hover):not(.deployed) .selectspan,.has_roundzones .section_searchtop:not(:hover):not(.deployed) .contactchoice,.has_roundzones .section_searchtop:not(:hover):not(.deployed) .buttongroup {background:none;border:none;transition: all 0.3s;}
.section_searchtop:not(:hover):not(.deployed) .placeholder, .section_searchtop:not(:hover):not(.deployed) input[type=checkbox]:not(:checked):not(.deployed), .has_roundzones .section_searchtop:not(:hover):not(.deployed) .sliderspan input[type=range] {opacity:0.1;transition: all 0.3s;}
.section_searchtop:not(.alwaysvisible):not(.deployed):not(:hover) .cardcontent {position:relative;min-height:0px;max-height:0px;z-index:1001;overflow:hidden;transition: all 0.3s;display:none;}
.section_searchtop:not(.alwaysvisible):not(.deployed):hover .cardcontent {max-height:400px;/*overflow:auto;*/}
.section_searchtop_compact {/*margin-top:-42px;*/}
.section_searchtop:hover .titleafter_dynamic,.section_searchtop.deployed .titleafter_dynamic {display:none;}
.section_searchtop_before {height:32px;}

.section_searchtop:not(.deployed):not(.predeployed) a.adeploy:hover::after {content:'\f1ce';font-family:'Material Symbols Rounded';}
.section_searchtop.deployed:not(.predeployed) a.adeploy:hover::after {content:'\f1cf';font-family:'Material Symbols Rounded';}

.section_searchtop .bottomsubmit {margin: 0px -2px -10px -2px;border-radius: 0px 0px 16px 16px;}
.roundzone .bottomsubmitspacer {height:46px;}
.roundzone .bottomsubmit {/*margin: 0px -16px;*/position: absolute;bottom: 0px;left: 0;right: 0;margin: -2px !important;border-radius: 0px 0px 8px 8px !important;}
.roundzone:not(:has(.divopt_cadre)) .bottomsubmit:not(.notbottom) {border-radius: 0px 0px 12px 12px;margin-bottom:-46px;}

.roundzone:has(.section_searchtop) {margin-top:70px !important;}
.roundzone .section_searchtop {position: absolute;top:-66px;z-index:3;width: 100%;left: 0px;margin-left:0px;}
.roundzone .newstextOpen .section_searchtop {top:-160px;}
.roundzone .newstextOpen .section_searchtop.fixed {top: 62px;position: fixed;left: auto;margin-left: -16px;z-index: 0;width: calc(100% - 260px);}
body.nomenu .roundzone .newstextOpen .section_searchtop.fixed {top: 2px;position: fixed;left: auto;margin-left: -16px;z-index: 0;width: calc(100% - 32px);}

.roundzone .newstextOpen .section_searchtop.deployed {top:-190px;position:absolute;}
.roundzone .newstextOpen .section_searchtop_before {height:0px;}
.roundzone:has(.newstextOpen .section_searchtop.deployed) {margin-top:180px !important;}

.draggable {padding-left:10px !important;position:relative;cursor: move;}
.draggable::before {display:block;position:absolute;left:4px;opacity:0.2;color:#000;content:'\2016';}
tr.draggable::before {display:none;}
tr.draggable > td:first-of-type {padding-left:8px;position:relative;}
tr.draggable > td:first-of-type::before {display:inline-block;position:absolute;left:0px;opacity:0.1;content:'\2016';}
.draggable:hover::before {opacity:0.99;}

.dragover {box-shadow: rgba(200,255,200,0.9) 1px 1px 5px 5px inset !important;}

body.dragging *[ondrop*='drop'] {opacity:1 !important;animation:droppable 0.5s infinite;box-shadow: rgba(200,255,200,0.5) 1px 1px 5px 5px inset;}
body.dragging :not(.droppable) {/*opacity:0.4;*/}

@keyframes droppable { 
	0% { box-shadow: rgba(200,255,200,0.5) 1px 1px 5px 5px inset; } 
	50% { box-shadow: rgba(200,255,200,0.99) 1px 1px 0px 0px inset;  }  
	100% { box-shadow: rgba(200,255,200,0.5) 1px 1px 5px 5px inset;   } 
}

.dropped {animation:droppedflash 0.3s ease-out;}
@keyframes droppedflash { 
	0% { box-shadow: rgba(240,255,240,0.5) 0px 0px 3px 3px; } 
	20% { box-shadow: rgba(240,255,240,0.95) 0px 0px 10px 10px; } 
	50% { box-shadow: rgba(240,255,240,0.7) 0px 0px 1px 1px;  }  
	100% { box-shadow: rgba(240,255,240,0.0) 0px 0px 0px 0px;   } 
}

@media screen and (max-width: 799px)
{
		#zone4 {margin-left:0px !important;padding-left:0px !important;padding-right:0px !important;}
		.roundzone {border-radius: 0px;padding: 0px 0px 4px 0px;margin: 16px 0px 0px 0px;}
}
@media screen and (min-width: 800px) and (max-width: 1000px)
{
	#zone4 {margin-left:30px !important;}
	body.ingeneralmenu_fullscreen div.menuline_hover span.menu_create {left: 160px !important;}

}
@media screen and (max-width: 1000px)
{	#zone2_opener {display:none;} /*#zone2_opener {display:block;position: fixed;top: 6px;left: 36px;width:26px;height:26px;border-radius:16px !important;opacity:0.8;z-index: 10001;}*/
	#zone2 {opacity:1 !important;/*display:none;*/padding:220px 10px 10px 30px;background-color:rgba(50,50,50,0.98);left:120px;right:0px;top: 100%;max-height:100vh;padding-right:30px;bottom:0px;height:100%;z-index:10000;position:fixed;overflow:auto;transition-property: all;transition-duration:0.5s;/*animation:bottomcard 0.4s ease-out;*/}
	#zone2::before {/*display: block;content: '\21EA';color: #ddd;position: absolute; top: 0px;width: 100%;text-align: center;*/}
	body.ingeneralmenu #zone2 {top:48px;}
	body.ingeneralmenu #zone2::before {display: none;}
	#zone4 {padding:20px 8px 0px 8px;left:0px !important;right:0px !important;}
	div.filelist_explorer div#doccontentsuploads,div.filelist_explorer div#doctitleuploads {/*left:0px !important;*/}
	#zone5 {padding-left:0px !important;}
	#zone2 .titleborder a {color: #ccc;}
	.pageheader {position:fixed;z-index:10001;}
	.pageheader_after {width:100%;height:1px;margin-bottom:1px;}
	/*.news_open .grouppath {display:none;}*/

	.email_ptitre {flex-wrap: wrap;height:auto !important;}
	body.ingeneralmenu #zone2 {display:block;/*top: 90%;/*opacity:0;*/}
	div.menuline_hover span.menu_create {visibility: none;opacity: 0;transition-property: all;transition-duration:0.5s;}
	body.ingeneralmenu div.menuline_hover span.menu_create {visibility: visible !important;opacity: 1 !important;}
	body.ingeneralmenu div.menuline_hover span.menu_create {position:fixed;left: 130px;right: 0px;width: auto;height: 180px;overflow: auto;padding: 20px;background-color:#333;}
	body.ingeneralmenu div.menuline_hover span.menu_create .topmenucreate {width:60px;}
	body.ingeneralmenu div.menuline_hover span.menu_create .topmenucreate_shortcuts {display: flex;flex-wrap: wrap;}

	.divopt, .divopt_onglets {left:28px !important;right:-1px !important;width:auto !important;}

	body.ingeneralmenu .pathline {display:none;}

}
@media screen and (max-width: 800px) {
	.divopt, .divopt_onglets {left:-2px !important;}
	#zone5 {margin-left:0px !important;}

}

.email_divto {flex: 1;min-width: 130px;z-index: 2;overflow: visible;visibility: visible;padding: 0px 0px;}
.email_divto .selectspan > .toolszone_inline {left: 50px;right: auto;} 
.email_divto .contactchoice, .email_divto .contactchoice .selectspan, .email_divto .contactchoice .selectspan .contactchoice_owselect {width:100%;} 


.nomenu .news_open .newscontainer_level0 {margin-top:50px;}
.nomenu .news_open table.news {position:fixed;z-index:10000;left:0;right:0;top:45px;height:35px;overflow:hidden;text-align:center;background-color:#fff;}
.nomenu .news_open table.news {top:0px !important;}
.divmenuonglets {visibility:visible;background-color:rgba(255,255,255,0.9);width:100%;overflow-x:auto;top:48px;left:0px;padding-left:32px;position:fixed;z-index:20001;}
.divmenuonglets .divmenuongletslinks {position: absolute; right:0px;background-color:var(--page-bg);}
.divmenuonglets .divmenuongletslinks a {margin:0;padding:0px 4px;color:#444;font-size:70%;opacity:0.4;}
.divmenuonglets .divmenuongletslinks a.here {font-weight:bold;font-size:80%;opacity:0.8;}
.divmenuonglets .divmenuongletslinks:hover a {opacity:0.99;}

.nomenu .divmenuonglets {top:30px;/*background-color:rgba(0,0,0,0) !important;*/}
body.s_2 .nomenu .divmenuonglets {top:0px;}
a.menuonglets {border:none;/*background:none ;color:#333 ;*/}
a.shadow {box-shadow:none;}
.newstools {position:absolute;right:5px;top:-20px;z-index:100001;max-width:150px;}

.chart_topinline {position:absolute;right:0px;margin-top:-100px;width:350px;height:200px;}
@media screen and (max-width: 1000px)
{
	.chart_topinline {position:relative;margin-top:0px;width:100%;height:auto;}
}

@media screen and (min-width: 1001px) {
	#zone2 {position:fixed;top:50px;max-height:calc(100vh - 50px);overflow:auto;/*margin-top:-20px;padding-top:20px !important;padding-bottom:80px;*/background-color:rgba(255,255,255,0) !important;opacity:0.6;display:block ;width:210px;padding:10px 10px 0px 4px;}
	#zone2:hover {opacity:1;}
	#zone2 div.cardcontent {border-width:0px; background-color:rgba(0,0,0,0) !important;}
	.divmenuonglets {padding-left:252px !important;} 
	.nomenu .divmenuonglets {padding-left:0px;} 
	#zone2 {}
	body.ingeneralmenu #zone2 {display:none !important;/*opacity:0;*/}
	#zone2_opener {display:none;}
}
@media screen and (min-width: 1001px) and (max-width: 1200px)
{	#zone5 {padding-left:226px !important;}  }

@media screen and (max-width: 1201px)
{	#zone4 {/*padding-right:1% !important;*/position:relative !important;left:0px !important;right:0px !important;margin-left:256px;}
	#zone5 { width:auto !important; position:relative !important;margin-left:30px;/*padding-left:0px !important;*/}
}

@keyframes bottomcard { 
	0% { top:1000px; }	100% { top:48px; } 
}


.s1_valid {text-align:center;}

@media screen and (min-width: 801px) {
	.bottomtabs {display:none !important;}
}

.subscriptions_list {display: table;}
.subscriptions_list .subscription_list {display: table-row-group;}
.subscriptions_list .subscription_list .subscription {display: table-row;}
.subscriptions_list .subscription_list .subscription > span {display: table-cell;padding:3px;border-top:1px solid #eee;}


.bottomtabs {position: fixed;bottom: 0;z-index:10001;left: 0;right: 0;display: flex;background-color:#eee;overflow-x:auto;overflow-y:hidden;}
.bottomtabs a {display: block;flex:1;margin:0px 1px 0px 0px;padding-top:20px;padding-bottom:22px;min-width:60px;font-size:50%;;color:#444;text-decoration:none;text-align:center;overflow:hidden;border-width:2px 0px 0px 0px;border-style:solid;border-radius:0px;background-color:#ddd;background-repeat: no-repeat;background-position-x:center;background-position-y:5px; background-blend-mode: darken;}
.bottomtabs a.here {background-color:#aaa;color:#fff;}

ul.filelist li {list-style: none;}
ul.searchhistory {padding:0;margin:0;}
ul.searchhistory li {list-style: none;}
ul.searchhistory li a {display:inline-block;font-size:70%;color:#333;padding:0px 2px;margin:1px 0px;border:1px solid #ccc;background-color:#00000011;border-radius:2px;}

.roundzone_fullheight::after {display: block;content:' ';height:70px;}
.filelist_explorer div#doctitleuploads {display: none;}
.filelist_explorer div#doccontentsuploads {position: absolute !important;z-index: 10004;bottom: 0px;left:0px;right:0px;padding: 1px;border-radius: 0px 0px 12px 12px;overflow: hidden;height: 21px;background-color: rgba(220,220,220,0.98);transition:all 0.3s;}
.filelist_explorer div#doccontentsuploads.clicked {overflow: auto;height: 221px;}
.filelist_explorer.filelist_explorer_lines div#doccontentsuploads, .filelist_explorer.filelist_explorer_smallgrid div#doccontentsuploads {height: 60px;}

.filelist_explorer div#doccontentsuploads .attachmentline {display:block;float:left;}

body.candropfiles::after {/*content:'\21EB';font-size: 50px;text-align: center;line-height: 100%;border: 10px dotted #888;background-color:rgba(255,255,255,0.7);position: fixed;z-index: 99999;left: 10%;top: 10%;height: 80%;width: 80%;*/}
body.candropfiles {background-color:rgba(0,0,0,0.2) !important;}
body.droppedfile {}


.survey_respondents_nval,.survey_respondents_val0 {background-color: #ECC;color:#000;}
.survey_respondents_pv,.survey_respondents_val4 {background-color: #CAE;color:#000;}
.survey_respondents_qc,.survey_respondents_val5 {background-color: #ACE;color:#000;}
.survey_respondents_le,.survey_respondents_val6 {background-color: #CCE;color:#000;}
.survey_respondents_val,.survey_respondents_val1 {background-color: #CEC;color:#000;}
.survey_respondents_nc,.survey_respondents_val2 {background-color: #CCC;color:#000;}
.survey_respondents_effa,.survey_respondents_val99 {background-color: #e0e0e0;color:#000;}
.survey_respondents .newstitle {color:#000;}


	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:6px;
		position:absolute;
		display:none;
	}
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
		position:absolute;
		display:none;
		z-index:99999;
	}



.showlangs .lang {position:relative;display: block; margin: 100px 0px 0px 0px; border-color: #888; border-style: dotted; border-width:1px 0px 0px 0px;} 
.showlangs .lang:before {content:attr(lang);background-color:#EEE;padding:2px 4px;position:absolute;top:-19px;leight:16px;font-size:12px;}

/*
@media (prefers-color-scheme: dark) {
body {background-color:#333 !important;color:#ccc !important;}
a {color:#888 !important;}
.pageheader {background-image:none !important;background:linear-gradient(#333,#000 20%,#333 60%,rgba(0,0,0,100%) 65%,rgba(80,80,80,0%) 75%)  !important;}
.pageheadermenu {background-image:none !important;}
.actionmenubg, .cardcontent, .titleborder, .menuonglets {background-color:#555 !important;border-color:#222 !important;}
select, input, .selectspan, .inputspan, .inputspangroup, .contactchoice {background-color:#444 !important;color:#eee !important;border-color:#222 !important;}
.contactinfo {background-color:#000 !important;color:#ccc !important;}
span.owselect, tr.email_line, .topmenucreate {background-color:#444 !important;}
div.menuline_hover, div.searchbox_open {background-color:rgba(0,0,0,0.9) !important;}
div.menucontainer {background:radial-gradient(ellipse at center, rgba(0,0,0,1) 27%, rgba(0,0,0,0) 100%) !important;}
#zone5 {border-left:0px solid #333 !important;}
.searchbox_minopen {background-color:#444 !important;border: #222 1px solid !important;}
.note,.notes, .notesbg {background-color:#444 !important;}
table.notesbg {background-color:#444 !important;border: #222 1px solid !important;}
}
*/



body.darkmode {background-color:#333;color:#ccc;}
body.darkmode .menu_main,body.darkmode .menu_dyninfo {background-color:#555;}
body.darkmode .menuline {border-right-color:#000 !important;}
body.darkmode #zone4.has_zone2 {border-left-color:#000;}
body.darkmode a {color:#CCC;}
body.darkmode span.path > a {background-color:#000;}
body.darkmode .pageheader, body.darkmode .searchbox .searchbox_search .advanced_search, body.darkmode .searchres_div  {background-image:none;background:none;background-color:#222;}
body.darkmode .searchbox input[type=text].searchboxinput, body.darkmode .searchbox input[type=search].searchboxinput { color:#ddd !important;background-color:#222 !important; }
body.darkmode .searchbox_topopen {border-top-color:#222;}
body.darkmode .pageheadermenu {background-image:none;}
body.darkmode .actionmenubg, body.darkmode .cardcontent, body.darkmode .titleborder, body.darkmode .menuonglets {background-color:#555 !important;border-color:#222 !important;}
body.darkmode select, body.darkmode input, body.darkmode textarea, body.darkmode .selectspan, body.darkmode .inputspan, body.darkmode .inputspangroup, body.darkmode .contactchoice, body.darkmode .email_container,body.darkmode  div.email_attachment, body.darkmode div.doclines {background-color:#444 !important;color:#eee !important;border-color:#222 !important;}
body.darkmode .newscontainer_level0 {background-color:#444 !important;color:#eee !important;border-color:#444 !important;}
body.darkmode div.doclines .news_cl_cl {border-color:#222 !important;}
body.darkmode .contactinfo {background-color:#000 !important;color:#ccc !important;}
body.darkmode span.owselect, body.darkmode tr.email_line, body.darkmode tr.email_foldertitle td, body.darkmode .topmenucreate {background-color:#444 !important;}
body.darkmode div.menuline_hover, body.darkmode div.searchbox_open {background-color:#555 !important;}
body.darkmode div.menucontainer {background:none !important;background-color:#555 !important;/*radial-gradient(ellipse at center, rgba(0,0,0,1) 27%, rgba(0,0,0,0) 100%);*/}
body.darkmode div.menucontainer .menu {background-blend-mode: multiply;}
body.darkmode div.email_attachment img {mix-blend-mode: multiply;}
body.darkmode #zone5 {border-left:0px solid #333 !important;}
body.darkmode .searchbox_minopen {background-color:#444;border: #222 1px solid;}
body.darkmode .note,body.darkmode .notes, body.darkmode .notesbg {background-color:#444;}
body.darkmode table.notesbg {background-color:#444;border: #222 1px solid;}
body.darkmode .divopt {background-color:#333;}
body.darkmode .divopt_buttons,body.darkmode .divmenuonglets {background-color:#000;}
body.darkmode .nicetable td, body.darkmode .nicetable th {border-bottom-color: #444;border-left-color: #444;}
body.darkmode .tools {background-color: #000;border-color:#888;}
body.darkmode .roundzone {background-color: #444;box-shadow: rgba(32,32,32,0.8) 0px 0px 3px 3px;}
body.darkmode .pageheader {box-shadow: rgba(64,64,64,0.8) 0px 0px 3px 3px;}
body.darkmode .div.menuline_hover {box-shadow: rgba(64,64,64,0.8) 0px 3px 6px 0px;}
@media screen and (min-width: 800px) { body.darkmode div.menuline {box-shadow: rgba(64,64,64,0.8) 0px 3px 6px 0px;}}
body.darkmode .titleborder img,body.darkmode .tools,body.darkmode .tools img {mix-blend-mode: plus-darker;}
body.darkmode .menucontainer .menu,body.darkmode .contactinfo {mix-blend-mode: plus-darker;}