@media only screen and (min-width:639px) {
.mobileonly {
  display: block ;
  //display: none ;
}
}

@media only screen and (max-width:639px) {
.tabletonly {
 //display: none  ;
}
}
@media (min-width:800px)  {
.article-column.sidebar {
    border:1px blue solid;
    width: 300px;
    float: right;
}
}
@media (min-width:420px) and (max-width:799px) {
.article-column.sidebar {
    border:1px green solid;
    width: 320px;
    float: left;
}

}
@media (max-width:419px) {
.article-column.sidebar {
    border:1px orange solid;
    width: 200px;
    float: left;
}
}
@font-face {
/*automatic choice of the system font on the device : ie mswindows "Segoe UI"*/
  font-family: "system";
  font-style: normal;
  font-weight: 300;
  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

//@font-face - font-family: "FontAwesome";//les src sont deja appelées par font-awesome.min.css;


@font-face {
  font-family: "Pingmantools";
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64,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") format("woff");
}
.icony {
font-family: "Pingmantools";
}

* {
  box-sizing:border-box;
  border-collapse:inherit;
  padding:0px;
  -webkit-padding-start: 0px;
  -webkit-padding-end: 0px;
  -moz-margin: 0px;
  -moz-padding: 0px;
  margin: 0px;
  //position:relative;//nope;
}

html {
    height: 100%;
    //190130;
    width: 100%;
    //190130;
font-size: 100%;
}
body {
  position:absolute;
  width:100%;
  height:100%;
	color: ;
	background-color: #4F82C3;;
	background-color: white;
	//background-image: url();//attention si url null
	//background-image: url();//provoque lappel de wnotestyles a lui meme
	background-attachment: scroll;
	//background-position: right ;
	background-repeat: no-repeat;
  box-sizing: border-box;/*border et padding sont inclus not margin;*/
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-family: Source Sans Pro;//àcharger lettre l non confondable avec I ou 1;
  font-family: Verdana, Geneva, sans-serif;
  font-family: Tahoma, Geneva, sans-serif;
  font-family: "Segoe UI Light",Arial,sans-serif;
	font-family: "system", Arial,sans-serif;
 overflow:auto;
}

p {
margin:0px 0px;
padding:2px 0px;
}
p.indented2{
position:relative;
margin-left:1.8em;
}
p.indented{
position:relative;
left:0.85em;
}
p span.bulleted2{
position:relative;
left: -0.75em;
margin: -0em -0.65em -0px -0em;
margin: -0em -0.35em -0px -0em;
}
p span.bulleted{
position:relative;
left: -0.75em;//190514;
position: relative;
margin: -0em -0.65em -0px -0em;
}
::selection, ::-moz-selection {
 background: #21b6fe;
 color: #fff;
 text-shadow: none;
}

hr {
	margin: 2px 0px;
  padding:0px;
}
.hr-separator{
margin:8px 0px 2px 0px;
color:#aaaaaa33;
opacity:0.30;
opacity:1;
}
.lbox{
z-index:10000;
position:fixed;
display:block;
transform:translate3d(-50%,-50%,0);
top: 50%;
left:50%;
border:0px solid coral;
border-radius:10px;
height:auto;
width:auto;
max-width:70%;
background:#eeeeee;
padding:20px;
}
.hr-invisible{
margin:0px 0px 0px 0px;
opacity:0.1;
opacity:0;
 filter:alpha(opacity=0);//ie8;
}
.defined_var:active {
	font-style: italic;
	  background-color:inherit;
	  border-radius :2px;
	  padding:0 2px;
    background:
    linear-gradient(
      rgba(12, 120, 120, 0.05),
      rgba(0, 0, 0, 0.09)
    );
}
.undefined_var {
	font-style: italic;
	  background-color:inherit;
	  border-radius :2px;
	  padding:0 2px;
    background:
    linear-gradient(
      rgba(12, 120, 120, 0.05),
      rgba(0, 0, 0, 0.09)
    );
}
.undefined_var::after {
  content:" ?";
}
ul {

list-style-position: inside;
list-style-type: none;
list-style-type: disc;
list-style-type: square;
list-style-type: circle;
}
li {
/*This will place the li elements in the same indent as other paragraphs and text.?
  list-style:none;
  list-style-position: inside;
  margin: 0px 0px 0px -20px ;
  padding:0px;
  float: left;
  */

}
#thumbs_ul {
display:none ;//170210;
}

ul.thumbs_ul {
position: relative;
list-style: none;
display: block;
width: 10000px;
width:auto;
}
ul.thumbs_ul li {
margin: 2px 1px -2px 1px  !important;
margin: 0px 1px 0px 1px  !important;//160725;
background-color:transparent !important;
border:initial !important;
padding: initial !important;
float:left;
}
#Tthumbs ul.thumbs_ul li {
float:none;
margin: 0 6px;
}
#thumbs_block ul.thumbs_ul {
margin: 0px !important;
padding: 0px 30px;
}
#thumbs_block ul.thumbs_ul li {
float: initial !important;
}

#maindetail_block ul.thumbs_ul{
margin-top:0.5em;
}
#maindetail_block ul.thumbs_ul li {
//margin:0px 1px 6px 1px;
margin: 0px 0px -0px 0 !important;
float: left;
}
#ico_childrenof{
position:relative;
position:absolute;
position:initial;
display:inline-block;
//left:0px;
top:-20px;
//margin:-15px 0px 0px;
}

#wnote_block{
margin: 0 !important;
height: 95%;
height: 100%;
position: relative !important;
}

#central_block{
margin: 0px 0px -0px !important;
background-color: #fffefe !important;
position: relative !important;
}
#detail_left{
display: table-cell;
position: absolute;
left: 0px;
width:27px;
}
#detail_main{
display: table-cell;
position: absolute;
left: 27px;
width:auto;
}
#maindetail_block {
overflow: auto;
background-color: #fefefe !important;
//position: absolute !important;
height:15% !important;
}
#thumbs_block{
display:none;//display: table-cell;
position: absolute;
display:block ;
/*position:fixed ;top:35%!important;*/
left: 0%;
width:30%;
height:95%;
overflow:hidden;
//z-index:400 !important;
}
#thumbs_masked, #wnote_masked{
//position:relative;
display:block ;
width:106%;
height:106%;
//left:0%;
overflow:scroll;
}

table
{
width:100%;
table-layout: fixed;
empty-cells: show;
margin: 0px ;
padding: 0px ;
/*cellspacing: 0px; use tableproperty (not a css!) cellspacing="0px" if need IE compatibility*/
/*vertical-align:middle;*/
/*border-collapse:colllapse;*/
}
tr {
background: inherit;
margin: 0px;
padding: 0px;
}
td {
display:table-cell;
text-align:left;
/*border: 1px solid yellow;*/
background: inherit;
margin: 0px;
padding: 0px;
}
#wnote td {
border: 1px solid #07070707 ;//semivisible gray;
}

.bodyblue {
	color: #6090F1;
	background-color: #000033;
	background: fixed;
}

.loading {
    background-image: url("/im/ajaxspin.gif");
    background-repeat: no-repeat;
    background-color: #fdfdfd;
}
.a_download{
  cursor:url(im/downloads-32.png),auto;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: translate3d(-3%,-40%,0) rotate(-90deg);
  transform: rotate(-90deg);//display: inline-block required;
}
.alink , .wi{
text-decoration:none;
cursor:zoom-in;
}
.external_link {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMklEQVQYlWNgwA7+Y8EEAVwhPt3/kWlcxmJowKYQXQyrQmxWY9WNU442CvFhBgYGBgYAYdEk3OFwtrUAAAAASUVORK5CYII=");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
    white-space: normal !important;
}
.exterlink::after{
content:"\F08E";
display: inline-block;
font-family: FontAwesome;
font-size: small;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: rgb(69, 120, 175);//light royalblue;
position: relative;
vertical-align: top;
margin-left: 0.3em;
margin-right: 0.3em;
}
.icon-share::after{
content:"\F1E0";
display: inline-block;
font-family: FontAwesome;
font-size: small;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: rgb(175, 120, 50);//light braun;
color: rgb(69, 120, 175);//light royalblue;
position: relative;
vertical-align: top;
margin-left: 0.3em;
margin-right: 0.3em;
z-index:initial;
}
#share-it.icon-share::after{
color: #fafafa;
font-size: initial;
font-weight:lighter;
}
.cardbutton{
position: fixed;
position: relative;
top:40%;
//bottom: 2%;
top: 8%;
opacity: 0.7;
opacity: 1;
max-width: 35px;
max-height: 15px;
margin-right:20px !important;
}
#bt_edit.cardbutton{
//right:50px;
left:120px;
left:initial;
max-width: 35px;
max-height: 15px;
}
#bt_menu.cardbutton, #bt_share.cardbutton{
//right:105px;
left:50px;
left:initial;
max-width: 35px;
max-height: 15px;
}
#bt_admin.cardbutton{
//right:160px;
left:190px;
left:initial;
max-width: 35px;
max-height: 15px;
}

a:link , a {
	color:#555 ;
	color: inherit;
  font-weight: bold;
	margin:0px;
  padding:0px;
  text-decoration:none;
}
a:visited {
	color: inherit; /*#555 ; #6699EE;*/
}
a:active {
  color: #FF5555;
  font-weight: bold;
}
#wnote a:link.boxbarnumb ,#wnote a.boxbarnumb{
  color: #555;
  }
#wnote a.bold:link , #wnote a.bold {
  left: 3px;
}
#wnote a.yellover:link , #wnote a.yellover {
  left: -1px;
}
#wnote a:link, #wnote a {
  color: #FF5555;
  color: #6699EE;
  color:rgb(69, 120, 175);//bleuroi;
  position: relative;
  left: 2px//190514;
  left: -1px//190530;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: -3px;
}

#wnote a:hover {
  text-decoration:underline solid;
  text-decoration:none;
  /*text-shadow: avoid!;*/
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  }

vars, var {
display:block;
display:none;
}
code, pre, xmp {
  margin: 0px;
  font-size: 1.1em ;
  //white-space: pre-line pre nowrap pre-wrap ;
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
  //word-break: normal|break-all|keep-all|initial|inherit;
  word-break: keep-all;
  background-color: #eff0f1;
}
pre {
white-space: pre;
overflow: auto;
background-color: #fafafa;
}

blockquote {
	padding: 10px;
	background-color: #FFF8DC;
}
#Top{
border: 10px solid red;
border: 0px solid red;
opacity: 0.07;
 filter:alpha(opacity=7);//ie8;
}

#globalpage.global-mask{
top: 0;
top: 26px;
height:116%;//delta sera masquable ontop;
height: 95%;
width:100%;
position:relative;
position:absolute;
border:1px solid green;
overflow-y:hidden;
overflow-x:hidden;
}
#movebut {
cursor:not-allowed;
cursor:pointer;
}
#formmove{
position:relative;
//position:absolute;
top:20% ;
min-height:0%;
height:100%;
height: 80%;
width:80%;
width:100%;
//background : #fefefe;
}
#formmove.global-submask{
top: 20% ;
top: 20vh;
top: 17vh;
top:16.5% ;
height:84%;
width:103%;
width:100%;
width: calc((100% + 0.65rem)/1);
padding-right: 0;
padding-right: 4.4%;
padding-right:3%;
padding-bottom:20%;
padding-bottom:0%;
position:relative;
position:absolute;
//border:4px solid blue;
overflow-x:hidden;
overflow-y:scroll;
}
#members.stuck {
    margin-top: 0 !important;
    position: fixed !important;
    width: 100%;
    top: 4.4%;
    top: 5vh;
    top: 6%;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
        border-radius: 0.5em;
    //190202border-bottom: 2px solid rgb(0,12,74);
    z-index: 4000;
}
#members {
display: block;
    display: table;
position:absolute ;
position:relative ;
//top: 10% !important;
float:left;
top:20%;
top:0%;
min-height: 1%;/* plus grand repousserait Twnote;*/
width: 100%;
width: 103%;
height:120px;
height:auto;
overflow: auto;
padding:4px 2px 0 2px;
padding:0px 0px 0 0px;
z-index: 400 ;//180224 :400 !important;
background-color:transparent;
//opacity: 0.97 !important;//grise les thumbs;
//opacity: 1 !important;
opacity: 1 ;
transition: all .5s;
}

#members.atpagetop {
    position: fixed;
        top: 10%;
            z-index: 40000;
}
#gparents{
padding-top: 6px;
}
#Tparents {
  //position: fixed;
  display:inline-block;
  position:relative;
  width: 100%;
  height:auto;
    top: 55px;
    top: 60px;
    top: 0;
  color: gold;
  background: rgb(0,12,74);//:mauve;
  background:transparent;
  background-color:#4F82C3;//bleu roi;
  background:#90ee90cc;
  text-align: left;
}
#loading{
display:inline-block;
  position:relative;
  position:absolute;
  float: left;
  float: right;
    color:#993333;
    right:2px;
    width: 30px;
    width: auto;
    height: 20px;
    background:transparent;
    text-align: center;
}
#parents{
display:inline-block;
  position:absolute;
  position:relative;
width:90%;
width:100%;
float: right;
float: left;
}
#parent_dropper{
display:inline-block;
}
#dragged_thumb, #receptor_thumb{
vertical-align: middle;
margin:3px;
max-width: 80px;
max-width: 30%;
 pointer-events: none;
 cursor:initial
}
#input_addch{
  max-width:50%;
  width: 60px;
  vertical-align: top;
  font-size: small;
}
#dropper_addch, #input_addch{
  vertical-align: middle;
  font-size: x-small;
  line-height: 20px;
  line-height: 18px;
  color:royalblue;
  
}
#bureau_dropper, #STOPaddchild_dropper{
  display: inline !important;
  border: 0px coral solid;
      background: #fafafa66;
  min-width:10px;
  width:auto;
  width:60px;
  min-height:1rem;
  height:auto
  padding-right: 4px;
  padding-left: 4px;
  color: azure;
  color:coral;
  text-align: center;
  vertical-align: top;
  font-size: small;
  cursor:pointer;
   pointer-events: drop;
}

