html, body{margin:0;border:0;padding:0;height:100%;width:100%;}
body{background:#DDDDDD;font-family:'Arial', sans-serif;user-select :none;}
#div-spacer-main{height:5px;}
#div-main{color:black;text-align:left;padding-top:5px;}
#div-prez-data{ margin:0px; font-size:20px; margin-top:1px; overflow-x:hidden;overflow-y:scroll; position:fixed; height:calc( 100% - 61px ); width:100%; top:61px;}
#div-spacer-bottom{height:20px;}
progress{}
.under_data{border-bottom:#000 1px solid;}
.qcm_puce{width:20px;text-align:center;border:#000 1px solid;border-radius:50%;}
table, tr, td{border-collapse:collapse;}
#waiting-div{margin:0 auto;width:500px;background:#fff;border:#000 1px solid;border-radius:15px;text-align:center;font-size:40px;padding-top:10px;padding-bottom:10px;}
.row{background:#FFFFFF;color:black;}
.lvalid1_{background:url(../img/eye_open.png) center no-repeat; height:60px; width:60px; background-size:contain;}
.lvalid2_{background:#dcffec;color:black;}
.lsuppr2_0{background:#FF4949;color:black;}
.separator{height:7px;}
button{border:#000 1px solid;background:#999999;color:white;height:25px;margin:5px;}
button:active{border:#000 1px solid;background:#777777;color:white;height:25px;margin:5px;cursor:pointer;}
#info_question_title{color:white;font-size:40px;margin-left:10px;}
.right_td{width:250px;text-align:right;}
.right_td span{padding:5px;}

.prez_div{
position:absolute;top:60px;bottom:0px;left:0px;right:0px;border:#000 1px solid;font-size:100px;text-align:center;background:#EACBF8;opacity:1;padding-top:50px;
}
#poscount{
	position:absolute;top:10px;right:10px;
	}

.leftCol{border-bottom:#000 1px solid;border-top:#000 1px solid;min-width:120px;vertical-align:top;}
.midCol{padding-left:5px;border-bottom:#000 1px solid;border-top:#000 1px solid;width:100%;}
.rightCol{border-left:#000 1px solid;border-bottom:#000 1px solid;border-top:#000 1px solid;background:transparent;user-select :none;padding:0px;margin:0;}
.rightButton{border-right:#000 1px solid;padding:35px;cursor:pointer;background:transparent;user-select :none; }
.rightButton_1{border-bottom:0px;padding:15px;cursor:pointer;background:transparent;user-select :none;}
.rightButton:active{background:rgba(0,0,0,0.5);}
.rightButton_1:active{background:rgba(0,0,0,0.5);}


#div-prez-data2, #div-prez-data3{position:fixed;top:150px;bottom:0px;left:0px;right:0px;}

/* fonts */
div.jqcloud {  font-family: "Helvetica", "Arial", sans-serif;font-size: 14px;line-height: normal;  overflow: hidden;  position: relative; color: #09f;}
div.jqcloud a {  font-size: inherit;  text-decoration: none;color: inherit; }
div.jqcloud a:hover { color: #0cf; }
div.jqcloud span { padding: 0; }

div.jqcloud span.w10 { font-size: 550%; color: #33CC33; }
div.jqcloud span.w9 {  font-size: 500%; color: #CCCC00;  }
div.jqcloud span.w8 {  font-size: 450%; color: #FF9900;  }
div.jqcloud span.w7 {  font-size: 400%; color: #9900CC;}
div.jqcloud span.w6 {  font-size: 350%; color: #0066FF; }
div.jqcloud span.w5 {  font-size: 300%; color: #9999FF;}
div.jqcloud span.w4 {  font-size: 250%; color: #CC99FF;}
div.jqcloud span.w3 {  font-size: 200%; color: #FF00FF; }
div.jqcloud span.w2 {  font-size: 150%; color: #FF3399; }
div.jqcloud span.w1 {  font-size: 100%; color: #FF0000; }

div.jqcloud span.w10 span{ font-size: 30%;}
div.jqcloud span.w9 span{  font-size: 30%;}
div.jqcloud span.w8 span{  font-size: 30%;}
div.jqcloud span.w7 span{  font-size: 30%;}
div.jqcloud span.w6 span{  font-size: 30%;}
div.jqcloud span.w5 span{  font-size: 30%;}
div.jqcloud span.w4 span{  font-size: 30%;}
div.jqcloud span.w3 span{  font-size: 10px;}
div.jqcloud span.w2 span{  font-size: 9px;}
div.jqcloud span.w1 span{  font-size: 9px;}



.editButton{background:url(../img/pen.png) center no-repeat; min-height:63px;height:100%; min-width:60px; width:60px; }
.hideButton{background:url(../img/cross_dark.png) center no-repeat;  height:63px; width:60px;min-width:60px; }
.difuseButton{background:url(../img/eye_close.png) center no-repeat; height:63px; width:60px;min-width:60px;  background-size: 50px 22px; }
.nodifuseButton{background:url(../img/eye_open.png) center no-repeat; height:63px; width:60px; min-width:60px; background-size:  50px 23px;}
.displaceButton{background:url(../img/up_down.png) center no-repeat; height:63px; width:60px;min-width:60px; }
.deleterButton{background:url(../img/trashbin.png) center no-repeat; height:63px; width:60px;min-width:60px; }
.recoverButton{background:url(../img/play.png) center no-repeat; height:63px; width:60px;min-width:60px; }
.td_donnees{}
.time{ color: #444444; font-size:15px; position:relative; top:-6px;}
#div_menu{display:none; position:fixed; top:0px; width:100%; background:white; z-index:999999; padding-bottom:2px; border-bottom:1px solid gray; overflow-y:scroll;}
#div_menu div{ text-align:center; padding:7px; height:43px; border-top:none; }
#div_menu div img{margin-top:4px;}
#msg_exclus{width:90px; float:left; padding-top:14px !important; height:36px !important; border:1px solid #d9d9d9; border-top:none; background: #e9e9e9; color: #7d7d7d; font-size:15px;}
#msg{width:90px; float:left; padding-top:14px !important; height:36px !important; border:1px solid #d9d9d9; border-top:none; margin-left:3px; color: #e9e9e9; background: #7d7d7d; font-size:15px;}
#msg_rediger{ width:90px; float: left; margin-left:calc( 50% - 250px ); padding-top:14px !important; height:36px !important; border:1px solid #d9d9d9; border-top:none; background: #e9e9e9; color: #7d7d7d; font-size:15px;}
#msg_brdcast{ width:48px; float:right; border-left:none; border-bottom:1px solid #7d7d7d; border-right:none; background: #e9e9e9; color: #7d7d7d;  font-size:12px;}
#msg_brdcast_all, #msg_brdcast_sl{ width:49px;float:right; background: #dcffec ; color: #57b161 ; border: 1px solid #57b161;  font-size:12px;}
#msg_nbrdcst_all, #msg_nbrdcst_sl{ width:49px;float:right; background: #f5e6d7 ; color: #cb9254 ; border: 1px solid #cb9254 ;  font-size:12px;}
#msg_tt_reimpo{ width:49px; float:right; background: #dcffec ; color: #57b161 ; border: 1px solid #57b161; font-size:12px; display:none; line-height:20px;}
#msg_tt_excllu, #msg_sl_excllu{ width:48px; float:right; background: #ffdddd ; color: #BE0000 ; border: 1px solid rgba(255,0,0,0.80);  font-size:12px;}
#msg_brdcast_sl, #msg_sl_excllu, #msg_nbrdcst_all, #msg_nbrdcst_sl{display:none}
#msg_tt_suppr{ width:52px; float:right; background: #ffdddd ; color: #BE0000 ; border: 1px solid #ff0000; border-right:0px solid;  font-size:12px; padding-left:3px !important; text-align:center; display:none;}
#msg_edited{color: red; margin-top:100px; width:calc(85% - 200px); height:300px; background:white; border:1px solid gray; padding:10px; border-radius:10px; background:gray;} 
#edit_ttl{color:white; text-align:center; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid gray}
#edit_body, #new_msg_body{background:white; padding:5px;  max-height:200px; height:200px; color:gray; overflow-y:scroll;}
#annuler{color: white; width:120px; padding-top:20px; padding-bottom:20px; float:left;}
#enreg{color: white; width:120px; padding-top:20px; padding-bottom:20px; float:right; text-align:right}
#div_edit{width:100%; height: 100%;	background: rgba(0,0,0,0.1); position: fixed; top: 0px; z-index:99999999}
.exclus{display:nnone;}
.supprimer{display:none;}

/************************/
.div_global{background:white; overflow:hidden; border-bottom:1px solid gray; border-top:none;  width:100%;}
.div_global td{vertical-align:middle;}
.div_rejet, .div_displace, .div_difuse,.div_recover, .div_nodifuse{width:60px; border-right:1px solid silver; border-bottom:1px solid silver; margin-bottom:-2px;}
.div_edit, .div_suppr{ width:60px; border-left:1px solid white;}
.div_edit{width:60px;padding:1px; border-bottom:1px solid silver; margin-bottom:-2px;}
.div_rejet{width:60px;border-bottom:1px solid silver; margin-bottom:-2px;}
.div_recover{border:none;}
.div_data{padding:5px; min-height:55px; margin:0px;   overflow:hidden; border-left:1px solid silver; border-right:1px solid silver;}
.div_dataA{padding:5px; min-height:55px; margin:0px; overflow:hidden; border-left:1px solid silver; border-right:1px solid silver;}
.div_data2{padding:5px; min-height:55px; margin:0px; overflow:hidden; border-left:1px solid silver; border-right:1px solid silver; background:#666666;}
.div_data2 .data{color:white;}
.div_data2 .time{color:silver;}
.time{ color: #444444; font-size:15px; }
.data{ overflow-y:auto;overflow-x:hidden; /*word-break: break-all;*/ word-wrap: break-word; white-space:pre-line; font-size:25px;}
.etat_diffuse .div_suppr, .etat_diffuse .div_recover, .etat_diffuse .div_difuse{display: none;}
.etat_diffuse .div_global .div_data, .etat_diffuse .div_global .div_dataA{background:#dcffec;}
.etat_normal .div_suppr, .etat_normal .div_recover, .etat_normal .div_nodifuse{display: none;}
.etat_exclu .div_edit, .etat_exclu .div_displace, .etat_exclu .div_difuse, .etat_exclu .div_nodifuse, .etat_exclu .div_nodifuse, .etat_exclu .div_rejet{display: none;}
.etat_exclu, .etat_supprimer{display:none ;}

.etat_exclu .div_global .div_data{ width:calc( 100% - 139px );}
.etat_exclu .div_global .div_dataA{ width:calc( 100% - 75px );}

ul, li{text-decoration:none; padding:0px; margin:0px; border:0px;}
.etat_normal, .etat_diffuse{margin:0px !important; display:block;}
#debut{background:red;}

.sortable-ghost div{background:#BBBBBB !important;color:#ffffff !important;opacity:0.5;}

#glob-div{position:fixed;top:0px;left:0px;bottom:0px;}
#glob-div, #div-main, #div_menu, #div-prez-data{width:calc(100% - 200px);max-width:calc(100% - 200px);overflow-x:hidden;}
#div-prez-data table{width:100%;overflow-x:hidden; }
#rightPannel{border-left:#000 1px solid;width:200px;position:fixed;top:0px;right:0px;bottom:0px;}
#rightPannel_titre{position:fixed;top:0px;right:0px;width:200px;height:40px;color:#ffffff;background:#666666;text-align:center;font-weight:bold;font-size:30px;}
#rightPannel_msgList{border-bottom:#000 1px solid;width:199px;position:fixed;top:40px;right:0px;bottom:200px;overflow-x:hidden;overflow-y:scroll;margin:0;padding:0;}
#rightPannel_msgList div{font-size:20px;margin:0;}
#rightPannel_msgList div .big{font-weight:bold;font-size:16px;}
#rightPannel_msgList div .time{font-size:8px;float:right;margin-top:5px;margin-right:5px;}
#rightPannel_msgList div[class="l1"]{min-height:50px;background:#ffffff;color:#000000;}
#rightPannel_msgList div[class="l2"]{min-height:50px;background:#9BCDF2;color:#000000;}
#rightPannel_msgSendDiv{width:200px;position:fixed;position:fixed;right:0px;bottom:0px;height:200px;margin:0;padding:0;}
#rightPannel_msgSendDiv div, #rightPannel_msgSendDiv div span, #rightPannel_msgSendDiv div input{height:20px;}
#rightPannel_msgSendDiv div span{font-size:14px;}
#rightPannel_msgSendDiv div input{width:120px;float:right;border-radius:0;}
#rightPannel_msgSendDiv textarea{width:200px;height:110px;border-top:#000 1px solid;margin:0;resize:none;border-radius:0;border-left:0;}
#rightPannel_msgSendDiv button{width:200px;height:60px;border-top:#000 1px solid;border-left:0;background:#53B529;color:#ffffff;text-align:center;font-size:32px;margin:0;padding:0;position:fixed;bottom:0px;right:0px;}