#parents_dl {
color:inherit;
background-color:inherit;
width:30%;
//height:1em;
//font-size:70%;
}

#parents_dl > option {
background-color: #eeeeee;
color: green;
}

#dL_box_stop:before{
content:"X";
height:150px;
border:1px red solid;
border-radius:20%;
color:red;
padding 4px 8px;
margin -20px 0;
}
#dL_box{
display: block ;//170228 !important;
position: fixed;
position: absolute;
width:100%;
max-width:80%;
height:800px;
height:auto;
width:auto;
min-height: 10px;
margin:auto;
z-index: 1100;
z-index: 1000;
//top: 10% !important;
top:11%;
top: 15.5%!important;
right: 10%;
color: rgb(221, 221, 221);
border: 2px #90ee90cc solid;
border: 2px #4F82C3 solid;
border-radius: 4px;
background-color:#90ee90cc;
background-color:#fafafa;
background-color:transparent;
margin: 0px 0px;
overflow:auto;
overflow:hidden;
overflow:initial;

}
#select_d{
padding: 0px 2px;
width: auto !important;
min-width: 150px;
max-width: 100% !important;
height:auto;
overflow: hidden;
overflow:auto;
    border: 0px #fefefe solid;
    border-radius: 2px;
}
#dL_options_head {
height:auto;
max-height:30px;
}
#Tthumbs  {
display:table;
display:inline-block;
position:absolute;
position:relative;
  top: 110px;
  top:20%;
  top:70%;
  min-height:1%;
  height:5%;
  height:25px;
  height:auto;
    color: gold ; /*#555*/
  //background: rgb(0,12,74)  ;
  background:transparent;

  vertical-align: top;

  text-align:left;
  overflow:auto;
}
#Tthumbs.thumbs_siblings  {
display:table;
//display:inline-block !important;//170210;
display:inline-block ;//170210;
position:absolute;
position:relative;

  top: 110px;
  top:20%;
  top:70%;
  top:-05%;
  min-height:1%;
  height:5%;
  height:25px;
  height:auto;
    color: gold ; /*#555*/
  //background: rgb(0,12,74)  ;
  background:transparent;

  vertical-align: top;

  text-align:left;
  overflow:auto;
}
.thumbs_siblings{

}
#subthumbsafter-mask #thumb_children {
position: relative;
display: block;
border:1px lightgreen solid;
border:1px #fefefe solid;
overflow:hidden;
height:70%;
height: 130vh;
height:auto;
padding-top: 5px;
padding-bottom:110px;
max-height:40%;
max-height:initial;
width:99.5%;
}
#thumb_children::after {
display: block;
content: "   (Objets inclus)";
content: " ";
line-height: 40px;
background: transparent;
opacity: 0.5;
 filter:alpha(opacity=50);//ie8;
}

span[id*="subchild_"]{
color:coral;
//170302display:none !important;
}
span[id*="submenu_"]{
position: fixed;
position:absolute;
top: 25%;
top: 0px;
left:initial;
right:0px;
right: 4%;
right: 24px;
padding: 5px 0px;
color:gold;
background-color: rgb(0,12,74);
border-radius:3px;
border: 2px transparent solid;
//170302display:none !important;
}

.thumb_add{
display:none;
opacity:1;
cursor:text;
font-size:x-small;
background:white;
}
#thumb_add{
position: absolute;
position: relative;
//border: 2px solid red;
//border-radius: 50%;
left: 0;
top: 0;
cursor: pointer;
font-weight: bold;
font-size: 0.8em;
font-size: 1em;
vertical-align: middle;
bottom: 0;
}
#thumb_title{
display:inline-block;
opacity:0.9;
opacity:1;
color:#ff6666;
float: right;
float: left;
vertical-align:top;
cursor:pointer;
}

#thumb_adder {
display: none !important;
text-align:center;
}

#wnote_block_div-STOP170531{
display: inline-block;
display: block;
position:absolute;
position:relative;
float:left;
top:initial;
top: 40%;
top:0%;
left: 25.5%;
left: 0.5%;
left: 0%;
width:74%;
width:99%;
width:100%;
min-height:95%;
min-height:60%;
min-height:90%;
height:auto;
background : #fefefe;
background : #fefefe;
background-color:coral;
background-color:white;
border: 1px solid #fee;
border: 0px solid #fee;
overflow: hidden;
overflow-y: auto;
border: 1px green solid;
}

#wnote_block_div::afterSTOP{
content:"-";
content:"\2022";//:bull;
content:initial;
content:"\2666";//:diams;

opacity:0.4;
opacity:initial;
text-align:center;
vertical-align:bottom;
line-height:100px;
min-height:50px;
display:block;
background-color:coral;
background-color:white;


}

#Twnote {
margin-top: 0px ;
padding: 1% 0.5%;
padding: 0;
//min-height:200%;
//z-index:-1;
//z-index:55;
position: initial;
position: absolute;
position: relative;
display: block;
float: left;
top:12%;
top:0%;
//bottom:6%;
width:200px;
width: 70%;
width: 100%;
height: auto;
min-height: 80%;//car Tmembers occupe 20% du container formmove;
min-height: 70%;
min-height: 98%;
//170331 padding: 1% 0.5%;
color : #555 ;
word-wrap:break-word;
font-size:normal;
vertical-align: top;
white-space: wrap;
background: white;
border-radius: 2px 2px 0px 0px;
border: 1px solid #eeeeee;
}
#stop-trial > div:not([class=box]) {
color:coral;
}
#Twnote + .box {
margin-top: 1% !important;
}
#Twnote ~ .box {
position:relative;
float: right;
left: 25.5%;
left:initial;
width:74%;
}

#Twnote > tbody > tr:first-child {
display:block;
display:none;
width:100%;
height:20px;
height:0px;
background:#90ee90cc;
}

#Twnote.inthumb_main {
position:absolute;
border-top: 1px solid rgb(0,12,74)  ;
border-bottom: 3px solid rgb(0,12,74)  ;
border-left: 1px solid rgb(0,12,74)  ;
border-right: 1px solid rgb(0,12,74)  ;
min-height:100px;
height:100%;
}

#wnote {
white-space: pre-wrap;//190501;
white-space: initial;
position:initial;
display: block;
display: inline-block;
position:relative;
position:absolute;
float:left;
width: -webkit-calc(75% - 1em);
width: calc(75% - 1em);
width:74%;
width:99%;
width:100%;
width:auto;
max-width: 100vw;
max-width: 100%;
min-height:100%;
min-height:60%;
min-height:99%;
height:auto;
top:initial;
top: 40%;
top:0%;
left: 25.5%;
left: 0.5%;
left: 0%;
left:initial;
padding: 1% 0.5%;
padding: 0;
background : #fefefe;
background : #fefefe;
background-color:coral;
background-color:white;
border: 1px solid #fee;
border: 0px solid #fee;
overflow: hidden;
//190124overflow-y: auto;
//border: 1px green solid;
margin-bottom: 140px;
margin: 0px 0px 40px 0;
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-family: "Segoe UI Light",Arial,sans-serif;
  font-family: "Segoe UI",Arial,sans-serif;
font-family: "system", Arial,sans-serif;
font-family: inherit;
transition: max-width ease 0.3s;
}
#wnote.viewcol {
float:left;
  width: auto;
  width: 70%;
width: 78%;
 width: 78vw;
max-width: 80vw;
 height:400vh;
 height:auto;
}
#wnote.stuck {
width: 64%;
 width: 65vw;
}
#wnote img {
text-align:center;
//max-height70911:300px;
max-width: 100%;
}

img{
width: 100%;
width: auto;/*170209;*/
height: auto;
}

.extensor, #wnote::after, #div_subthumbsafter::after{
//!expander;
content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
color:blue;
color:transparent;
line-height:5px;
min-height: 40px;
//max-height:40px;//bloque auto height;
clear:both;
display: block;
}
.clearfix_extensor::after {
classic-solution:alternative à .extensor;
    content: " ";
    display: table;
    clear: both;
}

}
#wnote .box::after{
content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
color:blue;
color:transparent;
border:1px solid lightgreen;
border:0px solid lightgreen;
line-height:5px;
max-height: 1px;
clear:both;
display: block;
}
#Twnote:hover #wnote, #pgdn_pgup_buttons:hover ~ #wnote {

}
#Twnote:hover #wnote::after , #pgdn_pgup_buttons:hover ~ #wnote::after {

}

.post_container, .shrinkimg_container, .shrinkim_container{
position:relative;
display:table;
display:inline-block;
display:table-row;
float:left;
float:none;
clear:left;
clear:none;
vertical-align: text-top;
vertical-align: middle;
border: 1px solid #dddddd00;
    width:18rem;
    width:auto;
    width:100%;
    height:auto;
    min-height:4rem;
cursor: pointer;
}
.post_container:hover, .shrinkim_container:hover{
border: 1px solid lightgray;
border: 1px solid #dddddd44;
}
.post_box {
display: table;
display: table-row;
display:block;
width: 100%;
padding:5px;
padding:0px;
border: 1px solid #eeeeee;//as#Twnote;
}
.post_row {
display:table-row;
width: 100%;
}
.post_wrapper {
display: inline-block;
display: block;
}
.post_imgcell {
display: inline-block;
display:block;
display:table-cell;
display: inline-block;
float:left//190610;
clear:right//190610;
margin-bottom: 10px;
  min-width:8rem;
  min-height:8rem;
width:100%;
width:90vw;
width:auto;
max-width: 50%;
vertical-align:top;
background-size: contain;
background-repeat: no-repeat;
}
.post_imgcell:hover {
background-color:#fafafa77;
border: 1px solid #aaaaaa77;
border-radius: 3px;
cursor: pointer;
}
.post_commcell {
display:block;
display:table-cell;
display: inline-block;
float:left//190610;
clear:right//190610;
margin-top: 2px;
min-width:8px;
min-width:30vw;
min-width:30%;
width:100%;
width:90vw;
width:auto;
//190704max-width: 49%;
vertical-align:top;
padding-left:6px;
padding-right:6px;

}
.post_commcell.nocomment {
display:none;
}
.post_filename {
position: relative;
bottom: 0.2rem;
}
.post_comment {
vertical-align:middle;
vertical-align:top;
padding:0;
padding:10px 10px;
display:table-cell;
display: inline-block;
width:100%;
width:auto;
max-width: 50%;
}
.post_incomment {
  display:block;
}
.post_outcomment {
  display:block;
  margin-left:3px;
}
#post_text {
display: table-cell;
display:inline-block;
vertical-align:middle;
padding:5px;
}

.shrinkimg {
  display:table-row;
  display:block;
  display: table-cell;
  display:inline-block;
  float:left;
  float:none;
	min-width: 50px;
	min-width:6rem;
  min-width:8rem;
  min-height:8rem;
	width:30%;
  width:8rem;
	max-width: 30vw;
	max-width: 16rem;
	max-width:100%;
	max-width:100vw;
	height:auto;
	height:8rem;
		max-height: 16rem;
	max-height: 100vh;
	max-height: 100vw;

background-image: url("im/zoomplus_blue.jpg") ;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-color: #f5f5f577;
background-color: transparent;
background-origin: padding-box;
background-position: top left;
background-repeat: no-repeat;
background-size: 100% 100%;
background-size: cover;
background-size: contain !important;
background-position-x: 50%;
background-position-x: right;
background-position-x: left;
  font-size:0rem;
  font-size: 1rem;
	font-size:0.9em;
	color: royalblue;
	vertical-align: text-bottom;
		vertical-align: text-top;
	text-align:left;
	padding: 0 0 0 25px ;//decale le texte pas le bg;
	margin:-2em 0 2em 0;
	margin: 0 0 0 0;
	border: 1px solid transparent;
  font-size:1rem;
  text-align:center;
  color:red;
  vertical-align:text-bottom;
  vertical-align:text-top;
  vertical-align: middle;
  border:solid 0px lightgray;
  cursor: pointer;
}
#wnote .shrinkimg.is_ima {
min-height: 32px;
min-width: 32px;
height : 14rem;
height : 30vh;//190601 ;
height : auto;
max-height: 50vw;
max-height: 100vw;
width: 100% ;
max-width: 50%;//att:relative to parent;
max-width: 100vw;
}
.alink .shrinkimg {
min-width: 2rem;
min-height: 2rem;
}
.shrinkimg.a_download {
  background-image: url(im/doc_download_curve.jpg);
  background-size: contain;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  display: inline-block;
  
}
.shrinkimg:hover, .zoomMousePointer {
  border: 1px solid lightgray;
	border: 1px solid #eeeeee;
	cursor: zoom-in;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACv0lEQVRIibWXvW7UQBDHf5fcwV0eAMSHEFgQCQjwAKAIvwFKAolioUAUUl/jInXaewF317o+bZfKUlqn9VWWrrTSuKBItRS7I4xj+5y7Y6SR7mNn/zv/+dhZaC9rQA+4DwyADat9+1vPrlmJdICuBXoObANfgX3gF3BiP+8Bn4Bn9iBda7uQrFvA94AHnLbUQ2DLHuBODIiXj613bQHLugc8pKX3HUysXgE/lwAVPbJ79eaBd4FNTPyWBRU9AV7avStlHUPvKjwt6w8M7bdi3sEk0rf/AFqMeZ8S5V3gQ5sNPM87D8MwVEpNlFKTIAjGruuetQR/W6S8g2kEh01Gvu+P0jSd6hqJ4/jScZzhHOBDy2xHYrvZZBAEwVgA0jSdBkEw9n1/5Pv+KIqiizzPr7XWOs/z6xbeOxLre4Db5KmABkEwrlrjOM4wjuNLrbXOsmw2B/gzprzo09AohN4wDMPy7+WDyNq6A1rdwfR2Bph0v7XIdd0zobD8n9ZaK6UmVeykaTptAP5uMdnAFHktzVEUXchBJLaSUPJdbG5ubn5rrXUD8LHFnA8snimlJnVZLTZZls3aAtdSLcBJkly1odpxnGFdaKqo7gO7dQuFunKZVAELI3EcXzYAf5Hk6mEu8cqFslmWZbNig1BKTYqx9TzvvO6QJd22mKxhJofa2pO4ZVk2K4IJvUqpiYDOKaVT4AWFy2JAQ8t0HGeYJMmVJFKe59dpmk7LLbQF6IHEV6QLvJtjdOr7/ihJkivxTg4RRdFFy4viDaV7uWOTbK+F8aK6S8W1KLF+RE1pLalHwAMahr8uZkaqbCgL6gnmRqodfeDfYW8Vnh9Z0F4TaBG8i5mRlon5Dn/H2zvJGiYZtjBl0BbwAHjNAgN9UcT7PvAU0+F2Mc+WY8xEuo/x7iPwhBU8YcpSfLT1MY1gwIKPtj9+qlSCFhSH/gAAAABJRU5ErkJggg==),auto;
  background-color: #f5f5f577;
}

.post_containerSTOP:hover .shrinkimg {
  -webkit-transform: translate3d(+33%,-65%,0) rotate(-90deg);
  transform: translate3d(+33%,-65%,0) rotate(-90deg);
}
.shrinkico {
	display: inline-block;
	border: 1px solid lightgreen;
	background-position: left top;
	vertical-align: text-top;
	max-width: 8rem;
	max-height: 8rem;
	width: 100%;
	/* height: 400px; */
	width: 8rem;
	height: auto;
	background-size: auto;
	background-size: contain;
	height: 100px;
	/* height: 100%; */
	background-size: 100% 100%;
	background-size: cover;
}
.a_bluelens{
	min-width: 50px;
	min-height: 50px;
  height: 4rem;
  width : 4rem;
  background-image: url(im/zoomplus_blue.jpg);
  display: inline-block;
}
.a_img{
}

#wnote-STOP170531 {
  position: relative;
 position: absolute;
 left: 1%;
 left: 0;
 width: 68%;
 width: 72%;
  width: auto;
  width: 100%;

 text-align: left;
 text-align: justify;
  height: 60%;
 height: auto;

min-height: 100%;
overflow: auto;
border: 10px coral solid;
}
#wnote:target,#wnote:focus, menupanel:focus {
    background-color: #fefefe;
}
#wnote_masked #Twnote {
margin: -4px 0px 0 0;
}


#Tframenot {
margin:-2px 0px 0px 0px; /* pb cache  jslib $("#searchpanel").height();*/
display:block; //150902 display:inline-block;

}


.nompren {
	text-align: left;
	COLOR: #FFCC00;
	font-weight: bold;
}

.insist {
	COLOR: #AA6666;
	font-size: %;
	FONT-WEIGHT: bold;
}
.formbas, .noteframe, #editBottomBox {
  color: gold ; /*#555*/
  background: rgb(0,12,74)  ;
  text-align: left;
}
#go2save{
  display:none;
  position:fixed; top:11%; right:1%; width:40px
}
#edit_topbar {
  cursorPENCYLstop:  url("data:image/gif;base64,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") 100 150, crosshair ;
  cursor : initial;
  max-height: 5rem;
  font-weight:bold;
  width:85%;
  color: silver;
  background-color: transparent;
  border-color: transparent;
  font-size: small;
text-align: left;
color: white;
background: rgb(0,12,74) no-repeat 0 0;
background-color: rgb(0, 12, 74);
background-color: #cc3300;
max-height: 5rem;
height: 2rem;
}
#edit_topbar_left {
  text-align: left;
  color: white;
  background: rgb(0,12,74)  no-repeat 0 0;
  background-color: #cc3300;
   max-height: 5rem;
  height: 2rem ;
}
#edit_topbar_right {
  width:5%;
  max-height: 5rem;
  opacity:0.01;
  filter:alpha(opacity=1);//ie8;
  cursor: pointer;
}

#edit_topbar_right.show , #edit_topbar_right:hover{
width:50%;
opacity:1;
C:\Users\elpro\SSD_cryp\cru250
}
# silverinfo {
color:silver;
background-color:transparent;
border-color:transparent;
font-size:small;
}
#edit_save_b{
-webkit-transition:border-radius 0.5s linear;
-moz-transition:border-radius 0.5s linear;
transition:border-radius 0.5s linear;
}
#edit_save_b:focus{
//background-color:white;
color:red;
border: 6px 1px white solid !important;
//border-radius : 6px !important;
}
#edit_save_b:active{
background-color:darkgreen !important;
border:  transparent solid !important;
border-top:6px;

//border-radius : 4px !important;
}
#Save_Box {
  background: rgb(0,12,74)  ;
  background: rgb(0,12,74)  no-repeat 0 0;
}


#blob_button{
float:right;
}


.fleche {
	text-align: center;
	color: #0033FF;
	font-weight: bold; /* font-size: 12pt; */
	background: #009999;
}
.fontspe {
	color: #00FF66;
	font-weight: bold;
	    cursor: pointer;

}
.fontspe:hover{
	color: #00FFFF;
	font-weight: bold;

}

.cardtop {
	/*background-color:inherit;*/
  /*#cc0000;*/
}
.cardbot {
	width:100%;
	color: #3355AA;
	background-color:#FF9900;
}
.texte {
	width:100%;
	color: #6699FF;
	/*background-color:#FF9900;*/
}
.TableCherch {
	table-layout: fixed;
	margin: 1;
	padding: 1;
	empty-cells: show;
	border-color: red;
}

.box {
  border: 1px solid rgb(200, 150, 40);
	vertical-align: top;
	margin: 0px;
	padding: 2px 4px;
	height: auto;
	position: relative;
}

wnote .box:hover{
//background-image: url(./im/wiki_showgold.png);
background-position: top 10px right 4px;
}

.box.clearborder {
border:1px solid transparent ;
}
.clearborder:hover {
	border: 1px solid rgb(050, 150, 150) !important;
		border:1px solid rgb(245, 250, 245) !important;
		border:1px solid #eeffee33 !important;
}


#wnote #envelope_box_mask {
  display: block;
  min-height: unset;
  height: auto;
  margin-bottom: 10px;
  margin: 1% 0.5% 10px;
  padding:0;
  transition: width .4s, height .4s, transform .4s;
  overflow-y: auto;
  overflow-y: hidden;
  overflow-x: hidden;
  pointer-events: all;
  padding-bottom: 20px;
  padding-bottom: 0px;
}
#wnote #envelope_box_mask.viewon{
  position: unset;
  position: absolute;
  position: relative;
  float: left;
    clear:both;
  clear:right;
  width:100%;
  min-height: 15%;
  min-height: 10vh;
  background:#fefefe;
  opacity: 1;
}
#wnote #envelope_box_mask.viewcol {
    display: inline-block;
    float: left;
    position: fixed;
    position: absolute;
    position: relative;
    opacity: 1;
    background-color: #dddddd44;
    background-color: #fefefe;
    width: auto;
    width: 100%;
    width: 60vw;
    width: 95%;
    width: 60%;
    height: 100%;
    z-index: 1;
    touch-action: manipulation;
}
#wnote #envelope_box_mask.viewoff{
 touch-action: manipulation;
float: left;
height:60vh;
height:100%;
z-index:1;
position: fixed;
position: relative;
position: absolute;
opacity: 1;
background-color: #dddddd44;
background-color: #fefefe;
width:60%;
width:100%;
height:100%;
  padding-bottom: 75vh;
}
#wnote #envelope_box_mask.viewoff.stuck{
  opacity: 0.5;
   filter:alpha(opacity=50);//ie8;
  min-height: 50px;
}
#wnote #envelope_box_mask.stuck{
  float:left;
  min-width:50% ;
  width: 65%;
  width: 100%;
  min-height: 60vh;
  height:auto;
  height: 160px;
    background-color: white;
    background-color: #fefefe;
    opacity: 1;
    opacity: 0.5;
    filter:alpha(opacity=50);//ie8;
  overflow:initial;
  overflow-x: hidden;
  overflow-y: scroll;
  position:absolute;
  position:relative;
  position: fixed;
  pointer-events: all;
}
* .addbottom::after , *STOP .viewon::after {
    content: " ";
    display: block;
    clear: both;
    height: 60px;
}
.viewcol {
  font-size: x-small;
  font-size: small;
}
#wnote #section_box_mask.viewon::before {
content: "";
display: block;
height: 30px;
height: 1px;
}
#wnote #section_box_mask.viewon::after {
content: "";
display: block;
height: 30px;
}
#wnote #section_box_mask{
  position: relative;
  top: 10px;
  overflow:initial;

  float:left;
  float: right;
  //left:10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 1px;
  padding-right: 1px;
  clear:both;
  clear:right;
  transition: width .4s, height .4s, transform .4s;
  width:100%;
  max-width: 90vw;
  z-index: 2;
}

#wnote #section_box_mask.viewon{
float: right;
right: 5%;
right: 0%;
position: fixed;
position: absolute;
position: relative;
top: 175px;
width: 35%;
width: 35%;
width: 85vw;
width: 95%;
background:#fefefe;
background: transparent;
padding-bottom: 170px//190607;
z-index: 2;
}
#wnote #section_box_mask.viewon .section_border{
background-color: rgba(255, 255, 255, 0.99);
}
#wnote #section_box_mask.viewcol {
display: inline-block;
float: right;
float: left;
right: 5%;
right: unset;
top:35%;
top: 20px;
width: auto;
width: 35%;
width: 40vw;
width: 39%;
position: fixed;
position: absolute;
position: relative;
z-index:1;
}
#wnote #section_box_mask.viewoff{
float: right;
right: 5%;
right: 0%;
position: fixed;
position: relative;
position: absolute;
top:35%;
top: 20px;
top: 10rem;
width: 35%;
width: 35%;
width: 85vw;
width: 95%;
}
#wnote #section_box_mask.sidepacked {
  transform:translate3d(-50%,0%,0);
  -webkit-transform: translate3d(90%,0%,0);
  -moz-transform: translate3d(90%,0%,0);
  -ms-transform: translate3d(90%,0%,0);
  -o-transform: translate3d(90%,0%,0);
  transform: translate3d(90%,0%,0);
}
#wnote #section_box_mask.stuck {
min-width:25% ;
width: 60%;
width:35% ;
width: 100%;
max-width: 90vw;
height: 80vh;
height: 4rem;
overflow:hidden;
overflow:unset;
  float: right;
  clear:both;
  clear:right;
 // margin-top:60px;
  background-color: transparent;
position: absolute;
position: fixed;
top:80%;
top:unset;
bottom: 1px;
bottom: 40px;
//190430padding-bottom: 3rem;
left: 60%;
left: 5%;
 pointer-events: none;

}
#section_box_mask.stuck .boxbar_head, #section_box_mask.viewoff .boxbar_head {
  font-size: x-small;
  font-size: initial;
  background-color: #ffeeee;
  background-color: #f8f8f8;
}

#section_box_mask.stuck .section_border , #section_box_mask.viewoff .section_border {
  background-color: #ffeeee;
  background-color: #f8f8f8;
  pointer-events: all;
  background-size: 10px 5px;
}
}
.hidden, #tora-top.hide, #tora-bot.hide   {
    //visibility: hidden;
    opacity:0;
    filter:alpha(opacity=0);//ie8;
    transition:all 1.8s ease;
}
.visible {
    //visibility: visible;
    opacity:1;
    transition:all 1.8s ease;
}

.tora, div[id*=tora-]{
     position: absolute;
    //190122min-width: 220px;
    width: 100%;
    height: 3em;
    height:6em;
    z-index: 200;
    z-index: 2;
    border-collapse: collapse;
    background: rgb(0,12,74); //: mauve;
    background: transparent;
    opacity: 1;
    opacity: 0.4;
    filter:alpha(opacity=40);//ie8;
    cursor: auto;
    transition: all .2s linear;
    pointer-events: all;//needed to scroll auto;
	  pointer-events: none;
}

div[id*=tora-].shrinked{
 height:1em;
}
#tora-top::after {
opacity: 0.1;
filter:alpha(opacity=1);//ie8;
background-image: url(./im/wiki_showgold.png);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
background-repeat: no-repeat;
height: 1em;
width: 100%;
position: absolute;
background-position: bottom+10px right+96%;
content: "";
}
.tora-top, #tora-top {
  display:none !important;//190501;
  top: 0em;
  background-image: -o-linear-gradient(top, #ffffffff, #ffffff00);
 	background-image: -moz-linear-gradient(top, #ffffffff, #ffffff00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffffff), to(#ffffff00));
	background-image: -webkit-linear-gradient(top, #ffffffff, #ffffff00);
	 background-image: linear-gradient(to bottom, #ff334fff, #ff334f00);
  background-image: linear-gradient(to bottom, #ffffffff, #ffffff00);
}
.tora-bot, #tora-bot {
  bottom: 0em;
  position: absolute;
  content: "";
  //background-image: -o-linear-gradient(top, #ffffff00, #ffffffff);
  //background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff00), to(#ff334fff));
	//background-image: -webkit-linear-gradient(top, #ffffff00, #ff334fff);
	//background-image: linear-gradient(to bottom, #ff334f00, #ff334fff);
  background-image: -moz-linear-gradient(top, #eeeeee00, #eeeeeeff);
  background-image:  -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee00), to(#eeeeeeff));
  background-image:  -webkit-linear-gradient(top, #eeeeee00, #eeeeeeff);
  background-image:  linear-gradient(to bottom, #eeeeee11, #eeeeeeff);
  transition: all .2s linear;
  opacity: 0.4;
  filter:alpha(opacity=40);//ie8;
  //z-index: -1;
}
#tora-bot::after {
//190526background-image: url(./im/wiki_showgold.png);
background-repeat: no-repeat;
height: 1em;
width: 100%;
position: absolute;
background-position: right+10px bottom+4px;
content: "";
}
#tora-botzzz::after {
  position: absolute;
  content: "";
  background-image: linear-gradient(to bottom, #ff334f00, #ff334fff);
  z-index: -1;
  transition: all 0.7s linear;
  opacity: 0.4;;
}
#boxbar0::before {
  content: "\f065";
  color: coral;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#boxbar0 {
  background:beige;
  opacity:0.5;
  filter:alpha(opacity=50);//ie8;
  position: absolute;
  position: relative;
  display:block;
  transform:translate3d(-50%,0%,0);
  left: 50%;
  left: 4px;
  left: 0px;
  transform:initial;
  cursor:pointer;
  z-index: 3;
  pointer-events: all;
  padding: 3px;
  margin-right: 10px;
}

.listend{
display:block;
position:relative;
text-align:center;
    opacity: 0.05;
    filter:alpha(opacity=5);//ie8;
}
.spacer.top {
    display:inline-block;
    top:0px;
    top:5px;
    width: 26px;
    //transform:translate3d(-100%,-50%,0);
}
.spacer.bot  {

  bottom:0px;
  bottom: 130px;

}
.spacer  {
    display:block;
    position:relative;
    position:absolute;

    line-height: 2em;
    line-height: 1.5em;
    opacity: 0.3;
    opacity: 0;
    filter:alpha(opacity=0);//ie8;
    visibility: hidden;
    visibility: visible;

}
#envelope_box_topspacer{
width: 26px;
margin: 0 0.7em 0 0;
float: left;
position:relative;
background:beige;
visibility: hidden;
}

#envelope_box {
  display: block;
  position: relative;
	float:right;
	float: left;
	float: none;
	width: auto;
	width: 101.1%;
	width: 102.8%;
	width: 109.1%;
	width:100%;
	max-width: 110%;
	padding-right:initial;
	padding-right:10%;
	padding-right:15px;
	padding-bottom:10px;
	min-width: 99%;
	min-width: 40%;
	//max-height: 30em;
  //max-height: 50vh;
  min-height: 150%;
  min-height: 110vh;
  min-height: unset;
	height: auto;
	margin:0;
  margin: 0.2em 0.5% 0;
  margin: 0em 0.5% 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow-y: auto;
  border:1px solid transparent ;
  pointer-events: all;
  padding-bottom: 50px;
}
#envelope_box.von {
padding-bottom: 2em;
}
#envelope_box::before STOP {
    line-height: 2em;
    line-height: 4em;
    content: " . ";
    visibility: hidden;
}
#envelope_box::before STOP, #envelope_box::after STOP{
display:block;
position:absolute;
line-height: 1em;
top:-1em;
right:10px;
content: " - ";
visibility: hidden;
visibility: visible;
background-color:lightgreen;
}
.kword{
color:red;
//color:inherit;
}

#wnote .box {
	display: block;
  float:right;
  float: left;
	float: none;
	width: auto;
	max-width: 120%;
	//min-width: 40%;
	height: 40px;
	height: auto;
	position: relative;
  margin: 1% 0.5% 0;
}
.boxbar_head{
position:absolute;
position:relative;
display: block;
float:left;
float:initial;
left:0px;
background-color: white;

}

.boxcontent{
    margin: 5px 0px 1px 5px;
    display: block;
    float:left;
    float:initial;
}
div[id*="boxbar"]::after {background-image: url(./im/wiki_showgold.png);
display: inline-block;
transform: rotate(180deg);
display:none;
background-position: top 8px right 4px;
background-position: bottom 1px right 0px;
background-repeat: no-repeat;
background-size: inherit;
content: "";
//line-height: 20px;
//width: 20px;
//height: 20px;
position: absolute;
right: 0px;
//left: 95%;
}
div[id*="boxbar"] { 
	background-image: url(./im/wiki_showgold.png);
	background-position: top 8px right 4px;
  background-repeat: no-repeat;
  background-size: inherit;
  width:100%;
  cursor:copy;
  padding-right: 30px;

  width:100%;
  cursor:copy;
  padding-right: 30px;
}
div[id*="boxbar"].nolines , div.nolines[id*="boxbar"] {
cursor:text;
//background-image:url( im/null.png );
}
.code_iframe{
display:inline-block;
border:1px solid transparent ;
}
.code_iframe:hover{
border:1px royalblue solid;
border:1px solid #eeeeee;
}

.weblink  {
    color:rgb(69, 120, 175)!important;//bleuroi;
    cursor: pointer;
}
.weblink:hover  {
    color:rgb(79, 130, 195)!important;//bleuroi:windows;
}

div[id*="boxbar"] .weblink  { /*apply if a div has id like boxbar% */
	background-color: transparent;
    color:rgb(0,12,74);
}
#blob-slide {
  n-dth: %;
  max-width:%;
  max-width:150%;
  min-width:100px;
  margin:auto;
  min-height: 450px;
  height: 94vh;
}
#blob-slide.waiting {
  background-image: url(im/wait.gif);
  background-image: url(im/waiting_blueleds_anim.gif);
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 50px; 
  min-height: 50px;
  //200115width: 150px;
}
#bloblink_bt {
  padding: 3px 10px;
  width : 100%;
  background-image: url(./im/wiki_rightgold.png);
  background-image: url(./im/downloads-32.png), url(./im/downloads-32.png);
  background-repeat: no-repeat;
  background-position: left ;
  background-position-x: 1%, 99%;
  padding:5px;
  background-color:lightblue;//#B6A64B;//olive du voile;
  pointer-events: all !important;
}
#wnote .section_border, .boxbar_global_env {
  padding-bottom:4px;
  margin-top:1px;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.90);
}

.boxbar {

    //background-image: url(./im/wiki_showgold.png);
    //background-repeat: no-repeat;
    //background-position: right ;
    display: block;

    padding: 0px 0px;
}
#wnote .boxbar:hover a.boxbarnumb{
    //border: 2px solid #4F82C366;
    background-color: #4F82C366;
}
.boxbarnumb {
    cursor:pointer;
    text-align: center;
    border: thin solid #BBB;

    background: none repeat scroll 0% 0% transparent;
    border-radius: 5px;
    display: inline-block;
    width: 26px;
}
.blink {
	text-decoration: blink;
	background-color: inherit;
	    cursor: pointer;
}
.blink:hover {
	color: #55FF00;
}

.enlum {
	font-size: 12pt;
	line-height: 12pt
}
.enlum:first-letter {
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	float: left
}
.upperc {
	text-transform: uppercase
}

.formbutton {
	cursor: pointer;
	border: outset 2px #FFAA00;
	background: #FF9900;
	background-color: #FF9900;
	border-bottom: medium solid #805001;
	border-right: medium solid #A07001;
	border-top: thin solid #FFBB00;
	border-left: medium solid #FFBB00;
	color: #0033FF;
	font-weight: bold;
	padding: 2px 4px;
	/*height: 15px;*/
}

.button-wn, .wn-button {
-webkit-appearance: none;
text-align:center;
//font-size: 1rem;
font-size:0.85em;
min-height:26px;
max-height:40px;
width:100% ;
 min-width:25px;
  max-width:140px;
  padding: 1px 5px;
  margin :0px;
  cursor: pointer;
  text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
  border-top: thin solid #EEeeee;
	border-bottom: medium solid #999999;
  border-left: medium solid #EEeeee;
	border-right: medium solid #BBbbbb;
	border-radius: 5px;
	}
#homebutton {
position: fixed;//absolute;
top:30px;
margin-top:5px;
top: 0px;
margin-top: 2px;
margin-left:0px;
left:25px;
cursor:pointer;
  min-width: 32px;
  max-width: 32px;
  min-height: 26px;
  max-height: 26px;
 background-color: transparent;
  border-radius: 20%;
  border: 1px solid transparent;
  //border: 1px solid #cc0000;
}

#subthumbsafter-mask{
float: right;
position: relative;
background:beige;
background:#f1f1f1;
max-width: 100%;
width: 20vw;
width:auto;
width: 30%;
width: auto;
width: 100%;
max-height: 100%;
max-height: 80vh;
max-height: 75vh;
max-height: 58vh;
height:auto;
min-height:40px;
top:20px;
top:3px;
overflow:hidden;
border: 2px #ff6666 solid;
border-radius: 5px 5px;
margin: 3px 8px 0 1px;
margin: 3px 0px 0 1px;
z-index: 3;
}
#subthumbsafter-mask.viewon {
  position: absolute;
  position: relative;
  top: unset;

      max-height: 100vh;
    height: 98vh;
  transition: max-width 0.3s;
}
#Twnote #subthumbsafter-mask {
    max-width: 350px;
    max-width: 30vw;
    max-width: 50%;
}
#Twnote #subthumbsafter-mask.viewon {
  margin-top: 10%;
  margin-top: 10vh;
    max-height: 80%;
  max-height: 60vh;
  max-width: 95%;

}
#subthumbsafter-mask.viewcol {
    position: fixed;
    top: 35%;
    max-width: 20%;
    max-width: 40%;
    right:0;
    -webkit-transition: transform 0.3s;
    -moz-transition:transform 0.3s ;
    transition: transform 0.3s;
}
#subthumbsafter-mask.sidepacked{
    position: fixed;
    top: 35%;
    max-width: 20%;
    right:0;
  transform:translate3d(-50%,0%,0);
  -webkit-transform: translate3d(90%,0%,0);
  -moz-transform: translate3d(90%,0%,0);
  -ms-transform: translate3d(90%,0%,0);
  -o-transform: translate3d(90%,0%,0);
  transform: translate3d(90%,0%,0);
  z-index: 3;
  transition: transform 0.3s;
}
#thumbsafter_add {
cursor:url("im/input_pointer.cur.ico"),auto ;
font-weight: inherit;
font-weight: 800;
display:inline-block;
float: left;
vertical-align:bottom;
border: 1px solid #dedede;
border-radius:2px;
line-height:15px;
}
#subthumbsafter_add{
margin 0 auto 0 auto;
background-color:transparent;
background-color:coral;
padding:60px 40px;
padding:initial;
width: 100%;
}
#subthumbsafter_caption{
position:relative;
float:right;
float:left;
width: 100px;
max-height: 20px;
max-width: initial;
max-height: initial;
line-height: 15px;
line-height: 18px;
line-height: inherit;
vertical-align: middle;
vertical-align: bottom;
font-size: x-small;
color: #ffd700dd;
color: coral;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
}
#subthumbsafter_close{
right:0;top:0;
position:absolute;
position:relative;
float:right;
cursor:pointer;
color: #ff6666;
border-left: 1px solid;
border-bottom: 1px solid;
border-radius: 3px;
z-index:300;
}
#subthumbsafter_more-up {
height: 12px;
height: 15px;
line-height: 30px;
line-height: 15px;
color: #ffd700b3;
top: initial;
float:left;
margin-top: 0px;
vertical-align:middle;
cursor: n-resize;
}
#subthumbsafter_more-dn{
height: 30px;
height: 40px;
bottom: 10px;
bottom: 0px;
margin: 0 0px;
background-image: url(./im/wiki_showgold.png);
background-position: bottom 4px center;
background-repeat: no-repeat;
cursor: s-resize;
}
.hazyer, #subthumbsafter_more{
z-index: 888;
text-align: center;
background-color: #90ee9099;//lightgreen0.3;
background-color: #ffffffaa;
width:auto;
width: 100%;
min-width:20px;
min-width:15px;
min-height: 10px;
position: relative;
position: absolute;
float: left;
opacity: 0.7;
opacity :initial;
pointer-events: all;
cursor: row-resize;
cursor: pointer;
}
#subthumbsafter{
position: absolute;
width: 49%;
top:5%;
cursor:ns-resize;
padding :6px 4px;
}
.targeted {
background: #195e80e6;
background-color: #lightyellow !important;
color: coral;
}
.thumb_after, .elements_item{
    //background-image: url(./im/wiki_rightgold.png);
    //background-repeat: no-repeat;
    //background-position: right ;
    //display: block;
    background-color: inherit !important;
    z-index: 401 ;
    cursor:pointer;
    //padding: 2px ;
    margin:0px;
    //padding:0.5em;
    width:100%;
}
.elements_checkbox{
position: relative;
display: inline-block;
margin-left: 5px;
margin-right: 10px;
vertical-align: bottom;
}
.linkbar {
//background-image: url(./im/wiki_rightgold.png);
//background-size: 3% 50%;
//background-size: 0.4em 0.6em;
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-color: white;
display: block;
margin: 0 0 3px 0px;
padding: 0.5em;
width:100%;
font-size: 0.8em;
border: 1px gray solid;
border-radius: 3px 3px;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
.linkbar:hover  {
  }
.linkbar:active  {
    background-color:lightblue; /*url(./im/wiki_rightgold.png);*/
}
.linkbar + hr{
//display:none;
opacity:0.01;
filter:alpha(opacity=1);//ie8;
pointer-events: none;
cursor:initial;
cursor:none;
}
#isthumblist + hr{
//display:none;
opacity:0.01;
filter:alpha(opacity=1);//ie8;
}
.containerlinkbar {
    background-image: url(./im/wiki_showgold.png);
    background-repeat: no-repeat;
    background-position: right ;
    display: block;
    cursor:pointer;
    margin:0px 10px;
    /*padding: 0px 30px 0px 0px;*/
    /*display: block;*/
}
.linkb.stop:before{
background-color:transparent;
content:"\2192";//rarr:css-conversion;
//text-indent: 30px;
padding:20px;
//padding:0px;
//margin:0 -20px 0 -10px;
border:0px;
}
.linkb {
//display: inline-block;
//display: block;
overflow: hidden;
white-space: nowrap;
word-break: keep-all;
text-decoration: none;
line-height:100%;
font-size:80%;
background-color:#EEEEFF;
border-top: 2px solid #D0E0F0;
border-left: 2px solid #B0D0E0;
border-right: 2px solid #90B0C0; ;
border-bottom: 2px solid #88AACB;
border-radius: 4px;
padding: 0px 4px !important;
margin: 0px 0px;

}
.linkb a:hover {
  color: #FF5555;
  FONT-WEIGHT: bold;

  }
#bt_new{
opacity:0.6;
visibility:hidden;

}
.redb{
color:white;
background-color:#cc0000 !important;
font-family: "Comic Sans MS", cursive, sans-serif;
font-family: inherit;
 border-top: thin solid #EECC00;
	border-bottom: medium solid #996600;
  border-left: medium solid #EECC00;
	border-right: medium solid #BB7700;

}
.blueb{
	color: yellow;
	background-color: #2244FF;

}
.colorb{
color:white;
background-color:#cc0000;
background: #cc0000;
}
.goldb{
/* margin:20px 4px 0px 10px;*/
color:white;
background-color:#ccff00;
background: #ffbb00;
/*text-color:gold;*/
/*text-color:rgb(207, 188, 80);= couleur mordoree*/
/*font-weight:bold;*/

}
.tinybutton {
	/*color: yellow;*/
	text-decoration:none;
	color: rgb(100, 220, 238) !important;
	background-color: #2244EE;
	background-color: #4F82C3;;
 background-color: #232AF8B3;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding:0px 3px !important;
	border:1px transparent;
  border-radius:3px;
position: relative;
display: inline-block;
width: auto;
max-width: 100px;
max-width: 45vw;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: green;
cursor:pointer;
	}
.tinybutton:active {
color: gold !important;
border-bottom:1px transparent solid;
}
.hover_parent  {
  text-decoration: none;
  color: gold !important;/*#64DCEE !important;*/
  background-color: transparent ; /*#24E;*/
  font-size: 60%;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: lighter !important;
  padding: 2px !important;
  border: 1px solid gold;
  border-radius: 3px;
  margin: 2px !important;
  }
.scrollb { /*PGUP PGDN*/
display:none;
 display: block;
position:fixed !important;
opacity:0.4;
filter:alpha(opacity=40);//ie8;
 z-index:5000;
  z-index:1000;
border-radius: 6px ;
  width: 20px;
  height:45px;
  background-color: gold ; /*#F2F1E8;*/
  padding:0px;
	color: red;
	font-size: 0.6em;
	 text-align:center;
	font-family: Arial;
	font-weight:900;
	}

#gopgup.scrollb {
  opacity: 0.6;
  filter:alpha(opacity=60);//ie8;
  top:30% !important;
  right:8px;
 
}
#godown.scrollb {
  opacity: 0.6;
  filter:alpha(opacity=60);//ie8;
  bottom:1%;
    bottom: 50px;
    right: 8px;

}
.emptyredbutton{
	padding: 4px 2px 0px 0px;
	color: transparent;
	background-color: #CC0000;
	border-bottom: medium solid #930101;
	border-right: medium solid #930101;
	border-top: thin solid #E57F7F;
	border-left: thin solid #E57F7F;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 20px;
	height: 15px;
	cursor: pointer;
}
.emptyredbutton:hover {
  background-color: #00AA00;
	//color: #00AA00;
	width: 20px;
	height: 15px;
}
.emptyredbutton:active {
	border-bottom: thin solid #930101;
	border-right: thin solid #930101;
	border-top: thin solid #E57F7F;
	border-left: thin solid #E57F7F;
  background-color: #FF0000;
	color: #00AA00;
	font-size: 1%;
	width: 18px;
	height: 15px;
}
.emptygreenbutton{
	padding: 4px 2px 0px 0px;
	color:  transparent;
	background-color: #00AAFF;
	border-bottom: medium solid #006601;
	border-right: medium solid #006601;
	border-top: thin solid #66BB66;
	border-left: thin solid #66BB66;
	font-size: 1%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 20px;
	height: 15px;
	cursor: pointer;
}
.emptygreenbutton:hover {
	background-color: #00CC00;
	//color: #00CC00;
	width: 20px;
	height: 15px;
}
.emptygreenbutton:active {
	background-color: #00CC00;
	color: #00CC00;
	width: 18px;
	height: 15px;
}

.remindline {
  display:table-row;
	border: 2px solid rgb(207, 188, 80, 0.7);
	background-color: rgb(255, 255, 255);
	background-color: #eeeeee;
	position:relative;

}

#TrappSTOP{
position: absolute;
top: 20%;
display: block;
width: 100%;
max-width : 99%
left: 0.5%;
right: 0.5%;
}

#Trapp {
position: absolute;
top: 2%;
top: 33px;
display: block;
width: 100%;
max-width : 99%
padding-left: 0.5%;
padding-right: 0.5%;
float: left;
position: relative;
clear: both;
z-index:20000;
}
#ringform{
width: 100%;
display: table;
}
#Trapp_caption {
margin:0 25% 0;
color:#4F82C3;;//bleu roi;
font-weight: bold;
}
.ringleft {
  display: inline-block;
  display: table-cell;
	min-width: 100px;
	max-width: 150px;
	width: 20%;
  opacity: 0.7;
  background: #eeeeee;
  border:2px white solid;
  padding: 2px;
}
.ringdate {
	white-space: nowrap;
	white-space: initial;
  text-overflow:ellipsis;
  overflow:hidden;
  vertical-align:middle;
  font-size: x-small;
}
.ringfield {
  color: #444444;
  max-width: 100px;
}
.ringtext{
  display: table-cell;
  width: 80%;
  	font-weight: normal ;
  	opacity: 0.8;
  	opacity: 0.9;
  	background: #eeeeee99;
  	border:2px white solid;
  	padding: 2px;
   font-size: small;
}
.ringtext a {
   font-weight: normal ;
}
.ringtext a:hover, .ringtext a:active {
  	  	opacity: 1;
}
.ringtext.redremind a {
   font-weight: 600 ;
}
.redremind {
  color:#CC0000;
  font-weight: 600;
 }

#ringima {
  float:right;
}
h1 {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-family : "Segoe UI", Arial, Helvetica, sans-serif;
	font-family: Quicksand, system, Arial, sans-serif;
	font-size : 1.4em;
		font-size : initial;
	margin-top : 2em;
	margin-top : initial;
}
h2 {
	font-family : "Segoe UI", Arial, Helvetica, sans-serif;
	font-family: Quicksand, system, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #00406D;
    color: #404050;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 1em;
    margin-top: 0;
}
h3 {
	/*color : #990000;*/
	/*background: #3355AA;*/
	font-family : "Segoe UI", Arial, Helvetica, sans-serif;
	font-family: Quicksand, system, Arial, sans-serif;
	font-size : 1.4em;
	/*margin-left : +1%;*/
	margin-top : 2em;
	margin-top : 0em;
	margin-top : initial;
}
input {
	font-family: Arial, sans-serif;
	color:#0033FF;
}
input[type=text] {
	font-family: Arial, sans-serif;
	background-color: #FFFFDD;
	color:#555;/*#0033FF;*/
}
input[type=submit]:hover {
	/*background-color: #FFCC00;*/
	color: #00aaFF;
}
#Togglers_Box, #Box_toggler {
	background-color:  rgb(0,12,74);/*#FFFFEE;*/
	color:gold;/*#0033FF;*/
	/*font-family:arial;*/
	/*font-size:18;*/
}
#Bottom_Box {
	background-color:  rgb(0,12,74);/*#FFFFEE;*/
	color:gold;/*#0033FF;*/
	/*font-family:arial;*/
	/*font-size:18;*/
}
.textarea {

	background-color: #FFFFEE;

	color:#555;/*#0033FF;*/
	/*font-family:arial;*/
	font-size:18;
}
#f_mail{
width:100%;
text-align:right;
}
#f_mail input, #f_mail textarea{
width:100%;
}
#f_mail input#mailfrom, #f_mail input#mailto, #f_mail input#mailobj {
width:80%;
}
#edit_title {
    font-size: small;
    font-weight: bold;
    width: 85%;
    margin-left: 20px;
    margin-right: 5px;
    position: relative;
    margin-bottom: 3px;
    background : #f9f99d;
}
#ta_texte ,#edit_text_area{
  width:92%;
      width: 100%;
  height190212:auto;
  height: 80%;
  max-height: 43vh;
  min-width: 85%;
  overflow: auto;
  opacity: 1;
  overflow:auto;
  cursor : initial;
}

.gray {
background-color: snow;
color:silver;}
.black {color:#000000;}
.brick {color:#CC0000;color:#b23f33;}
.sea {color:DarkCyan;}
.gold {color:#ffcc00;}
.turquoise {color:Turquoise  ;}
.royal {color:DodgerBlue ;}
.bold {font-weight:bold;}
.pink{color:HotPink;}
.bg {background-color: #ffffb8}
.yellover {background-color: #ffff99}
.ico {
padding:0 0 0 40px; margin: 0 0 0 1px; display:inline-block;
height:32px;
background:url('im/mid_bluepod.png') ;
background-origin:padding-box;
background-repeat:no-repeat;
}
#Trow2{
position:relative;
position:absolute;
left: 10%;
left: 8%;
width: 90%;
display:table;
padding:0px;
z-index:100;
}
#searchtable-col1{
width:6%;
min-width:70px;
min-height:45px;
text-align:left;
vertical-align:top;
}
#searchtable-col2{
width:45%;
min-height:45px;
padding-right: 10px;
vertical-align:top;
}

#searchtable-col3,#searchtable-col4, #searchtable-col5{
width:15%;
text-align:center;
}
#searchtable-col6{
width:2%;
min-height:45px;
text-align:left;
padding:0px 2px;
vertical-align:top;
}
.statusinfo, #statusinfo {
width:15%;
min-width:70px;
max-width:100px;
text-align:center;
font-size:1rem;
color:red;
}
#searchframe { /*id="searchframe" pas class! */
/*background-color: rgb(0,12,74);
background: ;
$searchform_bg et $formbasbackground  et$usercolor1 #ffeeaa; definis dans custom.php*/
}
#logopanel, .logopanel {
margin: 0% 0% 0% 0%;
display:block;//table-row;
position:absolute;
border-collapse: separate;
  empty-cells: show;vertical-align:top;
  width:100%;
  height:100% ;
  text-align:center;
  background-color: #ffeeaa;
  background-color: rgb(0,12,74)  ;
  background-color:lightblue;
  background-color:#4F82C3;//bleu roi;

  background-origin: initial;//padding-box
  background-origin: border-box;


  background-size:100% 20%;
  background-size: 100% ;
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-position:right bottom;
}

#searchbar, .searchicon {
  display:inline;
  opacity:0.99;
  width:2em;
  width:100%;
  margin-left: 6px;
  background:#ffdddd66;
  background: transparent;
  background:#dddddd44;
  background:#dadada44;
  background:#fafafa url('im/searchmagnitrans.png') no-repeat scroll right +3px  ;
  font-size:;
  border-radius: 5px;
}
#searchbar::STOPafter{
content:url('im/searchmagnitrans.png');
width:2em;
background:#ffffff url('im/searchmagnitrans.png') no-repeat scroll right +3px  ;
}

#searchbar:STOPfocus {
width:100%;
color:#0077cc;
opacity:1;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition:all 0.2s ease;
}
#adminbar {
position:absolute;
margin-top:20px;
margin-top:23%;
margin-right:10px;
width:80%;
background-color: #ffeeaa;
/*background: ;*/
text-align:center;
z-index:1000;
border-radius: 5px;


}
#msg{
color:red;
font-size:xx-small;
}
#versioninfo{
position:fixed;
position:absolute;
top:4%;
top:42px;
right:0;
font-size:x-small;
color:#90ee90cc;
opacity:0.6;
filter:alpha(opacity=60);//ie8;
z-index:10001;
}
#Ttitle{
  position: fixed;
    top: 65px;
    top: 75px;
    top: 0px;
    top: 23%;
    position: absolute;
    position:relative;
  padding:2px;
  color: gold ;
  background-color: rgb(0,12,74)  ;
  background-color:transparent;
  background-color:white;
  background-color:#90ee90cc;
  text-align: left;
  vertical-align: top;
  overflow:auto;
}
#Ttitle.Ttitle{
background-color: rgb(0,12,74)  ;
opacity: 0.90;
opacity:1;
}
/*
    #title_wnote{

    background:transparent;
    background-color: rgb(0,12,74)  ;
    //background:#90ee90cc;
    //background:lightblue;
    overflow:hidden;
        width: auto;
        height: auto;
        //white-space: nowrap;//empeche le inline-block;
        font-size: 1.2em;
        //vertical-align: middle;
        vertical-align: top;
        text-decoration: none;
        font-weight: bold;
        //cursor: ns-resize;
        padding:4px 2px 0 2px;
        padding:4px 2px 0 0px;
    }
*/
#title_wnote a, #title_wnote_a {
background-color: rgb(0,12,74)  ;
padding:0px;
padding:3px 5px;
font-weight: bold ;
font-size: 1.1em;
margin-top:0px;
margin-top:inherit;
display: inline-block;
    vertical-align: inherit;
}
#div_subthumbsbefore {
cursor:ns-resize;
background-color:#eee;
}

#div_subthumbsafter171101 {
	display: inline-block;
  position: absolute;
	position: relative;
	opacity: 1;
  top: 80px;
	top: initial;
	left:initial;
  left: 0px;
	right:-10px;
	right:-10%;
	right: initial;
	margin:0 0px 0 0 ;
	padding: 6px 5% 6px 1%;
  padding: 6px 12px 6px 4px;
  padding: 6px 10% 6px 1%;
 	float:right;
	float:initial;
	float: left;
	width: 100%;
	width: 110%;
	max-width: 260px;
	max-width: 30vw;
	max-width: initial;
	height: auto;
	max-height:300px;
	max-height: initial;
color : #555 ;
	background: #efefef;
	cursor: initial;
	/* pointer-events: none; */
	pointer-events: all;
	overflow: auto;
}

#div_subthumbsafter {
  //box-sizing: content-box;
	display: inline-block;
  position: absolute;
	position: relative;
	opacity: 1;
  top: 80px;
	top: initial;
	left:initial;
  left: 1%;
  right:12%;
	right:-10px;
	right:-12%;
	right: initial;
	margin:0 0px 0 0 ;
	padding: 0px 0% 0px 0%;
  padding: 6px 10% 6px 1%;
  padding: 1px 18% 6px 1%;
  padding: 11px 18% 6px 1%;
 	float:right;
	float:initial;
	width: 100%;
	width: 116%;
	max-width: 260px;
	max-width: 30vw;
	max-width: initial;
	height: auto;
  max-height: initial;
	max-height:300px;
	max-height:70vh;//190526;
	max-height:74vh;
 
	
color : #555 ;
	background: #efefef;
	cursor: initial;
	/* pointer-events: none; */
	pointer-events: all;
	overflow-y: scroll;
}

#div_subthumbsafter_before{
content:"\2A2D";
 content: attr(was);
content:"+stop ";
background-color:inherit;
padding:0px;
 pointer-events: all;
}

#addobcard_modal{
min-width: 120px;
}

#divthumbsafter_add {
	display: inline-block !important;
}

#wnote .in_mainr {
	//float: left;//171019 pouprusses;
	margin-right: 20px//190610;
	max-height: 70vh;
	height:auto;
	position: absolute;
	position:relative;
}

model[title=subthumbsafter]:before{
display:block;
content:"\2A2D";
content:"+";
background-color:inherit;
padding:0px;
background-color:inherit;
background-color: white;
display: block;
cursor: pointer;
margin: 0px;
padding: 0.5em;
font-size: x-small;
border: 1px gray solid;
border-radius: 3px 3px;
width:auto;
}
model[title=subthumbsafter]:hover:before{
position:relative;
//float:right;
content:"rarr \2192";
content:"plus in demicercle \2A2D \2A2E non universel";
content:"heavy PLUS \271A";
content:"\271A :DoubleClick";
max-width:95%;
width:auto;
//margin-right:35%;
margin-left:0%;
overflow:hidden;
background-color: rgba(253, 157, 157, 0.37);
text-decoration:bold;
}

#membersub .thumb{
position:relative;
opacity:1;
display:inherit;
display: inline-block;
display: block;
vertical-align: bottom;
width:80%;
width: 90%;
width:initial;
width: 100%;
max-width:90vw;
min-width:30vw;
min-width:initial;
padding-right:25px;
}
#membersub .thumb_opened .thumb_dd{
background-color:white;
}
#membersub #envelop_thumb.thumb{
background-color:white;
background-color: rgb(0,12,74)  ;
color:gold;
padding-right:0;
}
#membersub #envelop_thumb.thumb:hover, #membersub #envelop_thumb.thumb.red{
background-color: rgb(69, 120, 175);//light royalblue;
background-color: rgb(79, 130, 195);
  background-color:#4F82C3;;//bleu roi;
border-radius:6px;
}
#membersub .thumb_dd{
position:relative;
position:absolute;
top:1px;
right: 0px;
opacity:1;
display:none;
display:inherit;
display: inline-block;
display: inline;
width: 100%;
width: 20px;
height: auto;
height: 100%;
vertical-align:top;
padding:5px;
//line-height: 27px;
font-size:x-small;
color: gray;
background-color: lightgray;
background-color: inherit;
cursor: pointer;
cursor: zoom-in;
overflow: hidden;
border-radius:0 3px 0 0;
}
#membersub .thumb_dd:active{
  border-color:gold;
}
#membersub #level-up.thumb_dd{
  cursor: pointer !important;
  font-size:1.2em;
  font-size:1em;
  color:gold;
  background-color: rgb(0,12,74)  ;

}
.title_wnotescard {
	color: gold;
	background-color: rgb(0,12,74);//#9999FF;
}

.thumb {
margin: 0px 0px -0px 0px;
color : #555 ;
background:white;
text-decoration:none;
border-radius: 4px 4px 2px 2px;//border-radius: 6px 6px 6px 6px ;
  padding:1px 6px;
//float: left;
display: inline-block ;
white-space:nowrap;
white-space:normal;
cursor: pointer;
/*height:46px;
  border-top: 2px solid #cccccc ;
  border-right: 2px solid #eeeeee;
  border-left: 2px solid #aaaaaa;
  border-bottom: 2px solid #e0e0e0 ;
  */
}

.thumb.thumb_opened {
  background:white;
  color : red;
  text-decoration:none;
  font-weight: bold;
  border-radius: 4px 4px 0px 0px;
  border-top: 2px solid #cccccc ;
  border-right: 2px solid #eeeeee;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ffffff;
  padding:1px 6px;
  //margin: 0px 0px -0px 0px;//margin: 3px -3px 0px -3px;
/*font-size:1.05em;*/
/*border-bottom: 4px solid #ffffff;*/
}
.thumb.thumb_closed:hover {
  background-color:coral;
  background-color:lightblue;
  border-color:#4F82C3;//bleuroi;
  border-color:lightblue;
}


#morethumb , .thumb_more {
 display:inline-block;
 //display:none;
 color:blue !important;
 background-color:transparent;
 cursor:pointer;
 vertical-align:bottom;
}
.thumb_more:hover {
 //border: red 1px solid;
 //border-radius:5px;
 //margin:3px;
 color:red !important;
  vertical-align:bottom;
  //-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  //transform: rotate(180deg);
}
.thumb.thumb_closed {
background-color: #ffeeee; /*#f0f0f0; #e0e0e0;*/
 background-color: #ddd;
  text-decoration: none;
  color: #555;
  opacity: 0.99 !important;
  FONT-WEIGHT: bold;
  border-top: 2px solid #cccccc ;
  border-right: 2px solid #aaaaaa;
  border-left: 2px solid #aaaaaa;
  border-bottom: 2px solid #ddd;// border-bottom: 2px solid #e0e0e0 ;
  padding:1px 6px;
  //margin: 0px 0px -4px 0px; //margin: 0px -3px; //margin: 3px -3px 0px -3px;
  //cursor:pointer;
}
.thumb_main {
  padding :3px 6px 1px 6px;
  border-radius: 4px ;
  border: 1px solid transparent;
  cursor:pointer;
 }
.thumb_main:hover, .thumb_main:focus {
  border: 1px solid rgb(0,12,74);
  border: 1px solid gray;
 }
.thumb.thumb_opened.thumb_main {
    position: absolute;
    background-color: transparent;
    background-color: rgb(0,12,74)  ;
    bottom: 0px;
    border-color: rgb(0,12,74)  ;

 }
.thumb.thumb_closed.thumb_main {
 background-color: transparent;
 border:0px;
 color: gold;
 color: blue;
 }

.thumb.thumb_closed.hidden, .hidden{
 display:none;
}

#Twnote .thumb{
display: block ;//160213;
}

.xclass_hidden{
 display:none;
 color:gold !important;
}

.bulleux{
color:green;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPgogICAgPHBhdGggZD0iTTEwLjA5IDE1LjU5bDEuNDEgMS40MSA1LTUtNS01LTEuNDEgMS40MSAyLjU4IDIuNTloLTkuNjd2Mmg5LjY3bC0yLjU4IDIuNTl6bTguOTEtMTIuNTloLTE0Yy0xLjExIDAtMiAuOS0yIDJ2NGgydi00aDE0djE0aC0xNHYtNGgtMnY0YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0ydi0xNGMwLTEuMS0uOS0yLTItMnoiLz4KPC9zdmc+Cg==);
}
.bul{
color:pink;
background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPgogICAgPHBhdGggZD0iTTEwLjA5IDE1LjU5bDEuNDEgMS40MSA1LTUtNS01LTEuNDEgMS40MSAyLjU4IDIuNTloLTkuNjd2Mmg5LjY3bC0yLjU4IDIuNTl6bTguOTEtMTIuNTloLTE0Yy0xLjExIDAtMiAuOS0yIDJ2NGgydi00aDE0djE0aC0xNHYtNGgtMnY0YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0ydi0xNGMwLTEuMS0uOS0yLTItMnoiLz4KPC9zdmc+Cg==);
background-size: contain;
}

.calendar_icon {
  background-image: url(lib/svg/Schedule_or_Calendar_Flat_Icon.svg);
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-color: rgb(0,12,74)  ;
  border-radius: 5px;
}

#blonot {
position: absolute;
top: 20%;
height : 70%;
display: block;
max-width : 99%
}
#searchshadow {
position: absolute;
height: 20%;
display: block;
max-width : 100%
}

#searchpanel, .floating-menu  {//correspond au #searchpanel
display:block;
position:fixed;
position:absolute;
    background-image: url(im/Rafale_bandeau.jpg)!important;
    background-image: url(im/ermitage_paysbasque.jpg)!important;
    background-image: url(im/ciel_nuages.jpg)!important;
    background-image: url(im/)!important;

z-index:400;
    z-index: 1000;
margin:0px auto;
top:0px;
height:100%;
height:19%;
height:20%;
max-height:120px;
max-height:100%;
width:100%;
vertical-align:top;
/*max-width:500px;*/
  background-color: #ffeeaa;
  background-color: rgb(0,12,74)  ;
  background-color:#90ee90cc;
  background-color:#4F82C3;;//bleu roi;

  background-origin: initial;//padding-box
  background-origin: border-box;


  background-size:100% 20%;
  background-size: 100% ;
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-position:right top;
  background-position:right bottom;




}

#menupanel {//container de logopanel

position:absolute;
display: table-cell;
//display:block;
z-index:-1 !important;//sinon masque search ;
top:0px;
left: 0px;
margin:0px auto;

width :100% ;
//width: px;
height:100% !important;
//min-height: 10px;
max-height: 200px;

padding: 0px; 10px;
color: #C00;
cursor:pointer;
font: bold 16px Helvetica,Arial,sans-serif;
text-align:center;
vertical-align:middle;


//background-color: #ffeeaa;
background-size: 100% 100%;
background-repeat:no-repeat;

}

/*------------------*/
#mainmain{

    opacity:1;
    //position: relative;
    position:absolute !important;
    top:0%  !important;
    //border:gray 1px solid;
    //padding:40% 200px;
    padding:0 9% 0 0%;//transition!;
    height : 102%;
    width: 110%;

    word-wrap:break-word;
    //word-break: normal|break-all|keep-all|initial|inherit;
    word-break: keep-all;

    //overflow: scroll;
    //overflow-x: hidden;
    //overflow-y: scroll;
    overflow: hidden;
    background-color:white;
    color : #222;
    text-decoration:none;
    //border: 1px solid red;
    //border:transparent 440px solid;
    //border-radius:50%;
    transition:  .2s padding;

}
#mainmain-mask{
   overflow:hidden;
   //top: 35%;
   right : 1%;
    width: 98%;
    height: 98%;
    border: 6px solid lightgray;
    position: fixed; // absolute;
     position: absolute;
    display:block;
    opacity:1;
    z-index: 1400;
}

#mainr {

    opacity:1;
    //position: relative;
    position:absolute !important;
    top:5%  !important;
    //border:gray 1px solid;
    //padding:40% 200px;
    padding:0 9% 0 0%;//transition!;
    height : 102%;
    width: 110%;

    word-wrap:break-word;
    //word-break: normal|break-all|keep-all|initial|inherit;
    word-break: keep-all;

    //overflow: scroll;
    //overflow-x: hidden;
    //overflow-y: scroll;
    overflow: hidden;
    background-color:white;
    color : #222;
    text-decoration:none;
    //border: 1px solid red;
    //border:transparent 440px solid;
    //border-radius:50%;
    transition:  .2s padding;

}
#mainr-mask, #mainr-mask.hide {
   overflow:hidden;
   top: 0%;
   right : 0.1%;
    width: 2%;
    height: 2%;
    border: 6px solid lightgray;
    position: fixed; // absolute;
    display:block;
    opacity:0.1;
    z-index: 1400;
}
#mainr-mask.show , #mainr-mask:focus {

    top:6%;
    z-index:1400;

    height: 94%;
    width: 100%;// !important;

    opacity:1;
    transition:width .8s linear       , opacity 3s ;
   -webkit-transition:width .8s linear , opacity 3s ;
   -moz-transition:width .8s linear   , opacity 3s ;

    border: 2px solid lightgray;
}
#mainr-mask.draw33  {

    top:30%;
    z-index:500;

    height: 60%;
    width: 33%;// !important;

    opacity:1;
    transition:width .8s linear       , opacity 3s ;
   -webkit-transition:width .8s linear , opacity 3s ;
   -moz-transition:width .8s linear   , opacity 3s ;

    border: 2px solid lightgray;
}
#mainr:hover{

    //padding:0 9% 0 0;
    border:transparent 0px solid;
    //border-radius:0;
    z-index:400;
    opacity:1 ;//!important;
   -webkit-transition: 0.4s ease all;
   -moz-transition: 0.4s ease all;
   transition: .4s ease all, .4s padding;

}
/*--------------block membersub----*/
#children{
    padding-left:0px;
    position:relative;
    display: inline-block;
    display: block;
    left:100px;
    left:50px;
    left:5%;
    left:0;
    margin-left:50px;
    margin-left:0px;
    float:left;
    float:initial;
    width: auto;
    width: 100%;
    width: 90%;
    background-color: darkblue ;
    background-color: rgb(0,12,74)  ;
}

#membersub-mask.opened{
//margin-bottom: 4px;
}
#membersub-mask{
display:none ;
position: absolute;
position: initial;
position: relative;
//top: 15%;
margin-left:20%;
margin-left: 53px;
margin-left: 0px;
float:left;
float:171129;
width: 100%;
width: 30%;
width: auto;
height:120px;
height:auto;
height:100%;
overflow: auto;
display: inline-block;
padding:124px 2px 0 2px;
padding:4px 2px 0 2px;
background:coral;
background-color:white;
background-color:transparent;
background-color: rgb(0,12,74)  ;
vertical-align: bottom;
vertical-align: top;
	padding: 3px 3px 0 ;
	border: 2px solid gold;
	border-bottom: 0px;
	border-radius: 3px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin:1px 5px 0 5px;

}
#membersub .thumb_main.thumb_closed{
opacity:.1;
display:none;
display:inherit;
visibility:hidden;//conserve espace occupé;
visibility:visible;
}

#membersub {
	background-color: transparent;
}

#membersub ul li{
float:initial;
float: none ;
float:left;
display: inline-block;
display:block;
vertical-align: bottom;
}

#membersub_toggler:checked ~* #Twnote {
 opacity:0.1;
 }
#membersub_togglerSTOP ~* #Twnote {
 opacity:1;
 }
#membersub_toggler:checked ~* #membersub a.thumb.thumb_closed {
 display: inline-block;
 }
#membersub_togglerSTOP ~ * #membersub .thumb_closed {
 display: none;
 }
.von , .von *{
opacity:1;
min-width:1vw;
min-height:1vh;
min-width:unset;
min-height:unset;
width:100%;
height:100%;
width: auto;
height: auto;
}
.voff, .voff * {
opacity:0;
min-width:0vw;
min-height:0vh;
width:0px;
height:0px;
transition: height .3s;
}
#envelope_box_mask.viewoff.vif, #envelope_box_mask.viewoff .vif  {
opacity:1;
position: absolute;
position: fixed;
position:relative;
display: block;
display: inline-block;
left:3px;
}
#envelope_box_mask.vif, #envelope_box_mask .vif  {
position:relative;
position: absolute;
opacity:0.2;
opacity:0;
display: block;
display: inline-block;
}
.calc_notel {
max-height: calc((100vh - 185px)/5);
}
bviewSTOP #index_msg_mask.von, bviewSTOP #index_msg-mask.von {
overflow:hidden;
position:fixed;
right:0px;
top:0%;
display:block;
opacity:1;
width:4%;
height:2%;
border:5px gold solid;"
}

#index_msg_mask.von, #index_msg-mask.von {
    position: fixed;
    right: 0px;
    top: 0%;
    display: block;
    opacity: 1;
    width: 80%;
    height: 80%;
    border: 5px solid gold;
    overflow: auto;//190420:none;
}
#index_msg_mask , #index_msg-mask {
    position: fixed;
    display:block !important;
    width: 5%;
    width:20px;width:190404;
     width:auto;
    min-width:30px;
    min-height:50px;
    height: 10%;
    height: auto;
    top: 17%;
    top: 5vh;
    right : 28px;
    opacity:0.1;
    z-index: 1001;
    overflow:hidden;
    border: 3px solid yellow;
    -webkit-transition:all 1.0s ease;
    -moz-transition:all 1.0s ease;
    transition: all 1.0s ease;
}
.ifr_mask {
  position: relative;
  display: block;
  display: inline-block;
  max-width: 50%;
  max-width: initial;
  overflow: auto;
  transition: width ease 0.5s;
  width:0px;
  height:0px;
}
.ifr_mask.von {
  padding: 1px;
  border: 1px lightgreen solid;
  border-top: 15px lightgreen solid;
  height: auto;
  width:35px;
  height: 35px;
}
.ifr_mask:hover.von {
  padding: 1px;
  border: 1px lightgreen solid;
  border-top: 15px lightgreen solid;
  height: auto;
  width : auto;
}
.ifr.von {
  width: auto;
  height: auto;
    width: 100%;
  height: 40px;
  height:40px;
}
.ifr_mask:hover .ifr {
  display: inline-block !important;
      width: 100%;
  height: 100%;
  height:350px;
  width: 100vw;
  max-width: 100%;
  transition: width ease 0.5s;
}
.ifr {
  position: relative;
  display: block;
  max-width: 0;
  width: auto;
  width: unset;
  width: initial;
  height: 0;
  height: auto;
  height: unset;
  padding: 0px;
  border: 1px beige solid;
  border-top: 5px beige solid;
  overflow: auto;
  transition: width ease 0.5s;
}
.litpop_mask {
    //position: fixed;
    position:relative;
    display:block;
    //width: 5%;
    //width:20px;width:190404;
    width:auto;
    min-width:30px;
    min-height:30px;
    //height: 10%;
    height: auto;
    //top: 17%;
    top:0px;
    right : 28px;
    opacity:0.3;
    z-index: 1001;
    overflow:hidden;
    border: 3px solid yellow;
    -webkit-transition:all 1.0s ease;
    -moz-transition:all 1.0s ease;
    transition: all 1.0s ease;
}
.litpop_mask:active, .litpop_mask.active {
    opacity:1;
    max-width:100vw;
}

.litpop_mask:hover, #index_msg_mask:hover{
 opacity: 0.98;
}
 #index_msg_mask:hover {
 right:0px;
 left: 0px;
  min-width:70px;
 }
.litpop_mask:active, .litpop_mask.active, #index_msg_mask:active, #index_msg_mask.show {
    opacity:0.99;
    max-width:100%;
    max-width:100vw;
}

.litpop_mask:active .litpop , .litpop_mask.active .litpop , #index_msg_mask:active #index_msg, #index_msg_mask:active #index_msg.litpop{
display: block;
width:40px;
width:100%;
}
.litpop_mask:hover .litpop:hover , .litpop_mask.hover .litpop.hover ,
#index_msg:hover,
#index_msg:hover #ifr_index_msg {
  position:relative;
  display:block;
  width: auto;
	width: 90%;
	width: 100vw;
	min-width:400px;
  min-height:500px;
  min-height:93vh;
  padding-right: 1px;
	padding-left: 1px;
  transition: all 0.1s ease;
  left:2px;
  right:0px;
  overflow: hidden;
}

#index_msg:hover #ifr_index_msg{
  width: auto;
  width: 90%;
  width: 95vw;
  min-width:600px;
  min-width:calc(100vw - 1px);
  left: 0px;
  right:unset;
  position: relative;
  overflow: hidden;
  min-height:450px;
  min-height:85%;
  height: calc(100% + 8px);//espacement necessaire;
}
.litpop.voff ,#index_msg.voff,  #index_msg.vof {
	display: none;
}
.litpop.von , #index_msg.von {
	display: block;
	width: 100%;
	height : auto;
}
.litpop , #index_msg {
	display: none;
	position: relative;
	//190122 position: absolute !important;
  right: 0px;
  left:0px;//190504;
	border: gray 1px solid;
	height: 50px;
	width: 10%;
	width:0px;
	word-wrap: break-word;
	//word-break: normal|break-all|keep-all|initial|inherit;
	word-break: keep-all;
	word-break: break-all;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #ddeeff;
	color: #222;
	text-align: left;
	text-decoration: none;
	border: 1px solid red;
	border: 0px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#index_msg_mask #index_msg:hover,
#index_msg.show,
#index_msg_mask:hover #index_msg.von {
 /*was like .litpop_mask .litpop:hover*/
}
.litpop_mask .litpop:hover ,.litpop_mask .litpop.hover
 {
	display: block;
	opacity: 1;
	padding-right: 5px;
	padding-left: 5px;
}

 #sidenavopenerSTOP {   width:50px; height:100px; position:fixed; top:38%; border:solid 1px coral;  }
 #STOPsidenavopener:hover {  width:40px; }
 #STOPhomebutton:focus .side-nav, .side-nav:focus , .side-nav:hover{
 transform: translateX(-100%); transform: translateX(-0%); }
 .side-nav {
 -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
   max-width: 300px;     top: 0;
  background-color: #aaf;  min-height:400px;
   min-height:400px;   height: 100%; height: 50vh;
   left: 0;     margin: 0;     overflow-y: auto;     padding-bottom: 60px;     position: fixed;     top: 35px; -webkit-transform: translateX(-0%); transform: translateX(-0%);     transform: translateX(-100%);      -webkit-transition: -webkit-transform .3s ease;     transition: -webkit-transform .3s ease;     transition: transform .3s ease;     transition: transform .3s ease,-webkit-transform .3s ease;     width: 100%;     z-index: 999;  }
 #ifr_ajaxTL { width:100%; min-height:400px;   height: 100%; height: 50vh; overflow-y: hidden;//190609;}
 
.file_label {
margin:0em 1em 0 2em;
margin:-2rem 0 0 1rem;
margin:0 2px 0 1px;
padding:0 2px;
display:inline-block;
width:auto;
position:absolute;
position:relative;
word-break:break-all;

color: royalblue;
font-size: 0.7em;
}

.sidepanel {
display:inline-block;
position:fixed;
z-index:100;
margin:0px auto;top:0px;
/*width:10%;*/
max-height:2px;
max-width:2px;
background-color: #ffeeaa;
}

#menubar {
text-align: left;
/*display:block;*/
/*position:fixed;*/
//display: table;
  width: 100%;
  max-width: 600px;
z-index:100;width:100%;
/*margin:1px auto;*/
top:0px;
opacity : 1;
background-color: inherit; /* #ffeeaa;*/
}

#menubar:target {
opacity:0.5;
 //   width: 40%;
 //   height: 20%;
-webkit-transition:all 1s ease;-moz-transition:all 1s ease;
transition:opacity 1s ease;

}
#menu_ico_top{
font-size:1.6rem;
z-index:100;
cursor:pointer;
width: 36px;
width: 20px;
height: 25px;
text-align: center;
}
#menu_top{
  position: fixed;
  float: left;
  display: table;//190515;
  display:inline-block;
  vertical-align: top;
  width: 10%;//190515;
  width:25px;
  height:35px;//190515;
  text-align: left;
  padding-top: 1px;//190515;
  padding-top: 0px;
  left: -0px;
}
#menu_top_popup{
position:relative ;
position:absolute ;
top: 40px !important;
left: 5px !important;
line-height:80px;
}
#reminder_iframe_mask, #ifr_main_mask  {
  display:none;
  position:fixed;
  top:46%;
  width: 90%;//190517;

  height: auto;
  min-height: 200px;
  border:5px solid #4F82C3;;//bleu roi;
  border-radius: 6px;
  margin:0px 0px;
  left:5%;
  z-index:10;
  overflow-y: auto;
  background-color:#fefefe;

}
#reminder_iframe_mask.von,  #ifr_main_mask.von{
    display:block !important;
    overflow-x: hidden;
      width: 40%;//190517;
    
}
#reminder_iframe_mask.viewon,  #ifr_main_mask.viewon {
display:block !important;
overflow-x: hidden;
}

#remind_pop_close {
  width:2rem;height:2rem;
  color:  #4F82C3;;//bleu roi;
  border:5px solid #4F82C3;;//bleu roi;
  border-radius: 6px;
  margin:0px 0px;
  position:fixed;
  position: absolute;
  top:40%;
  top: -6px;
  right: 25%;
  right:-6px;
  z-index:20;
  background: white;
}
#reminder_iframe {
position:relative;
width:50%;
width:100%;
min-height:20rem;
border:1px solid gray;
border-radius:3px;
margin:0px 0px;
}
#tableT5, #bview_top {
position: fixed;
height:5%;
opacity: 0.95;
//opacity: 0.6;
z-index:-1;
}
#cardT4, #bview_main {
top: 5%;
width:100%;
height: 100%;
position: fixed;
opacity: 0.99;
}
.btgreen {
    float: left;
    height: 48px;
    line-height: 48px;
    padding: 0px 18px 0px 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(62, 87, 23);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
    background-image: url("im/btgreen.png");
    background-position: right 0px;
}
.bt-small {
    float: left;
    height: 27px;
    line-height: 27px;
    padding: 0px 16px 0px 10px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    color: rgb(94, 101, 25);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
    background-image: url("im/bt-small.png");
    background-position: right 0px;
}
.bt-small-left {
    float: left;
    width: 4px;
    height: 27px;
    background-image: url("im/bt-small-left.png");
    background-position: left 0px;
}
.droplist {
font-size:0.9em;
position:absolute;
display:block;
min-width:200px;
margin : 0px 0px;
}

.launchButton:before {
content:url(im/settings.png) ;
}
#wnote #ringbox{
float: left;
float: //2019-09-23 15:32:15right;
width: 100%;
width:auto;
max-width: 25%;
min-width: initial;
padding-right:60%;
margin-right: -60%;
padding:2px;
top:2em;
top:initial;
margin :0px -4px 1% 0px;
margin: 0px 10px 0 0px;
margin: 0 0.7em 0.7em 0;
margin: 0 0.7em 1.7em 0;
margin: 0 0.7em 0.3em 0;
font-size:80%;
z-index: 3;
overflow: hidden;
}
#wnote #ringbox::afterSTOP{
margin:-5%;
width: 5%;
display:block;
content:" => ";
}
#ringbox img {
  width:0px;
  width: auto;
  height: auto;
  border: #cc0000 solid 1px;
  vertical-align:middle;
}

#ringbox:hover{
}

#droper{
color:transparent !important;
background:transparent;
}
#droper:hover{
background:black;
/*opacity:10%;*/
}
.blured_text {
    text-shadow: offsetx+y and blurthickness are required;
    text-shadow: 4px 2px 3px #aaa;
    color : transparent;
}
a.membparent {
display: inline-block;
text-decoration: none;
color: #FFD700;
font-size: 0.8em;
padding: 0px 1px;
margin: 0px 3px;
border: 1px solid;
border-radius: 3px;
}
.white-arrow {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALBAMAAABBvoqbAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAHBN+GQ2Pg5Xv/AXPG1qKnAAAADJJREFUCNdj2MQABGcdgITvRSDBdFcASEaCmKx3FRgY2C4DWb0GDAwc14GM3AIg4QzEACEICY7fITToAAAAAElFTkSuQmCC")
     no-repeat scroll 0px 0px;
}
.updn-arrow {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAATCAMAAACX3symAAAAQlBMVEUAAAApOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEjZ1HtkAAAAFXRSTlMA9tZrJhVYShjj4NOah4V2YT4pDQisLU/+AAAAZUlEQVQY02XPSQ7AIAxD0bhpQzoPkPtftQVVEIm/e5I3pi/eySWwsynAzNjL+ZZrBkuo67RCqTUNGDvqdkTHxxZ1HDFMhbrY4xiPTRtLHRVrqgjCmC+5f7LlEKi6qHYahFx7/vgCOzsEASiv0UkAAAAASUVORK5CYII=)
     transparent no-repeat scroll 0px 0px;;
}

#addbin,#dustbin{
border-radius: 5px;
width:40px;
}
.trashcan_cursor {
cursor: url(im/trashbin.cur),auto;
}
.addinlist_cursor{
cursor: url("im/input_pointer.cur.ico"),url("im/plug_plus32.ico"),auto;
}
#admin_save {
color:blue;
}
#admin_save:focus {
color:red;
}
#admin_close {
	border: 1px solid red;
	border-radius: 20%;
	text-align: center;
	font-weight: 900;
	padding: 0px 4px;
	color: red;
	margin-right: 6px;
	display: inline-block;
	/* margin: 0 auto; */
	width: auto;
	position: relative;
}
#Tbottom {
  position:fixed;
  min-width:220px;
  width:100%;
  height: auto;
  min-height: 5%;
  min-height: 3em;
  bottom:0%;
  cursor:auto;
  z-index:200;
  border-collapse:collapse;
  background: rgb(0,12,74);//:mauve;
  background: transparent;
  pointer-events: none;
  //background: #fefefe;
  //opacity:0.75;
  background-image: -moz-linear-gradient(top, #ffffff00, #ffffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff00), to(#ffffffff));
	background-image: -webkit-linear-gradient(top, #ffffff00, #ffffffff);
	background-image: -o-linear-gradient(top, #ffffff00, #ffffffff);
	background-image: linear-gradient(to bottom, #ffffff00, #ff334f99);
  background-image: linear-gradient(to bottom, #ffffff00, #ffffffff);
	opacity: 1;
}
#Tbottom.bloblink {
  opacity:0.6;
  background: transparent;
  background: rgb(0,12,74); //:mauve;
}

.dragbox {
        position: relative;/*absolute now in js draggable();*/
        display:inline-block;
        /*left: 30px;
        top: 30px;*/
        /*width: 55px;*/
        height: 20px;
        /*margin-left: -3px;*/
        /*margin-top: 3px;*/

        color: #FFF;
        font: bold 16px Helvetica,Arial,Sans-serif;
        text-align: center;
        background-color: #ABF;
        border: 3px solid #669;
      }
      #square1 {
      left: 30px;
        top: 30px;
        }
      #square2 {
      left: 130px;
        top: 30px;
        }
.roundimage_frame {
    position: relative;
    /*top: 140px;*/
    //width:15px;
    width: : 100%;
    height: 100%;
    /*padding-top: 100%;*/
    border-radius: 50%;
    box-sizing: border-box; /*border et padding sont inclus not margin;*/
    /*margin: 200px -5px;*/
    overflow: hidden;/*tres important sinon image carrée*/

}
.dblsize, .dblzoom {
  -webkit-transform: scale(1.9);
  -ms-transform: scale(1.9);
  transform: scale(1.9);
  //display: inline-block required;
}
.halfsize, .halfzoom {
  -webkit-transform: scale(0.5) translate(-50% ,-50%);
  -ms-transform: scale(0.5) translate(-50% ,-50%);
  transform: scale(0.5) translate(-50% ,-50%);
  border: 10px gray solid;
  transition: transform 0.4s;
}
.halfsize:hover, .halfzoom:hover, .halfsize.focus, .halfzoom.focus {
  -webkit-transform: scale(1) translate(-0% ,-0%);
  -ms-transform: scale(1) translate(-0% ,-0%);
  transform: scale(1) translate(-0% ,-0%);
  transition: transform 0.8s ease;
}
#zoomer_div {
display: none;
max-height: 20px;
position: relative;
overflow: hidden;
}

.roundimage {
position: relative;
    min-width: 100%;
    /*min-height: 50%;*/
    /*width : 60%;*/
    /*height: 50%;*/

    top: 0px;
    left: 0px;
}
#bviewSource {width:40%;text-align:center;font-size:0.7em}
#bviewNav {position:relative;padding: 0 20px;width:50%;text-align:left;overflow:hidden;text-overflow:ellipsis;}
#backbutton {font-size:0.7em;width:10%;display:inline}

.td-caption{
position:relative;
padding: 0 20px;
width:50%;
text-align:left;
overflow:hidden;
text-overflow:ellipsis;
}
#caption-bview, .download{
position:absolute;
color:gold;
display:inline-block;
}

#caption-bview::before, .download::before{
    content: "\2193";
    color:orange;
    text-align:center;
    display:inline-block;
    position:relative;
    position:absolute;
    overflow: hidden;
    overflow: initial;
    width: 13px;
    height: 20px;
    width: 10px;
    height: 10px;
    margin-left:-24px;
    top:5px;
    line-height: 1px;
    //left:-15px;
    left:7px;
    border: 2px solid orange;
    border-top: 0px solid blue;
    background-color:transparent;
    background-color:lightblue, red;
    //background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAA/UlEQVQYlbXPsWqDYBiFYads7u7iksvI7OgkxCGQbB3aC8gkAQeL1I5Zs5Qg2BBwyBTsYqaIGUQQqosFh96A/9shjYXatWc7Hw8HPkn6zuZwRtZtNMtDszxk3Wa9OyH9znp3Yrra0glBJwRzN+Tp5e1vOHfDHt497/8bxllFlBTcP76ycIIePvh7Fk5AlBTEWYUUJQWjyRLN8sjrtod53TKe+YwmS4Lj5bocJQWa5RFnVQ/TsmE883/QLcHxgmI4pGVDXreopsvmcB4+c1tWTRfVdIdLnRDEWUWcVaRlw9wNma62pGXT3zshkN4/PlEMB1m3kXUbxXAGPa9bvgDOIwhmApAXfQAAAABJRU5ErkJggg==");
    //background-image: url("im/download_arrow_trans.png");
    background-size: contain;
    //background-size: cover, cover;
    background-size: 50% 50%, 50% 50%;
    background-position: left bottom, 50% 20%;
    background-repeat: no-repeat, no-repeat;
}
.remindcal{
border:0;
margin-left:0px;margin-bottom:2px;
padding:3px 2px 0px;
padding:0px;
width:auto;
color:transparent !important;font-size: 0.6rem;width:32px;
background: no-repeat scroll white center center / 130%;
background-image: url("data:image/png;base64,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");
background-image: url("im/calendar_but.png");
background-size: cover;
background-size: 125%;

}

@keyframes sonar_bell_anim {
 0% {
  padding:0;
  opacity:0.6
 }
 20% {
  padding:1.3em;
  opacity:0;
  top:-1.3em;
  left:-1.3em
 }
 100% {
  padding:1.3em;
  opacity:0;
  top:-1.3em;
  left:-1.3em
 }
}
@keyframes sonar_bell_animstroke {/*inutile?;*/
 0% {
  border-width:0.3em;
  margin:-0.3em
 }
 20% {
  border-width:0.1em;
  top:-1.3em;
  left:-1.3em
 }
 100% {
  border-width:0.1em;
  top:-1.3em;
  left:-1.3em
 }
}

*, ::before, ::after {
    box-sizing: inherit;
}

.entry a {
    text-decoration: underline;
}

.svg_icon {
  display: inline-block;
  width: 25px;
  height: 25px;
}
.sonar_bell::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 24px;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.3 26.1'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3Cg%3E%3Cg transform='translate(-238 -11354)'%3E%3Cg transform='translate(221 11340)'%3E%3Cg transform='translate(17 14)'%3E%3Cpath class='st0' d='M21.2 21.5l-1.8-3c-.8-1.4-1.3-3-1.3-4.7v-2.7c0-3.4-2.2-6.2-5.3-7.1V2.1c0-1.2-1-2.1-2.1-2.1S8.5 1 8.5 2.1V4c-3.1 1-5.3 3.8-5.3 7.2v2.7c0 1.6-.4 3.2-1.3 4.6l-1.8 3c-.1.2-.1.4 0 .5.1.2.3.3.5.3h20.2c.2 0 .4-.1.5-.3 0-.1 0-.3-.1-.5z'/%3E%3Cpath class='st0' d='M7 24c.6 1.3 1.9 2.1 3.3 2.1s2.7-.9 3.3-2.1H7z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sonar_bell_al {
    float: right;
    position: relative;
    z-index: 1;
    display: none;
        top: -5px;
}
.sonar_bell {
    background: #e41129;
    border-color: #e41129;
    border-radius: 50%;
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
      position: relative;
}

.sonar_bell_fill::after {

    border: none;
    background: inherit;
    border-radius: inherit;
    animation-name: sonar_bell_anim;

}
.sonar_bell_infinite::after {

    animation-iteration-count: infinite;

}
.sonar_bell::after {

    content: "";

}
.sonar_bell::after {

    z-index: -1;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    animation-name: sonar_bell_anim;
    animation-iteration-count: 1;
    animation-duration: 2s;
    box-sizing: content-box;

}


#adminbar h1 {
  font-size: 60px;
  text-align: center;
  color: #FFF;
}

#adminbar h3 {
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  color: #FFF;
}

#adminbar h3 a { color: #FFF; }

#adminbar a { color: #FFF; }

#adminbar h1 {
  margin-top: 100px;
  text-align: center;
  font-size: 60px;
  line-height: 70px;
  font-family: sans-serif;
}

#adminbar #container {
  margin: 0 auto;
  max-width: 890px;
}

#adminbar p { text-align: center; }

.toggle, [id^=drop] { display: none2019-09-15;}

#index_msg_mask:hover * {
width:100%;
}
#adminbar  nav {
  float:right;
  margin: 0;
  margin-top:10px !important;
  padding: 0;
  background-color: #254441;
  background-color: wheat;
  height:30px;
  width:30px;
  overflow:hidden;
}
#adminbar nav {
 width:100%;
 min-height:50px;
 font-size:12px !important;
 min-height: 140px;
}
#adminbar  nav:hover, nav:active {
  height:400px;
  max-height: 85vh;
  height: auto;
  min-height:100px;
  width:auto;
  overflow:auto;
}

#adminbar #logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 40px;
}

#adminbar nav:after {
  content: "";
  display: table;
  clear: both;
}

#adminbar nav ul {
  float: right;
  padding: 0;
   padding:10px;
   padding:0 4px;
  margin: 0;
  list-style: none;
  position: relative;
  font-size: 10px;
  line-height: 20px;
}

#adminbar nav ul li {
  margin: 0 1px;
  padding: 0 4px;
  display: inline-block;
  float: left;
  background-color: wheat;
  border: 1px solid #fafafa;
}

#adminbar nav a {
  display: block;
  padding: 10px 10px;
 color: #FFF;
  font-size: 15px;
  line-height: 40px;
  line-height: 30px;
  text-decoration: none;
}

#adminbar nav ul li ul li:hover { background: #777777; }

#adminbar nav a:hover { background-color: #777777; }

#adminbar nav ul ul {
  display: none;
  position: absolute;
  position: relative;
  top: 60px;
  top: 1px;
}

#adminbar nav ul li:hover > ul { display: inherit; }

#adminbar nav ul ul li {
  width: 170px;
  width: auto;
  float: none;
  display: list-item;
  position: relative;
}

#adminbar nav ul ul ul li {
  position: relative;
  top: -60px;
  top: 1px;
  left: 170px;
}

#adminbar li > a:after { content: " +"; }

#adminbar li > a:only-child:after { content: ""; }

@media all and (max-width : 768px) {

#adminbar #logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

#adminbar nav { margin: 0; }

#adminbar .toggle + a, .menu {
display: none;
}

#adminbar .toggle {
  display: block;
  background-color: wheat;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  border: none;
}

#adminbar .toggle:hover { background-color: #777777; }

#adminbar [id^=drop]:checked + ul {
display: block;

}

#adminbar nav ul li {
  display: block;
  width: 100%;
}

#adminbar nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

#adminbar nav ul ul ul a { padding: 0 80px; }

#adminbar nav a:hover,
 nav ul ul ul a { background-color: #777777; }

#adminbar nav ul li ul li .toggle,
 nav ul ul a { background-color: wheat; }

#adminbar nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

#adminbar nav ul ul li:hover > ul,
#adminbar nav ul li:hover > ul { display: none; }

#adminbar nav ul ul li {
  display: block;
  width: 100%;
}

#adminbar nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

#adminbar nav ul li {
  display: block;
  width: 94%;
}

}