/* General */

a {cursor:pointer;text-decoration:none;}
a:hover {text-decoration:underline;color:#fff;}
ul li {list-style:none;}
legend {font:bold 15px Trebuchet MS;color:#000000;}

html, body {height: 100%;margin: 0;width: 100%; }

.globalwrapper{height: 100%;display: table;width: 100%;min-height: 100vh; /*min-width: max-content;min-width: -moz-max-content;*/ }

.wrapper {height: 100%;display: flex;flex-direction: column;min-height: 100vh}

.wrapper .header {height: 35px;min-height: 35px;margin: 0px 0px 0px 0px;display: flex;}
.wrapper .header #left {flex-basis: 100%;align-items: center;display: flex;}
.wrapper .header #left #titreLMS{padding-left: 5px;}

.wrapper .header #middle {flex-basis: 100%;align-items: center;display: flex;justify-content: center;}
.wrapper .header #right {flex-basis: 100%;display: flex;align-items: center;}
.wrapper .header #right div {width: 100%;text-align: right;}
.wrapper .header #right div img {padding-right: 6px;height: 20px;}
.wrapper .header #logo {padding-left: 10px;display: flex;justify-content: center;}
.wrapper .header #logo img {height: 35px;}


.wrapper #mainContainer {flex-grow:2;flex-shrink: 1;  display: flex;}
.wrapper #mainContainer #sidebar {background-color: #282828;color: #ffffff; flex-grow:0;}


.wrapper #topbar {background: #acadaf;height: 60px; min-height: 60px; margin: 0px 0px 0px 0px;display: flex;z-index: 100;}
.wrapper #topbar #toogleSidebar {display: flex; align-items: center;  justify-content: center;    width: 55px; height: 55px;}
.wrapper #topbar #toogleSidebar img {height: 32px; cursor: pointer}

.wrapper #topbar #toogleSidebar:hover, .wrapper #topbar #profilImg:hover{
    background-color:#ea9532;
    cursor:pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


.wrapper #topbar .titre {color:#000000;font-size: 22px;padding-right: 10px;height: 100%; text-align: right;display: flex;flex-direction: column;justify-content: center;flex-grow: 1}

.wrapper #topbar .currentWidget{height:100%;display: flex;align-items:center;padding-left: 10px;padding-right: 10px;}

.wrapper #topbar .divider {display : flex;max-width: 2px; width: 2px; height : 40px; background: #cccccc;}


.wrapper #topbar .currentWidgetCol {display: flex;height: 100%;padding-left: 10px;	padding-right: 10px;}
.wrapper #topbar .currentWidgetRow {display: flex;align-items: center;flex-grow: 1}

.wrapper #topbar .currentWidgetInfos {display: flex;color: green;font-weight: bold;font-size: 12px; width: 100%;align-items: center;padding-left: 10px;}

.wrapper #topbar .currentWidgetCol1 img {height: 50px;}
.wrapper #topbar .currentWidgetCol1{display: flex;}
.wrapper #topbar .currentWidgetCol2{color:#fff;display: flex;flex-direction: column;padding-left: 10px;}

.wrapper #topbar .currentWidgetCol2 div:first-child {font-size:20px;line-height: 20px;}
.wrapper #topbar .currentWidgetCol2 div:nth-child(2) {font-size:14px;line-height: 20px;}



.wrapper #topbarContentMenu {display: flex;   align-items: center;height: 100%}


.wrapper #topbarContentMenu #profilImgUser {width: 38px;vertical-align: bottom;border-radius: 50%;}
.wrapper #topbarContentMenu #profilNomUser {font-size: 0.85em;font-family: arial; color:white;	vertical-align: bottom;	line-height: 20px;display:inline; }
.wrapper #topbarContentMenu #profilnomUserCaret{vertical-align: bottom;	padding-bottom: 6px;color:white;}
.wrapper #topbarMenu{padding-left: 20px;width: 100%}




.arrow-down { width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent;  border-top: 5px solid #ffffff; float: right; margin-top: 25px; margin-left: 2px;}
#divProfilUser #nomUser {font-size: 0.75em;font-family: arial;color: white; display: inline;}

#divProfilUser #profilImg{display: flex;flex-direction: column;align-items: center;min-width: 60px;min-height: 55px;}

#divProfilUser #profilPseudo{display:flex; color: #ffffff;margin-top: -5px;cursor: pointer;}
#divProfilUser #profilPseudo #profilDropDown{padding-left: 3px;height: 10px;margin-top: 7px}



.dropdownMenu { float: left; overflow: hidden;}

.dropdownMenu .dropbtn {cursor: pointer; font-size: 16px;  border: none; outline: none; color: white; background-color: inherit; font-family: inherit; margin: 0;}


.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;	z-index: 10;	font-family: Arial Unicode MS, Verdana, Arial, sans-serif; font-size: 15px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box;  border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.dropdown-content a {float: none;color: black; padding-top: 10px;padding-bottom: 10px;padding-right: 15px; padding-left: 15px; text-decoration: none; display: block; text-align: left; }
.dropdown-content a>img { padding-right: 10px; height: 24px; vertical-align: middle; border: 0;}

.dropdown-content .dropdown-divider {height: 1px;margin: 9px 0; overflow: hidden; background-color: #e5e5e5; margin-bottom: 0px; margin-top:0px;}
.dropdown-content a:hover {background: #F0A854;  color: white;}




.showDropDown { display: block;}

#menu ul li {border-right: 1px dotted #ccc;}

#sidebar #sidebarMenu {background-color: #282828;display: flex; justify-content: center;padding-top: 10px;}

.sidebarIcon{width: 100px; padding-bottom: 12px;display: flex;	align-items: center;justify-content: center;}

.sidebarAutoVisible{}
.hideSidebar {max-width: 0px;}
.hideSidebar .sidebarIcon .menuLink{display: none;}
.hideSidebar #infos{display: none;}




@media(max-width: 720px) {
    .header #left #titreLMS{display: none;}
    .header #right #social{display: none;}

	.wrapper #topbar .titre {font-size: 16px;}

	.wrapper #topbar .currentWidgetCol2 div:first-child { font-size: 16px;}	
	.wrapper #topbar .currentWidgetCol2 div:nth-child(2) { font-size: 11px;}

	#divProfilUser #profilPseudo{display: none !important;}
}


@media(max-width: 830px) {
    #sidebar.sidebarAutoVisible
    {
      max-width: 0px;        
    }
}

.linkDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}



.menuImageLink:hover {cursor:pointer;}


a.menuLink {color:#999999;float:left;font-family: Verdana, Arial Unicode MS, Arial, sans-serif;font-size: 8pt;}


.menuImageLink { display: inline-block;  text-align: center; }
.menuImageLink img{height: 42px;vertical-align: top;}
.menuImageLink span{display: block;margin-top: 2px;}


.menuImageLink:hover img{background-color: #ea9532;-webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}
.menuImageLink:hover span{color: #ea9532;}

.menuImageLinkSelected img{background-color: #aaaaaa;-webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}
.menuImageLinkSelected span{color: #ffffff;}




#userInfos {width: 170px;display: flex;flex-direction: column;justify-content: center; /*border-right: 1px dotted;*/}
#userInfos #infos {height: 40px;color: white;font-family: Arial Unicode MS, Arial, sans-serif;font-size: 11pt;padding-top: 10px;padding-left: 5px;}
#userInfos #infos #name{font-weight: bold;}
#userInfos #infos #time{font-size: 8pt;}

#userInfos, #contentHeader{height: 100px;}

#userInfos {background:url(/anthracite/images/fond_head_lms.gif) repeat-x;}


#userInfos #barre{display: flex;justify-content: left; align-items: center;  }


#content {background-color: white;flex: 1 1;}
#content #utilisateurs {float:left;width:100%;height:100%}

/*
#content {float:left;width:83%;min-height:664px;background:#fff;height:87%;}
#content #utilisateurs {float:left;width:100%;height:100%}
*/


.sticky { position: sticky; top: 0;}
/*.sticky + .contentMainTableur { padding-top: 100px;}*/
/*.sticky + #sidebarMenu{ padding-top: 100px;}*/




.wrapper #footer {display:flex;align-items:center;justify-content: center; ;width:100%;min-height:45px;background:#f0a854;height:45px;}

.wrapper #footer #middle{display:flex;flex-direction: column;align-items: center;}
.wrapper #footer #middle #imgContainer {height:24px;}
.wrapper #footer #middle #imgContainer img {height:100%;}
.wrapper #footer #middle #copyright {font-family: Verdana;font-size: 12px;font-style: normal; color:#000000;}



#footerCours {float:left;width:100%;min-height:40px;background:#f0a854;height:100%;}

/* Page de Login */
.wrapper#loggedOut h1 {margin:0;}
.wrapper#loggedOut .content {float:left;width:100%;height:664px;background:#F0A349;border-top:1px solid white;border-bottom:1px solid white;background-image: url(./images/courreurs.png);background-repeat: no-repeat;background-position: right bottom; }
.wrapper#loggedOut .content .imgContainer {width:600px;height:310px;margin:100px auto 0 auto;border:1px solid white;}


.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.iconDialogBox{height: 32px;}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}



.imgLoginTitleBox
{

	width:600px;height:36px;margin:0px auto 0px auto;
	font-family: Verdana;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	font-color:black;
	
	background-color:#cf823d;
}

.imgLoginTitle
{
 	position:relative;left:80px;top:4px;
}

.LoginCopyrightBox
{
	width:600px;height:26px;margin:0px auto 0px auto;
}

.LoginCopyrightTitle
{
 	position:relative;left:80px;top:0px;
	font-family: Verdana;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color:white;
	letter-spacing:3px;
}

.LoginCopyright
{
 	position:relative;left:80px;top:0px;
	font-family: Arial;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color:black;
	line-height: 8px;
}





/*Formulaire de Login */
.wrapper .header #connectionBox {float:right;margin-right:10px;width:430px}
.wrapper .header #connectionBox form {float:left;width:100%}
.wrapper .header #connectionBox form .bloc {float:left;color:#fff;width:130px;height:50px;margin-right:5px;}
.wrapper .header #connectionBox form .bloc input {width:120px;}
.wrapper .header #connectionBox form .bloc label {float:left;color:#fff;clear:both;font:normal 14px Trebuchet MS;}
.wrapper .header #connectionBox form #loginButton {float:left;margin-top:19px;}
.wrapper .header #connectionBox form .errorLogin {float:left;clear:both;color:#434B5A;font:normal 13px Trebuchet MS;margin-top:-3px;}


/* popup addUSer */
.parentPermission {float:left;font:bold 14px Trebuchet MS;}
.subPermission {float:left;margin-left:30px;font:normal 12px Trebuchet MS;}
/* .fieldsetAddUser {width:46.7%;margin-bottom:15px;float:left;} */
.fieldsetAddUser {width:92%;float:left;}

.fieldsetAddUser div {padding-top: 3px;}




.contentHeader, .contentHeaderAccueil, .contentHeaderMesCours {display: flex;flex-wrap: nowrap; width:100%;height:100px;background-color:#d3d3d3;overflow:hidden;}

.contentHeaderAccueil, .contentHeaderMesCours {height: 50px;}
.AccueilInfoGroupe, .MesCoursInfoGroupe{display: flex;align-items: center;padding-left: 10px;}

.currentPage {display: flex;flex-direction: column; height:100%; width:290px;border-right:2px solid #bbbcbe;margin-top:1px;}
.currentPage .top {width:100%;height:70px;}
.currentPage .bottom {width:100%;height:30px;}

.currentPage .bottom .divAnch {float:left;width:100%;margin:0px 0px 0px 15px;color:white;font-size:13px;}
.currentPage .bottom .retou {color:white;text-decoration:none;}
.currentPage .bottom .retou:hover{cursor:pointer;cursor:hand;text-decoration:underline;}


.currentFilters {float:left;width:69%;height:100px;min-width:400px;}

.contentMain {float:left;width:100%;clear:both;}


.configWrapper{display: flex;flex-direction:row;justify-content:center;flex-wrap: wrap;}
.configWrapper .configPageAccueil fieldset { border-color: black;}

.configWrapper .configPageAccueil textarea{width:450px;height:340px;}

.configWrapper .configPageAccueil {justify-content: center; padding-top: 15px; display: flex;flex-direction:column;margin-right:15px;margin-left:15px;}

.configContainer{display: flex;flex-direction:column;align-items: center;justify-content: center;margin-right:15px;margin-left:15px;}
.contentMainConfig {}
.configContainer .config {padding-top: 15px;}
.configContainer .config fieldset {border-color:black;}

.configMenuTutorer {padding-top: 10px;}
.configMenuTutorer fieldset {border-color:black;}

.validPageAccueil {margin:10px 0px 0px 80px;}


.contentMain .pager {position:relative;width:200px;margin:0 auto;}

/*.contentMainTableur {float:left;clear:both;width:100%;height:87%;overflow: hidden;}*/
.contentMainTableur {float:left;clear:both;width:100%;}
.configWrapper .greenLabel {font-weight:bold;}



/* Mes Groupes */
#groupe {height:100%;}

.barreButtonsGrp {display:flex;flex-direction:column;justify-content: center;height: 100%}
.barreFiltreGrp {display:flex;justify-content: center;height: 100%}
.barreButtonsGrpRow1{padding-left: 15px;}
.barreButtonsGrpRow2{}

.tableGrp{float:left;height:100%;width:100%;}


  
#tuteurs {height:100%;}  
.tableTuteurs{float:left;height:100%;width:100%;}
#tuteurs .contentHeader{height: 80px;}
  
#tuteurs .grpeRow {padding-top: 2px;}  

#apprenants {height:100%;}  
.tableApprenants{float:left;height:100%;width:100%;}
.appFindError{color:red;font-size:12px;margin-top: 0px;text-align: right;margin-bottom: -6px;}



/* Les Cours */
#lesCours {height:100%;}
.tableLesCours{float:left;height:100%;width:100%;}

.barreButtonsCours{height:100px;width:200px;float:left;margin-top:15px;display: inline}

.domainesButton {
	float:left;
	margin:10px 10px 0px 10px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 130px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}

.domainesButton:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}


.newDomaineBox{width:300px;height:22px}

.domainesDialogBox{width:700px;}


.nombreDomaineNeant{padding-left:20px;color:#C92A2A;font-weight:bold;float:left;}
.nombreDomaine {padding-left:20px;color:green;font-weight:normal;;float:left;}
.edit-cell-domaines input {width: 300px; }
.editFicheCours{width:700px;}

.menuPosD {width:100%;margin-right:15px;}


.vertical-panel-spacer{padding: 0.1em;margin: 0.1em; width: 100%;}

/* Les Parcours */
#lesParcours {height:100%;}
.tableLesParcours{float:left;height:100%;width:100%;}
#lesParcours .addParcoursBtn{width: 210px;}
#lesParcours .gestionCertifBtn{ width: 210px;}
#lesParcours .barreButtonsParcours{height: 100px;width: 230px;float: left;   padding-top: 0px;}


.EditParcoursForm{}
.EditParcoursForm .editParcoursLoading{clear:both;height:440px; text-align: center;padding-top: 20px;}
.EditParcoursForm .fieldset1EditParcours{width: 765px;}
.EditParcoursForm .fieldset2EditParcours{width: 765px;margin-bottom: 10px;}

.EditParcoursForm .titreListeParcours {width:741px;clear:both;float:left;border: 1px solid black;margin-left: 2px;text-align: center;height: 40px;background-color: #dddddd}

.EditParcoursForm .dnd-panel{clear: both;float: left;height: 440px;}
.EditParcoursForm .dnd-boundaryPanel{} .addParcoursBtn{}
.EditParcoursForm .dnd-panel-container{width: auto;}
.EditParcoursForm .dnd-panel-column-composite{padding: 1px;}
.EditParcoursForm .dnd-panel-column-heading, .EditParcoursForm .dnd-panel-column-widget
{
  padding: 0.1em;
  margin: 0.1em;
  width: 364px;
}

.EditParcoursForm .vertical-panel-spacer{height: 50px;}

.EditParcoursForm .dnd-panel-column-widget{ border: 1px solid #aaaaaa;}

.EditParcoursForm .dnd-panel-column-heading {border: 1px solid black;text-align: center;}
.EditParcoursForm .dnd-panel-column-heading {background-color: #f0a854; }
.EditParcoursForm .dnd-panel-column-widget {background-color: #ffffff; height: 35px;}

.EditParcoursForm .widgetDndLine {width:100%;height: 100%; display: flex; flex-direction: row;align-items: center;}
.EditParcoursForm .widgetDndLine img {height: 34px;}
.EditParcoursForm .widgetDndTxt{display: flex;flex-direction: column; justify-content: center;padding-left: 5px;height: 100%;overflow: hidden;font-weight:bold}
.EditParcoursForm .editCertif{cursor:pointer;float:left;width: 25px;height: 25px;}

.EditParcoursForm .erreur {color:#C92A2A;font-weight:normal;margin-top:0px;margin-bottom:10px;float:left;margin-left:2px}


.nombreCertifNeant{padding-left:20px;color:#C92A2A;font-weight:bold;float:left;}
.nombreCertif {padding-left:20px;color:green;font-weight:normal;;float:left;}
.edit-cell-certification input {width: 300px; }
.txtSuppCertifUtilise{ font-weight: bold; color: #000000;}
.certificationsDialogBox{width:700px;}


/* loading gif*/
/*#Loading-Message {width:150px;height:150px;margin:33%;position:absolute;} */
#Loading-Message img {float:left;margin-left:25px;width:100px;height:100px;clear:both;}
#Loading-Message span {float:left;width:150px;height:50px;text-align:center;}

//#Loading-Message {width:150px;height:150px;bottom:-150px;position:absolute;margin:33%}

#Loading-Message {width:150px;height:150px;top:0;left:0;right:0;bottom:0;position:fixed;margin:auto;z-index: 999;padding-left: 170px;}

.popup {border:2px solid #000;border-radius:10px;}
.popup .dialogTopCenter {padding:15px;background:#399;}
.popup .dialogTopCenter a:hover{text-decoration:none;}
.redLabel {color:#C92A2A;font-weight:bold;}

/* Mes Cours */

.coursLine {width:100%;height:90px;margin-bottom:5px;display: flex;background:#282828;}

.disabled {pointer-events: none; opacity: 0.5;  background: #CCC;}


.coursLine .coursArrow {width:40px;background:#aaa; height:100%;  display: flex;flex-direction: column;	}
.coursLine .coursArrow .labelOrdre{color:#282828;font: 22px Trebuchet MS;text-align: center;padding-top: 10px;}
.coursLine .coursArrow .arrow {display: flex;height:100%;cursor:pointer; text-align: center;}

.coursLine .coursArrow .arrow .arrowUp {width:100%;height:100%;background:url(/anthracite/images/arrow-up.png) center no-repeat;}
.coursLine .coursArrow .arrow .arrowDn {width:100%;height:100%;background:url(/anthracite/images/arrow-down.png) center no-repeat;}



.coursLine .coursInfos {background:#282828;display: flex;height: 100%;width: 350px;flex-grow: 1}
.coursLine .coursInfos .imageCours {width: 100px; height: 100%;margin-left: 10px;display: flex;align-items: center}
.coursLine .coursInfos .imageCours img {width : 70px;	}

.coursLine .coursInfos .nomObjectifsCours {height:100%;width:100%;display: flex;flex-direction: column;justify-content: center;overflow: hidden;}

.coursLine .coursInfos .labelNomCours {color:#ffffff;font: 20px Trebuchet MS;padding-left: 10px;display: flex;align-items: flex-end;height: 50%;}
.coursLine .coursInfos .coursNomPanel{}

.coursLine .coursInfos .labelObjectifsCours {color:#1e89ca;font: 12px Trebuchet MS;padding-left: 10px;height: 50%;overflow: auto;box-sizing: content-box;padding-right: 17px;width: calc(100% - 10px);}


.coursLine .coursInfos .labelObjectifsCours p {margin-top: 0px; margin-bottom: 0px;}

.coursLine .coursInfosPlay{display:flex;flex-grow: 1;background-color: #282828;}
.coursLine .coursInfosPlay:hover{text-decoration: none}


.coursLine .coursPlay .coursPause {width:100%;height:100%;background:url(/anthracite/images/cours/coursPause2.png) center no-repeat;}
.coursLine .coursPlay .coursStop {width:100%;height:100%;background:url(/anthracite/images/cours/coursStop2.png) center no-repeat;}
.coursLine .coursPlay .coursOk {width:100%;height:100%;background:url(/anthracite/images/cours/coursPlay2.png) center no-repeat;background-size: 26px ;}

.coursLine .coursPlay {width:45px;background:#fcbd13;display: flex;align-items: center;justify-content: center}
.coursLine .coursStatus {width:200px;background:#282828;display: flex;flex-direction: column;  align-items: center;min-width: 200px;justify-content: center}

.coursLine .coursStatusPart1 {}
.coursLine .coursStatusPart2 {height: 15px;width:100%;color: white;display: flex;justify-content: center;}

//.coursPlay:hover {display:block;width:84px;height:62px;background:url(/anthracite/images/cours/coursPlayHover.png);margin:25px 0 0 10px;}


.coursLine .coursStats {width:100%;background:#787878;margin-right:15px;}
.coursLine .coursStats .periode {width:100%;height:20px;color:#222;font:italic 14px Trebuchet MS;padding-top:5px;text-align:center;}
.coursLine .coursStats .dureeRestante {height:48px;}
.coursLine .coursStats .dureeRestante .camembert {margin:0 25px 0 25px;}
.coursLine .coursStats .dureeRestante .reste {color:#fff;font:italic 15px Trebuchet MS;margin-top:12px;}
.stats {width:100%;height:48px;margin-top:-5px;}
.stats .noteLabel {width:60px;color:#000;font:normal 16px Trebuchet MS;margin:14px 10px 0px 3px;}

.stats .noteImage {margin:9px 20px 0 0;}
.stats .noteContainer {width:15px;height:35px;background-color:#F0A854;border:solid 1px #000;}
.stats .notebar {width:15px;padding:0px;background-color:#fff;}

.stats .progress {width:135px;}
.stats .progress .top {width:100%;height:19px;}
.stats .progress .top .silhouette {margin:0px 3px 0px -3px;}
.stats .progress .top .pct {color:#343434;font:normal 18px Trebuchet MS;margin:12px 0 0 -5px;width:46px;}

.stats .progress .pct2 {color:#ffffff;font:normal 14px Trebuchet MS;}
.stats .progress .progressbarContainer2 {width:110px;height:10px;border:solid 1px #ffffff;}


.stats .progress .progressbarContainer {width:110px;height:10px;background-color:#fff;border:solid 1px #000;}
/* .stats .progress .progressbar{height:10px;background-color:#069;} */
.stats .progress .progressbar{height:10px;background-color:#F0A854;}
.stats .progress .progressbarLR{height:10px;padding:0px;}


.coursLine .coursInfos .topCours {height:41px;padding-top:5px;width:100%;}
.coursLine .coursInfos .topCours .tuteurs {width:100%;color:#404040;font:italic 14px Trebuchet MS;margin-left:10px;overflow: hidden;text-overflow: ellipsis;border-right:1px solid #bbbcbe;}
.coursLine .coursInfos .topCours .groupe {width:100%;color:#404040;font:italic 14px Trebuchet MS;margin-left:7px;padding-left:10px;}
.coursLine .coursInfos .topCours .divers {width:75%;text-align:right;float:right;}
.coursLine .coursInfos .cours {height:64px;}
.coursLine .coursInfos .cours .img {margin:0 0 0 10px;}
.coursLine .coursInfos .cours .label {color:#000;font:bold 16px Trebuchet MS;margin:10px 0 0 15px;}
.coursLine .coursInfos .cours .label2 {color:#000;font:bold 16px Trebuchet MS;margin:10px 0 0 15px;}
.coursLine .coursInfos .cours .label2:hover{cursor:pointer;corsor:hand;text-decoration:underline;}




#mesCours .contentMain {border-top: solid 1px black;}
#mesCours {height: 100%;}

#mesCours .stats .progress .progressbar{height:20px;}

#mesCours .sequences {width:100%;margin-bottom:5px;}

.sequenceNonCommencee{background-color:#999999;}
.sequenceCommencee{background-color:#eeeeee;}

#mesCours .seqLine {display: flex;flex-direction: row;height: 70px;margin-left: 100px;margin-bottom: 5px;}
#mesCours .seqLine .seqLabel {width:100%; color:#666666;font:normal 18px Trebuchet MS;display: flex;align-items: center;justify-content: left;padding-left: 10px;}
#mesCours .seqLine .status {display: flex;align-items: center;width: 200px;justify-content: center;min-width: 200px;}

#mesCours .seqLine .stats .progress .pct2 {color:#000000;font:normal 14px Trebuchet MS;}
#mesCours .seqLine .stats .progress .progressbarContainer2 {width:110px;height:10px;border:solid 1px #000000;}

#mesCours .seqLine .stats .progress .progressbar{height:10px;background-color:#48b063;}


#mesCours .seq {margin:5px 0 0 48px;}
#mesCours .seq .sequence {margin-left:30px;}

.MesCoursInfoGroupe{float:left;padding-left:15px;}

/* Cours */
#cours {float:left;width:100%;height:100%;}




.stats {width:100%;height:48px;}
.stats .noteLabel {width:67px;color:#000;font:normal 16px Trebuchet MS;margin:14px 10px 0px 3px;}
/* .stats .noteLabel:hover {text-decoration:underline;} */
.stats .noteImage {margin:9px 20px 0 0;}
.stats .noteContainer {width:15px;height:35px;background-color:#F0A854;border:solid 1px #000;}
.stats .notebar {width:15px;padding:0px;background-color:#fff;}



.gwt-SplitLayoutPanel-HDragger {
  background: #696969 url(/anthracite/images/thumb_vertical.png) center center no-repeat;
  cursor: col-resize;
}

/* Profil */
.ValiderProfil {float:left;margin:5px 0px 5px 280px;}

/* Error page*/
.error_page {float:left;width:450px;height:250px;background:#444;color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin:200px 0 0 35%;}
.error_page a {color:#fff;}

/* Message */

.filtreMess {}
.firstDiv {width:100%;float:left;height:100%}
.secondDiv {float:left;width:100%;margin:0px 0px 10px 0px;}
.secondDiv .pager {margin-left:34%;float:left;}
.secondDiv .buttonMess {clear:both;float:left;} 
/* .viewMess {clear:both;float:left;border:2px solid #B3B3FC;border-radius:8px;box-shadow:5px 5px 0 #DDDDFF;width:98%;margin-left:5px;} */
.viewMess {}
.titleMess {float:left;font-size:1.5em;color:#4B4A4A;width:60%;}
.title {width:100%;text-align:center;}
.message_lu {font-weight:normal;}
.message_non_lu {font-weight:bold;}
.setFiltre {max-width:600px;border-radius:5px;margin-top:5px}
.float {float:left;}

.mess-textarea {font-size:1.2em;width:583px;height:300px;resize:none;overflow:auto;}
.mess-objet {width:583px;}


.firstDivMess {float:left;width:100%;padding:0px 5px 0px 5px;}
.firstDivMess .secondDivMess {float:left;width:100%;margin-bottom:5px;}
.filtrerButton {vertical-align:top;text-align:center;}
.gererTuteurGrpe {
	float:left;
	margin:-4px 0px 0px 25px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	text-align: center; 
	width: 150px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.gererTuteurGrpe:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}

.validUserButton, .validMonCompteButton {
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}


.validUserButton {
	float:left;
	margin:20px 0px 0px 115px;
	width: 150px;
}

.validMonCompteButton{
	width: 100px;

}

.validUserButton:hover, .validMonCompteButton:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}

.addTutButton,.fermerButton {
	float:right;
	margin:0px 10px 8px 0px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.addTutButton:hover,.fermerButton:hover{
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}

.validRenommer{
	float:none;
	margin:0px 0px 20px 0px;
	font-size:1.2em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 180px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.validRenommer:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}

.generer {float:left;margin:10px 0px 0px 175px;}
.genererWithCom {float:left;margin:110px 0px 0px 175px;}
.archiverBut {float:left;margin:0px 0px 0px 50px;}


.addUButton {
	float:left;
	margin:10px 10px 0px 10px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 180px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.addUButton:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}



.addUsersBtn, .genQrCodes{

	margin-top:5px;
}

#droits {height:100%;}
.tableProfils{float:left;height:100%;width:100%;}
.barreButtonsProfils{height:100px;width:200px;float:left;margin-top:15px;display: inline}


.addProfilButton {
	float:left;
	margin:10px 10px 0px 10px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 160px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.addProfilButton:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}

.validConfigMenu {
	float:left;
	margin:10px 0px 0px 50px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 160px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.validConfigMenu:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}

.validConfig, .validPageAccueil {
	float:left;
	margin:10px 0px 0px 80px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 160px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.validConfig:hover, .validPageAccueil:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}

.envoyerMess {
	float:left;
	margin:5px 0px 5px 3px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 170px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.envoyerMess:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}



#messages {height:100%;}
.tableMessages{float:left;height:100%;width:100%;}

.barreButtonsMessages {display:flex;flex-direction:column;justify-content: center;width:200px;height: 100%}


.detailsMessage{width:500px;height: 250px; margin:0 auto; overflow: hidden;}
		
.contenuDetailMess {color:#4B4A4A;width:100%;height:155px;font-size:1.1em;white-space:pre-line;overflow-y:auto;margin-left: 5px;padding-left:5px;background-color: #ffffff;margin-right: 5px; }

.titleDetailMess{color:black;font-weight:bold;font-size:0.9em;}
.messContainer{display: flex;width: 100%;}
.viewMessHeader{}
.viewMessage{background-color: #dddddd}

.nouveauMess {
	margin-left:5px;
	font-size:1.1em;
	border: 1px solid #4C4C54;
	padding: 5px 0px 5px 0px;
	text-align: center; 
	width: 180px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 2px 2px 2px;
	-moz-box-shadow: #666 2px 2px 2px;
	box-shadow: #666 2px 2px 2px;
	background: #F0A856;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0A856), to(#F4CA9A));
	background: -webkit-linear-gradient(#F0A856, #F4CA9A);
	background: -moz-linear-gradient(#F0A856, #F4CA9A);
	background: linear-gradient(#F0A856, #F4CA9A);
	-pie-background: linear-gradient(#F0A856, #F4CA9A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.nouveauMess:hover {
	cursor:pointer;
	cursor:hand;
	background: #CF7A17;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF7A17), to(#F1B36A));
	background: -webkit-linear-gradient(#CF7A17, #F1B36A);
	background: -moz-linear-gradient(#CF7A17, #F1B36A);
	background: linear-gradient(#CF7A17, #F1B36A);
	-pie-background: linear-gradient(#CF7A17, #F1B36A);
	behavior: url(/anthracite/pie/PIE.htc);
}
.testButton {
	font-size: small;
	font-weight:bold;
	color:white;
  	padding: 3px 5px;
	border: 1px solid #AE1E1E;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #555 2px 2px 2px;
	-moz-box-shadow: #555 2px 2px 2px;
	box-shadow: #555 2px 2px 2px;
	background: #111111;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EB8989), to(#AE1E1E));
	background: -moz-linear-gradient(#EB8989, #AE1E1E);
	background: linear-gradient(#EB8989, #AE1E1E);
	-pie-background: linear-gradient(#EB8989, #AE1E1E);
	behavior: url(/anthracite/pie/PIE.htc);
	display: inline-block;
	position:relative;
}
.testButton:hover {
	cursor: pointer;
  	cursor: hand;
	background: #B12525;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B12525), to(#721D1D));
	background: -moz-linear-gradient(#B12525, #721D1D);
	background: linear-gradient(#B12525, #721D1D);
	-pie-background: linear-gradient(#B12525, #721D1D);
	behavior: url(/anthracite/pie/PIE.htc);
}


.tableLoading {text-align:center}

/* Dialog Box Override Css, rm all gwt-DialogBox css in standard.css */

.gwt-DialogBox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #585858;
	-webkit-box-shadow: #111 7px 7px 7px;
	-moz-box-shadow: #111 7px 7px 7px;
	box-shadow: #111 7px 7px 7px;
	behavior: url(/anthracite/pie/PIE.htc);
    background:#eee;
    width:600px;
    position:absolute; 
    z-index:5000; 
}


.gwt-DialogBox .dialogTopCenterInner {margin-left:35px;}

.gwt-DialogBox .dialogTopCenter {
	padding: 4px 4px 4px 8px;
	cursor: move;
	border-bottom: 3px solid #E5881D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	border-radius:5px;
	font-size:1.4em;
	background-color:#D8D6D6;
	height:35px;
	behavior: url(/anthracite/pie/PIE.htc);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.gwt-DialogBox .dialogTopCenter {
		padding: 4px 4px 4px 8px;
		cursor: pointer;
		border-bottom: 3px solid #E5881D;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius:5px;
		border-radius:5px;
		font-size:1.4em;
		background-color:#D8D6D6;
		height:35px;
		behavior: url(/anthracite/pie/PIE.htc);
	}
}
.gwtButtonClose {float:right; margin-top:-40px;margin-right:12px;display:block;}
/* .gwtButtonCloseAddTut {float:right; margin-top:-218px;margin-right:12px;display:block;} */
/* .gwtButtonCloseAddCours {float:right; margin-top:-246px;margin-right:12px;display:block;} */
.gwt-DialogBox table {width:100%;}

.popup {border:2px solid #000;border-radius:10px;}
.popup .dialogTopCenter {padding:15px;background:#399;}
.popup .dialogTopCenter a:hover{text-decoration:none;}
.redLabel {color:#C92A2A;font-weight:bold;}


/* PopUp Groupe */
.pagerGrpAddTut {margin-left:37%;float:left;min-width:170px;}
.greenLabel {color:green;}
.grpeRow {float:left;clear:both;font-size:1.2em;display: flex;align-items: center;padding-top: 1px;}



.grpeRowTutorer {float:left;clear:both;font-size:12px;height:29px;margin-top:5px;width: 100%;display: flex;}

.grpeRowTut {float:left;clear:both;font-size:1.0em;}
.grpeRowApp {float:left;clear:both;font-size:1.1em;}
.grpeRowAppTut {float:left;clear:both;font-size:1.2em;}
.grpeRowDate {float:left;clear:both;font-size:1.0em;}
.aAddGrp {color:#AAAAAA;font-size:0.9em;}
a.aAddGrp:hover {text-decoration:underline;color:#777676;}


.grpeRowTutorer a {text-decoration: underline;color:black;border:1px solid black;width: 100%;display: flex;align-items:center;flex-wrap:nowrap;white-space: nowrap;padding-left: 5px;padding-right: 5px;}
.grpeRowTutorer a:hover {text-decoration: underline;background-color: #ea9532;}



.buttonValider {
	clear:both;
	margin: 0px 10px 5px 0px;
	float:right;
	border: 1px outset #CCCCCC;
	padding:  2px;
	text-align: center;
	width: 120px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #666 2px 2px 3px;
	-moz-box-shadow: #666 2px 2px 3px;
	box-shadow: #666 2px 2px 3px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#B5B5B5));
	background: -moz-linear-gradient(#FFFFFF, #B5B5B5);
	background: linear-gradient(#FFFFFF, #B5B5B5);
	-pie-background: linear-gradient(#FFFFFF, #B5B5B5);
	behavior: url(/anthracite/pie/PIE.htc);
	display: inline-block;
	position:relative;
}
.buttonValider:hover {
	cursor: pointer;
	cursor: hand;
	background: #E8E8E8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8E8E8), to(#B0B0B0));
	background: -moz-linear-gradient(#E8E8E8, #B0B0B0);
	background: linear-gradient(#E8E8E8, #B0B0B0);
	-pie-background: linear-gradient(#E8E8E8, #B0B0B0);
	behavior: url(/anthracite/pie/PIE.htc);
}
.buttonAddTut {
	margin: 0px 100px 0px 10px;
	padding:1px 1px 1px 4px;
	clear:none;
	float:none;
	width:100px;
	box-shadow:1px 1px 2px #666666;
}

.buttonDelCours {
	margin:8px 0px 0px 20px;
	padding:1px 1px 1px 4px;
	clear:none;
	float:left;
	width:100px;
	box-shadow:1px 1px 2px #666666;
}

.buttonDelTuteur {
	margin:8px 0px 0px 20px;
	padding:1px 1px 1px 4px;
	clear:none;
	float:left;
	width:100px;
	box-shadow:1px 1px 2px #666666;
}

.buttonDelApp {
	margin:8px 0px 0px 20px;
	padding:1px 1px 1px 4px;
	clear:none;
	float:left;
	width:90px;
	box-shadow:1px 1px 2px #666666;
}
.buttonValDate {
	margin:0px 0px 0px 40px;
	padding:1px 1px 1px 4px;
	clear:none;
	float:left;
	width:220px;
	box-shadow:1px 1px 2px #666666;
}

.buttonAddC {
	margin:0px 0px 0px 10px;
	padding:1px 1px 1px 4px;
	clear:none;
	float:none;
	width:90px;
	box-shadow:1px 1px 2px #666666;
}
.buttonValiderCours {
	width:130px;
}

.buttonAddApp {
	margin:0px 100px 0px 0px;
	padding:1px 1px 1px 4px;
	clear:none;
	float:right;
	width:80px;
	box-shadow:1px 1px 2px #666666;
}



.buttonAddDomaine
{
	margin: 0px 0px 0px 10px;
	padding:1px 1px 1px 4px;
	clear:none;
	float:none;
	width:100px;
	box-shadow:1px 1px 2px #666666;
}




.nombreAppNeant {padding-left:20px;color:#C92A2A;font-weight:bold;}
.nombreAppNb {padding-left:20px;color:green;font-weight:normal;}

.nombreCoursNeant {padding-left:20px;color:#C92A2A;font-weight:bold;}
.nombreCoursNb {padding-left:20px;color:green;font-weight:normal;}


.nombreTuteurNeant {padding-left:20px;color:#C92A2A;font-weight:bold;}
.nombreTuteursNb {padding-left:20px;color:green;font-weight:normal;}



.validationOK {font-size:15px;font-weight:bold;color:green;float:right;margin-right:10px;margin-top:20px;}
.valEditAppOK {font-size:15px;font-weight:bold;color:green;float:right;margin-right:10px;margin-top:-10px;}
.divDelCours {width:100%;float:left;}
.divDelCours span {float:left}

.gwt-PopupPanel {z-index:5000;}

.gwt-DialogBoxAddApp {width:800px;}
.gwt-DialogBoxCoursSuivi {width:950px;}
.gwt-DialogBoxEditUser {width:600px;}
.gwt-DialogBoxEditGrpTut {width:600px;}
.gwt-DialogBoxGrpEditSessions{width:820px;}
.gwt-DialogBoxEditFicheParcours {width: 800px;height:805px}


.editUserForm{height:760px;width:800px;}
.editUserLoading{text-align: center;margin-top:320px;}
.editProfilLoading{text-align: center;margin-top:320px;}
.editProfilForm{height:760px;width:800px;}

.editUserForm #photoContainer{height: 200px;width:49%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.editUserForm #photoContainer #photoUpload{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.editUserForm #photoContainer #photoCadre{width: 120px;height: 120px;margin-bottom: 10px}
.editUserForm #photoContainer #uploadButton{margin-top:; 5px;}
.editUserForm #photoContainer #photo{width: 100%;height: 100%;cursor: pointer;border-radius: 50%;}

#photoContainer #panelEnvoyer{font-size: 11px;width: 100%; text-align: center;}

.photoUploadErr{color: red}
.photoUploadOk{color: green}
.photoUploadMess{color: black}

.profilFormScroll,.userFormScroll {height:665px;width:100%}

.userFormScrollProfils {height:145px;width:100%}


.gwt-DialogBox table thead input[type="checkbox"] {float:left;margin-left:6px;}
table thead input[type="checkbox"] {float:left;margin-left:6px;}

.dateDebApp {font-size:12px;width:95px;margin:5px 0px 0px 384px;}
.dureeBoxApp {width:50px;margin:5px 10px 0px 65px;height:15px;}
.validGrpError {float:right;color:#C92A2A;font-weight:bold;margin:5px 10px 0px 0px;}

.AppDateToutGrp{margin:14px 0px 0px 274px;display:inline;float:left;}
.AppDateToutGrp2{margin:14px 0px 0px 385px;display:inline;float:left;}
.AppDureeToutGrp{margin:14px 10px 0px 93px;display:inline;float:left;}


.appLate {color:#C92A2A;}

.addAppTxt {display:inline;float:left;}
.addAppDate {display:inline;float:left;margin-left:34.5%;}
.addAppDuree {display:inline;float:left;margin-left:11.5%;}
.dateBoxDeb {height:22px;width:95px;margin-left:25px;}
.dateBoxDuree {height:22px;width:50px;margin-left:63px;}

.gwt-TextBox-readonly {
  color: #7f7f7f;
}

/*gerer les user*/
.flitreCell {margin-left:10px;height: 100%}
.anchEx {cursor:pointer;float:left;margin-left:15px;background:url("/anthracite/images/help.png") no-repeat 0px 0px;width:32px;height:32px;}

.barreButtonsUsers {display:flex;flex-direction:column;justify-content: center;width:200px;height: 100%}
.tableUsers{float:left;height:100%;width:100%;}

.barreButtonsUsers2 {display:flex;flex-direction:column;width:200px;height: 100%;margin-top: 5px;margin-left: 5px;}
.entitesDialogBox{width:550px;}
.newEntiteBox{width:300px;height:22px}
.usersEntitesBtn{margin-top: 7px;width: 120px;}
.edit-cell-entite input {width: 300px; }
.nombreEntiteNeant{padding-left:20px;color:#C92A2A;font-weight:bold;float:left;}
.nombreEntite {padding-left:20px;color:green;font-weight:normal;;float:left;}
.txtSuppEntiteUtilise{ font-weight: bold; color: #000000;}

/*.importUsers{float:left;width:200px;height:100px;padding:5px;}*/

.importUsers{display:flex;flex-direction:column;height:100%;justify-content: center;}
.importUsersRow1{width:100%;display:flex}
.importUsersRow2{width:100%;display:flex}



/* Gerer les Apprenants */
.imgI2 {cursor:pointer;clear:both;font-size:12px;width:100%;}
.imgI2:hover {text-decoration:underline;}

.filtreCell2 {display:flex;flex-direction:column;justify-content: center; width:450px;height: 100%;padding-left: 10px;}
.filtreCell2row1{}
.filtreCell2row2{}

.appOkButton {float:right;padding:0px;height:22px;width:80px;}
.rechercher {float:right;color:white;font-size:12px;margin-top:5px;}
.reinitB {float:right;}

/* /Gerer les Tuteurs */
.buttonTuteurDelGrp {margin:-32px 35px 0px 0px;}


/* TUTORER APRENANTS */
.tableTutorerApp{float:left;height:100%;width:100%;}
#tutorerApprenant {height:100%;}


/* TUTORER */
#tutorer {height:100%;}
.tableTutorer{float:left;height:100%;width:100%;}

.tutorerTrackingImgOff {background:url("/anthracite/images/stats/trackingOff.png");width:20px;height:20px;background-repeat:no-repeat;}
.tutorerTrackingImgOff:hover {cursor:pointer;cursor:hand;}
.tutorerTrackingImgOn {background:url("/anthracite/images/stats/trackingOn.png");width:20px;height:20px;background-repeat:no-repeat;}
.tutorerTrackingImgOn:hover {cursor:pointer;cursor:hand;}
.tutorerDelData {background:url("/anthracite/images/stats/deleteTracking.png");width:25px;height:25px;background-repeat:no-repeat;}
.tutorerDelData:hover {cursor:pointer;cursor:hand;}

.tutorerInfos{display: flex;align-items: center;}

.tutorerInfoGroupe {width:320px;margin-left:5px;}
.tutorerInfoFiltre {width: 200px;}

.tutorerNoGrp {color:#C92A2A;font-weight:bold;float:left;font-size:16px;margin-left:20px;}



.bottomLabel, .bottomLabelUser {color:#fff;float:left;margin-left:70px;font-size:16px;}
.bottomLabelUser {margin-left:30px}

.bottomLabelNoElt{color:#C92A2A;font-weight:bold;float:left;font-size:16px;margin-left:20px;}



.tutorerAvaParcours {width:65px;display: flex;justify-content: center;align-items: center;height:30px;font:normal 14px Trebuchet MS}

.tutorerAva {width:120px;float:left;height:30px;}
.tutorerApprenantAva {width:120px;float:left;height:30px;margin-left:10px;margin-top:-7px;}
.tutorerAva:hover {cursor:pointer;text-decoration:underline;}

.tutorerAppFilter{float: left;margin-left: 200px;align-self: center;}


.tutorerAppFilterSeq{width: 415px;float: left;}

.boxStats {width:100%;text-decoration:none;}
.boxStats :hover {cursor:pointer;text-decoration:underline;}
.tutorerAppScore {width:10px;height:25px;float:left;}
.detailExo {float:left;overflow-y:auto;overflow-x:hidden;width:100%;}
.frameCorrige {float:left;border:none;}
.frameCorr {border:none;float:left;width:100%;}

.popupTrackTab {clear:both;float:left;border-spacing:0;border-collapse:collapse;width:100%;}
.popupTrackTabCoursHeader {width:83%;padding:5px;height:15px;font-weight:bold;text-align:center;border-bottom:1px solid black;}
.popupTrackTabDelHeader {width:17%;padding:5px;height:15px;font-weight:bold;border-left:1px solid black;border-bottom:1px solid black;text-align:center;}
.popupTrackCoursPaire {width:83%;padding:5px;height:20px;font-size:14px;}
.popupTrackCoursImpaire {width:83%;padding:5px;height:20px;background-color:#ffe2a5;;font-size:14px;}
.popupTrackDelPaire {width:17%;padding:5px;height:20px;font-size:14px;border-left:1px solid black;text-align:center;}
.popupTrackDelImpaire {width:17%;padding:5px;height:20px;background-color:#ffe2a5;border-left:1px solid black;font-size:14px;text-align:center;}
.popupTrackImgDel:hover {cursor:pointer;cursor:hand;}
.popupTrackTabCoursTous {width:83%;padding:5px;height:20px;font-weight:bold;background-color:#d8d6d7;border-top:1px solid black;}
.popupTrackTabDelTous {width:17%;padding:5px;height:20px;font-weight:bold;background-color:#d8d6d7;border-left:1px solid black;text-align:center;border-top:1px solid black;}
.popupTrackCoursNiveau1 {padding-left:30px;}


.htmlPanelDetail {float:left;width:100%;margin:15px 0px 0px 5px;}
.panelDetail {float:left;width:95%;}
.noteDetailFirst {clear:both;float:left;width:70px;padding-top:3px;}
.noteDetail {clear:both;float:left;width:70px;padding-top:3px;}

.respPaire {float:left;width:100%;background-color:#eee;}
.respPaire p{display:inline;}
.respImaire {float:left;width:100%;background-color:#d3d3d3;}
.respImaire p{display:inline;}

.ContentDetail {margin-top:47px;}
.anchPdfDown {cursor:pointer;float:left;margin-left:45px;background:url("/anthracite/images/pdf_download.png") no-repeat 0px 0px;width:48px;height:48px;}
.bilanCoursName {width:45%;border:1px solid black;padding:5px;height:25px;}
.bilanCoursInfo {width:15%;border:1px solid black;padding:5px;text-align:center;height:25px;}
.bilanCoursNameHeader {width:45%;padding:5px;height:15px;font-weight:bold;background-color:#F0A854;border-left:1px solid #F0A854;}
.bilanCoursInfoHeader {width:15%;padding:5px;text-align:center;height:15px;font-weight:bold;background-color:#F0A854;border-left:1px solid black;}
.bilanCoursInfoHeaderLast {width:15%;padding:5px;text-align:center;height:15px;font-weight:bold;background-color:#F0A854;border-right:1px solid #F0A854;border-left:1px solid black;}

.bilanCoursTitle {float:left;width:100%;margin-top:20px;border-top:1px solid #F0A854;padding-top: 5px;}
.FlexTableCours {clear:both;float:left;border-spacing:0;border-collapse:collapse;width:85%;margin-left:50px;margin-right:10%;}

.FlexTableSqce { clear:both;float:left;border-spacing:0;border-collapse:collapse;width:70%;margin-left:50px;}
.bilanSqceNameHeader {width:65%;padding:5px;height:15px;font-weight:bold;background-color:#9d9ea0;}
.bilanSqceInfoHeader {width:15%;padding:5px;text-align:center;height:15px;font-weight:bold;background-color:#9d9ea0;border-left:1px solid #4c4c54;}

.bilanSqceNamePaire {width:65%;padding:5px;height:25px;border-left:1px solid #eee;}
.bilanSqceNameImpaire {width:65%;padding:5px;height:25px;background-color:#eee;}
.bilanSqceNameLast {width:65%;padding:5px;height:25px;background-color:#F3D479;border-top:1px solid #4c4c54;}
.bilanSqceInfoPaire {width:15%;border-left:1px solid #4c4c54;padding:5px;text-align:center;height:25px;}
.bilanSqceInfoImpaire {width:15%;border-left:1px solid #4c4c54;padding:5px;text-align:center;height:25px;background-color:#eee;}
.bilanSqceInfoLast {width:15%;border-left:1px solid #4c4c54;padding:5px;text-align:center;height:25px;border-top:1px solid #4c4c54;background-color:#F3D479;}
.sqce_img_bilan {float:left;margin:0px 3px 0px 0px;}

.bilanDetailsExoDateHeader {width:18%;padding:5px;height:15px;background-color:#70a8d8;font-weight:bold;border-left:1px solid #70a8d8;text-align:center;}
.bilanDetailsExoStatutHeader {width:10%;padding:5px 5px 5px 10px;height:15px;background-color:#70a8d8;font-weight:bold;border-left:1px solid #4c4c54;}
.bilanDetailsExoNameHeader {width:52%;padding:5px;height:15px;background-color:#70a8d8;font-weight:bold;border-left:1px solid #4c4c54;}
.bilanDetailsExoResHeader {width:10%;padding:5px;height:15px;background-color:#70a8d8;font-weight:bold;border-left:1px solid #4c4c54;text-align:center;}
.bilanDetailsExoInfoDureeHeader {width:10%;padding:5px;height:15px;background-color:#70a8d8;font-weight:bold;border-left:1px solid #4c4c54;border-right:1px solid #70a8d8;text-align:center;}

.bilanDetailsExoDatePaire {width:18%;padding:5px;height:20px;text-align:center;border-left:1px solid #70a8d8;}
.bilanDetailsExoDateImpaire {width:18%;padding:5px;height:20px;text-align:center;background-color:#badeff;border-left:1px solid #70a8d8;}
.bilanDetailsExoStatutPaire {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;border-left:1px solid #4c4c54;}
.bilanDetailsExoStatutImpaire {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;background-color:#badeff;border-left:1px solid #4c4c54;}
.bilanDetailsExoNamePaire {width:52%;padding:5px;height:20px;border-left:1px solid #4c4c54;}
.bilanDetailsExoNameImpaire {width:52%;padding:5px;height:20px;border-left:1px solid #4c4c54;background-color:#badeff;}
.bilanDetailsExoResPaire {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;text-align:center;}
.bilanDetailsExoResImpaire {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;text-align:center;background-color:#badeff;}
.bilanDetailsExoInfoDureePaire {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;border-right:1px solid #70a8d8;text-align:center;}
.bilanDetailsExoInfoDureeImpaire {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;border-right:1px solid #70a8d8;text-align:center;background-color:#badeff;}

.bilanDetailsExoDatePaireLast {width:18%;padding:5px;height:20px;text-align:center;border-left:1px solid #70a8d8;border-bottom:1px solid #BADEFF;}
.bilanDetailsExoStatutPaireLast {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;border-left:1px solid #4c4c54;border-bottom:1px solid #BADEFF;}
.bilanDetailsExoNamePaireLast {width:52%;padding:5px;height:20px;border-left:1px solid #4c4c54;border-bottom:1px solid #BADEFF;}
.bilanDetailsExoResPaireLast {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;text-align:center;border-bottom:1px solid #BADEFF;}
.bilanDetailsExoInfoDureePaireLast {width:10%;padding:5px;height:20px;border-left:1px solid #4c4c54;border-right:1px solid #70a8d8;text-align:center;border-bottom:1px solid #BADEFF;}

.FlexTableConnex {clear:both;float:left;border-spacing:0;border-collapse:collapse;width:35%;margin-left:50px;margin-bottom:15px;}
.bilanConnexDateHeader {width:50%;padding:5px;height:15px;font-weight:bold;background-color:#9d9ea0;text-align:center;}
.bilanConnexTimeHeader {width:50%;padding:5px;height:15px;font-weight:bold;background-color:#9d9ea0;border-left:1px solid #4c4c54;text-align:center;}
.bilanConnexDatePaire {width:50%;padding:5px;height:18px;text-align:center;border-left:1px solid #eee;border-bottom:1px solid #eee;}
.bilanConnexDateImpaire {width:50%;padding:5px;height:18px;text-align:center;background-color:#eee;}
.bilanConnexTimePaire {width:50%;padding:5px;height:18px;text-align:center;border-left:1px solid #4c4c54;border-bottom:1px solid #eee;border-right:1px solid #eee;}
.bilanConnexTimeImpaire {width:50%;padding:5px;height:18px;text-align:center;background-color:#eee;border-left:1px solid #4c4c54;}
.bilanConnexTotalTitle {width:50%;background-color:#aeaeae;padding:5px;border-right:1px solid black;border-top:1px solid black;text-align:center;height:18px;font-weight:bold;}
.bilanConnexTotalValue {width:50%;background-color:#aeaeae;padding:5px;border-top:1px solid black;text-align:center;height:18px;font-weight:bold;}


.bilanDetailsExoTitle { clear:both;float:left;}

@media print 
{
	.FlexTableSqce { Page-Break-Inside:avoid; width:90%;}
	.FlexTableCours { Page-Break-Inside:avoid; width:90%;}
	.FlexTableConnex { Page-Break-Inside:avoid;}
	.bilanCoursTitle { Page-Break-Inside:avoid;}
	
	.bilanDetailsExoDateHeader{width:12%;}
	.bilanDetailsExoStatutHeader {width:16%;}
}

/* Ca c'est moche, a terme faire un horizontalPanel et setWidth comme dans \/mescours */
.margin0{margin:0px 0px 0px 0px;}
.margin1{margin:0px 0px 0px 1px;}
.margin2{margin:0px 0px 0px 2px;}
.margin3{margin:0px 0px 0px 3px;}
.margin4{margin:0px 0px 0px 4px;}
.margin5{margin:0px 0px 0px 5px;}
.margin6{margin:0px 0px 0px 6px;}
.margin7{margin:0px 0px 0px 7px;}
.margin8{margin:0px 0px 0px 8px;}
.margin9{margin:0px 0px 0px 9px;}
.margin10{margin:0px 0px 0px 10px;}
.margin11{margin:0px 0px 0px 11px;}
.margin12{margin:0px 0px 0px 12px;}
.margin13{margin:0px 0px 0px 13px;}
.margin14{margin:0px 0px 0px 14px;}
.margin15{margin:0px 0px 0px 15px;}
.margin16{margin:0px 0px 0px 16px;}
.margin17{margin:0px 0px 0px 17px;}
.margin18{margin:0px 0px 0px 18px;}
.margin19{margin:0px 0px 0px 19px;}
.margin20{margin:0px 0px 0px 20px;}
.margin21{margin:0px 0px 0px 21px;}
.margin22{margin:0px 0px 0px 22px;}
.margin23{margin:0px 0px 0px 23px;}
.margin24{margin:0px 0px 0px 24px;}
.margin25{margin:0px 0px 0px 25px;}
.margin26{margin:0px 0px 0px 26px;}
.margin27{margin:0px 0px 0px 27px;}
.margin28{margin:0px 0px 0px 28px;}
.margin29{margin:0px 0px 0px 29px;}
.margin30{margin:0px 0px 0px 30px;}
.margin31{margin:0px 0px 0px 31px;}
.margin32{margin:0px 0px 0px 32px;}
.margin33{margin:0px 0px 0px 33px;}
.margin34{margin:0px 0px 0px 34px;}
.margin35{margin:0px 0px 0px 35px;}
.margin36{margin:0px 0px 0px 36px;}
.margin37{margin:0px 0px 0px 37px;}
.margin38{margin:0px 0px 0px 38px;}
.margin39{margin:0px 0px 0px 39px;}
.margin40{margin:0px 0px 0px 40px;}
.margin41{margin:0px 0px 0px 41px;}
.margin42{margin:0px 0px 0px 42px;}
.margin43{margin:0px 0px 0px 43px;}
.margin44{margin:0px 0px 0px 44px;}
.margin45{margin:0px 0px 0px 45px;}
.margin46{margin:0px 0px 0px 46px;}
.margin47{margin:0px 0px 0px 47px;}
.margin48{margin:0px 0px 0px 48px;}
.margin49{margin:0px 0px 0px 49px;}
.margin50{margin:0px 0px 0px 50px;}
.margin51{margin:0px 0px 0px 51px;}
.margin52{margin:0px 0px 0px 52px;}
.margin53{margin:0px 0px 0px 53px;}
.margin54{margin:0px 0px 0px 54px;}
.margin55{margin:0px 0px 0px 55px;}
.margin56{margin:0px 0px 0px 56px;}
.margin57{margin:0px 0px 0px 57px;}
.margin58{margin:0px 0px 0px 58px;}
.margin59{margin:0px 0px 0px 59px;}
.margin60{margin:0px 0px 0px 60px;}
.margin61{margin:0px 0px 0px 61px;}
.margin62{margin:0px 0px 0px 62px;}
.margin63{margin:0px 0px 0px 63px;}
.margin64{margin:0px 0px 0px 64px;}
.margin65{margin:0px 0px 0px 65px;}
.margin66{margin:0px 0px 0px 66px;}
.margin67{margin:0px 0px 0px 67px;}
.margin68{margin:0px 0px 0px 68px;}
.margin69{margin:0px 0px 0px 69px;}
.margin70{margin:0px 0px 0px 70px;}
/* Ca aussi c est bien moche, mais pas trouve d autre moyen pour l instant*/
.gwtDialogWidthApp {width:700px;height:90%;}

.gwtDialogWidth1000 {width:900px;height:90%;}
.gwtDialogWidth1010 {width:910px;height:90%;}
.gwtDialogWidth1020 {width:920px;height:90%;}
.gwtDialogWidth1030 {width:930px;height:90%;}
.gwtDialogWidth1040 {width:940px;height:90%;}
.gwtDialogWidth1050 {width:950px;height:90%;}
.gwtDialogWidth1060 {width:960px;height:90%;}
.gwtDialogWidth1070 {width:970px;height:90%;}
.gwtDialogWidth1080 {width:980px;height:90%;}
.gwtDialogWidth1090 {width:990px;height:90%;}
.gwtDialogWidth1100 {width:1000px;height:90%;}
.gwtDialogWidth1110 {width:1010px;height:90%;}
.gwtDialogWidth1120 {width:1020px;height:90%;}
.gwtDialogWidth1130 {width:1030px;height:90%;}
.gwtDialogWidth1140 {width:1040px;height:90%;}
.gwtDialogWidth1150 {width:1050px;height:90%;}
.gwtDialogWidth1160 {width:1060px;height:90%;}
.gwtDialogWidth1170 {width:1070px;height:90%;}
.gwtDialogWidth1180 {width:1080px;height:90%;}
.gwtDialogWidth1190 {width:1090px;height:90%;}
.gwtDialogWidth1200 {width:1100px;height:90%;}
.gwtDialogWidth1210 {width:1110px;height:90%;}
.gwtDialogWidth1220 {width:1120px;height:90%;}
.gwtDialogWidth1230 {width:1130px;height:90%;}
.gwtDialogWidth1240 {width:1140px;height:90%;}
.gwtDialogWidth1250 {width:1150px;height:90%;}
.gwtDialogWidth1260 {width:1160px;height:90%;}
.gwtDialogWidth1270 {width:1170px;height:90%;}
.gwtDialogWidth1280 {width:1180px;height:90%;}
.gwtDialogWidth1290 {width:1190px;height:90%;}
.gwtDialogWidth1300 {width:1200px;height:90%;}
.gwtDialogWidth1310 {width:1210px;height:90%;}
.gwtDialogWidth1320 {width:1220px;height:90%;}
.gwtDialogWidth1330 {width:1230px;height:90%;}
.gwtDialogWidth1340 {width:1240px;height:90%;}
.gwtDialogWidth1350 {width:1250px;height:90%;}
.gwtDialogWidth1360 {width:1260px;height:90%;}
.gwtDialogWidth1370 {width:1270px;height:90%;}
.gwtDialogWidth1380 {width:1280px;height:90%;}
.gwtDialogWidth1390 {width:1290px;height:90%;}
.gwtDialogWidth1400 {width:1300px;height:90%;}
.gwtDialogWidth1410 {width:1310px;height:90%;}
.gwtDialogWidth1420 {width:1320px;height:90%;}
.gwtDialogWidth1430 {width:1330px;height:90%;}
.gwtDialogWidth1440 {width:1340px;height:90%;}
.gwtDialogWidth1450 {width:1350px;height:90%;}
.gwtDialogWidth1460 {width:1360px;height:90%;}
.gwtDialogWidth1470 {width:1370px;height:90%;}
.gwtDialogWidth1480 {width:1380px;height:90%;}
.gwtDialogWidth1490 {width:1390px;height:90%;}
.gwtDialogWidth1500 {width:1400px;height:90%;}
.gwtDialogWidth1510 {width:1410px;height:90%;}
.gwtDialogWidth1520 {width:1420px;height:90%;}
.gwtDialogWidth1530 {width:1430px;height:90%;}
.gwtDialogWidth1540 {width:1440px;height:90%;}
.gwtDialogWidth1550 {width:1450px;height:90%;}
.gwtDialogWidth1560 {width:1460px;height:90%;}
.gwtDialogWidth1570 {width:1470px;height:90%;}
.gwtDialogWidth1580 {width:1480px;height:90%;}
.gwtDialogWidth1590 {width:1490px;height:90%;}
.gwtDialogWidth1600 {width:1500px;height:90%;}
.gwtDialogWidth1610 {width:1510px;height:90%;}
.gwtDialogWidth1620 {width:1520px;height:90%;}
.gwtDialogWidth1630 {width:1530px;height:90%;}
.gwtDialogWidth1640 {width:1540px;height:90%;}
.gwtDialogWidth1650 {width:1550px;height:90%;}
.gwtDialogWidth1660 {width:1560px;height:90%;}
.gwtDialogWidth1670 {width:1570px;height:90%;}
.gwtDialogWidth1680 {width:1580px;height:90%;}
.gwtDialogWidth1690 {width:1590px;height:90%;}
.gwtDialogWidth1700 {width:1600px;height:90%;}
.gwtDialogWidth1710 {width:1610px;height:90%;}
.gwtDialogWidth1720 {width:1620px;height:90%;}
.gwtDialogWidth1730 {width:1630px;height:90%;}
.gwtDialogWidth1740 {width:1640px;height:90%;}
.gwtDialogWidth1750 {width:1650px;height:90%;}
.gwtDialogWidth1760 {width:1660px;height:90%;}
.gwtDialogWidth1770 {width:1670px;height:90%;}
.gwtDialogWidth1780 {width:1680px;height:90%;}
.gwtDialogWidth1790 {width:1690px;height:90%;}
.gwtDialogWidth1800 {width:1700px;height:90%;}
.gwtDialogWidth1810 {width:1710px;height:90%;}
.gwtDialogWidth1820 {width:1720px;height:90%;}
.gwtDialogWidth1830 {width:1730px;height:90%;}
.gwtDialogWidth1840 {width:1740px;height:90%;}
.gwtDialogWidth1850 {width:1750px;height:90%;}
.gwtDialogWidth1860 {width:1760px;height:90%;}
.gwtDialogWidth1870 {width:1770px;height:90%;}
.gwtDialogWidth1880 {width:1780px;height:90%;}
.gwtDialogWidth1890 {width:1790px;height:90%;}
.gwtDialogWidth1900 {width:1800px;height:90%;}
.gwtDialogWidth1910 {width:1810px;height:90%;}
.gwtDialogWidth1920 {width:1820px;height:90%;}
.gwtDialogWidth1930 {width:1830px;height:90%;}
.gwtDialogWidth1940 {width:1840px;height:90%;}
.gwtDialogWidth1950 {width:1850px;height:90%;}
.gwtDialogWidth1960 {width:1860px;height:90%;}
.gwtDialogWidth1970 {width:1870px;height:90%;}
.gwtDialogWidth1980 {width:1880px;height:90%;}
.gwtDialogWidth1990 {width:1890px;height:90%;}
.gwtDialogWidth2000 {width:1900px;height:90%;}



.gwt-DialogBox .Caption {
  background: none;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: none;
  border-top: none;
}

.gwt-DialogBox .dialogContent {
}
.gwt-DialogBox .dialogMiddleCenter {
  padding: 0px;
  background: none;
}

.gwt-DialogBox .dialogBottomCenter {
  background: none;
  -background: none;
}
.gwt-DialogBox .dialogMiddleLeft {
  background: none;
}
.gwt-DialogBox .dialogMiddleRight {
  background: none;
  -background: none;
}

.gwt-DialogBox .dialogTopLeftInner {
  width: 0px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopRightInner {
  width: 0px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomLeftInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomRightInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}

.gwt-DialogBox .dialogTopLeft {
	width: 0px;
  height: 0px;
  background: none;
  -background: none;
}
.gwt-DialogBox .dialogTopRight {
  background: none;
  -background: none;
}
.gwt-DialogBox .dialogBottomLeft {
  background: none;
  -background: none;
}
.gwt-DialogBox .dialogBottomRight {
  background: none;
  -background: none;
}

* html .gwt-DialogBox .dialogTopLeftInner {
  width: 0px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogTopRightInner {
  width: 0px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogBottomLeftInner {
  width: 0px;
  height:0px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogBottomRightInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}



.gwt-DatePicker {
  border: 1px solid #ccc;
  border-top:1px solid #999;
  cursor: default;
  z-index:5000;
  position:relative;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}
.datePickerMonthSelector td:focus {
  outline: none;
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
  font-weight:bold;
  color:#333;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #fff;
  padding: 0px 4px 2px;
  cursor: default;
  color:#666;
  font-size:70%;
  font-weight:normal;
}
.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsWeekend {
  background: #f7f7f7;
}
.datePickerDayIsFiller {
  color: #999;
  font-weight:normal;
}
.datePickerDayIsValue {
  background: #d7dfe8;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #d7dfe8;
}

.datePickerDayIsToday {
  padding: 3px;
  color:white;
  background: grey
}


.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}
.gwt-DateBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: 100%;
}
.gwt-DateBox input {
  width: 8em;
}
.dateBoxFormatError {
  background: #ffcccc;
}
.dateBoxPopup {
}


.monCompteForm {width: 540px;}
.monCompteForm .Caption{ padding-left: 22px; }
.monCompteForm .compteform{display: flex;}

.monCompteForm .compteform #datas{padding-left: 10px;display: flex;flex-direction: column;}
.monCompteForm .compteform #datas #fieldsetDatas #row2{padding-top: 5px;}
.monCompteForm .compteform #datas #fieldsetDatas #row3{padding-top: 10px;}
.monCompteForm .compteform #datas #fieldsetDatas input{width: 220px;}
.monCompteForm .compteform #datas #fieldsetDatas input div{width: 220px;}

.monCompteForm .compteform #datas #fieldsetDatas #row4 {font: normal 12px Trebuchet MS;padding-top: 5px;margin-left: -4px;}
.monCompteForm .compteform #datas #fieldsetDatas #row4 input{width: auto;}




.monCompteForm .compteform #datas2 {display: flex;flex-direction: column;}
.monCompteForm .compteform #datas2 #fieldsetLms{display: flex;flex-grow: 1}
.monCompteForm .compteform #datas2 #fieldsetLms #row1{display: flex;}
.monCompteForm .compteform #datas2 #fieldsetLms #row2{padding-top: 5px;}
.monCompteForm .compteform #datas2 #fieldsetLms input{width: 220px;}
.monCompteForm .compteform #datas2 #fieldsetLms input div{width: 220px;}

.monCompteForm .compteform #datas2 #fieldsetPass{margin-bottom: 27px;}
.monCompteForm .compteform #datas2 #fieldsetPass #row2{padding-top: 5px;}
.monCompteForm .compteform #datas2 #fieldsetPass #row3{padding-top: 5px;}

.monCompteForm .compteform .monCompteDateExp{font-weight: bold;padding-left: 5px;}

.monCompteForm #validerpanel{padding-top: 10px;padding-bottom: 10px;display: flex;flex-direction:column;justify-content: center;align-items: center;}

.TxtInfosOkMessage {color: green;font-weight: bold;}
.TxtInfosErreurMessage {color: red;font-weight: bold;}

.monCompteForm .compteform #datas2 input{width: 220px;}
.monCompteForm .monCompteError{width: 220px;color:#C92A2A;}

.monCompteForm .compteform #photo {width: 84px;height:84px;}
.monCompteForm .compteform #photoImg {width:100%; height: 100%;border-radius: 50%;}

.compteform #photoContainer{height: 190px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.compteform #photoContainer #photoUpload{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.compteform #photoContainer #photoCadre{width: 110px;height: 110px;margin-bottom: 5px}
.compteform #photoContainer #uploadButton{margin-top:; 5px;}
.compteform #photoContainer #photo{width: 100%;height: 100%;cursor: pointer;border-radius: 50%;}




.txtSuppGrpAttention,.txtSuppGrpNom,.txtSuppUserNom,.txtSuppProfilNom,.txtDetachAppConfirmNom,.txtSuppCoursNom,.txtSuppDomaineNom,.txtSuppCertifNom,.txtSuppParcoursNom
{
  font-weight: bold;
  color : #ff0000;
}

.txtAddGrpNom
{
  font-weight: bold;
  color : green;
}

.txtSuppGrpConfirm,.txtSuppUserMe,.txtSuppUserConfirm,.txtSuppUserImpossible,.txtSuppProfilConfirm,.txtSuppProfilUtilise,
.txtSuppMessageConfirm,.txtDetachAppConfirm,.txtAttachGrpConfirm,.txtSuppCoursUtilise,.txtSuppCoursConfirm,.txtSuppDomaineConfirm,
.txtSuppCertifConfirm,.txtSuppParcoursConfirm,.txtSuppParcoursUtilise,.txtSuppEntiteConfirm,
.txtSuppDomaineUtilise
{
  font-weight: bold;
  color: #000000;
}

.txtInfos,.txtConfirm
{
  font-weight: bold;
  color: #000000;
}


.txtSuppUserAttach,.txtSuppCoursAttach,.txtSuppParcoursAttach
{
  font-weight: bold;
  color: #0B0B61;
}


.MessageDialogBox
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #f0a854;
	
	-webkit-box-shadow: #111 7px 7px 7px;
	-moz-box-shadow: #111 7px 7px 7px;
	box-shadow: #111 7px 7px 7px;
	
    z-index:5000; 
}


.MessageDialogBox .dia-centre
{
	width:  400px;
}


.MessageDialogBox .dia-btnPanel
{
	margin-top:5px
}


.MessageDialogBox .dia-message
{
	padding-left:10px;
}

.MessageDialogBox .dia-icon
{
	padding-left:5px;
	height: 40px;
	width:  40px;
}

.MessageDialogBox .closeBox
{
	background: url("images/dialog/closeBox.png") no-repeat ;
	border: none;
  
	height: 15px;
	width:  15px;
}

.MessageDialogBox .closeBox:hover
{
	cursor: pointer;
  	cursor: hand;
	background: url("images/dialog/closeBox_over.png") no-repeat ;
	border: none;
  
	height: 15px;
	width:  15px;
}


.MessageDialogBox .dia-primaryBtn
{
	width: 70px;
	margin-right:5px;
}

.MessageDialogBox .dia-primaryBtn:hover
{
	background: #ef8909;
	color:#ffffff;
}

.MessageDialogBox .dia-secondaryBtn
{
	width: 70px;
	margin-left:5px;
}

.MessageDialogBox .dia-secondaryBtn:hover
{
	background: #ef8909;
	color:#ffffff;
}

.MessageDialogBox .caption {
  background: #f0a854;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #f0a854;
}
.MessageDialogBox .dialogContent {
}
.MessageDialogBox .dialogMiddleCenter {
  padding: 3px;
  background: #ffffff;
}
.MessageDialogBox .dialogBottomCenter {
  background: #f0a854;
}
.MessageDialogBox .dialogMiddleLeft {
  background: #f0a854;
}
.MessageDialogBox .dialogMiddleRight {
  background: #f0a854;
  width: 5px;
}

.MessageDialogBox .dialogMiddleRightInner {
 width: 5px;
}

.MessageDialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}
.MessageDialogBox .dialogTopRightInner {
  width: 5px;
  zoom: 1;
}
.MessageDialogBox .dialogBottomLeftInner
{
 width: 5px;
  height: 8px;
  zoom: 1;
}
.MessageDialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.MessageDialogBox .dialogTopLeft {
  background: #f0a854;
}
.MessageDialogBox .dialogTopRight {
  background: #f0a854;
}
.MessageDialogBox .dialogBottomLeft {
  background: #f0a854;
}
.MessageDialogBox .dialogBottomRight {
  background: #f0a854;
}
* html .MessageDialogBox .dialogTopLeftInner {
  width: 5px;
  overflow: hidden;
}
* html .MessageDialogBox .dialogTopRightInner {
  width: 8px;
  overflow: hidden;
}
* html .MessageDialogBox .dialogBottomLeftInner {

  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .MessageDialogBox .dialogBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.uploaderPanel{
	/* height: 110px; */
	background-color: #ffffff;
	border: 1px solid;
}

.uploaderPanel .progressBarPanel{
	width: 230px;
	margin-left: 5px;
}

.uploaderPanel .uploaderInner{
}

.uploaderPanel .gwt-ProgressBar-shell .gwt-ProgressBar-bar {
    background-color: #BB4B44;
}

.uploaderPanel .gwt-ProgressBar-shell {
	border: 2px solid #848280;
}

.uploaderPanel .gwt-ProgressBar-shell .gwt-ProgressBar-text {
    padding: 0;
    margin: 0;
    color: black;
}

.uploaderPanel .progressLabel {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.uploaderPanel .cancelButton {
    margin: 3px 0 -1px 2px;
    cursor: pointer;
}

.uploaderPanel .dropFilesLabel {
    margin-top: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    color: #2d4b6d;
    font-weight: bold;
    text-align: center;
    display: block;
    border: 2px dashed #888888;
    border-radius: 7px;
	margin-right: 7px;
    width: 120px;    
}

.uploaderPanel .dropFilesLabelHover {
    border: 2px solid #ff0000;
    color: #08A93E;
}


#mesReplay {height: 100%;overflow: hidden;}
.frame_mesreplay {
    float: left;
    width: 100%;
    height: 100%;
    background: #fff;
    border: none;
}

.frame_accueil {
    float: left;
    width: 100%;
    height: 100%;
    background: #fff;
    border: none;
}

.div_frame_mesreplay{height: 100%;}

#cover-spin-frame {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    /* background-color: rgba(255,255,255,0.7);*/
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin-frame {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin-frame {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#cover-spin-frame::after {
    content:'';
    display:block;
    position:absolute;
    left: 50% ;
    top: calc(50% + 15px);
    width:50px;height:50px;
    border-style:solid;
    border-color:black;
    /*border-top-color:transparent;*/
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-width: 10px;
    border-radius:50%;
    -webkit-animation: spin-frame .9s linear infinite;
    animation: spin-frame .9s linear infinite;
}

#cover-spin-frame::before {
    content:'';
    display:block;
    position:absolute;
    left: 50%;
    top: calc(50% + 15px);
    width:50px;height:50px;

    border-radius:50%;

    background-color: rgba(255,255,255,0.3);  
    border-width: 10px;
    border-style:solid;
    border-color:#ffffff;  

}


#accueil {height: 100%; background-color: #cccccc;}
#accueil .contentMain {border-top: solid 1px black;}
.accueil {
    width: 100%;
    height: 100%;
    
    font-family: Arial, sans-serif;   font-size: 1.2em;
}

.accueil .wrapperAccueil{height:100%;}
#accueil .contentMain{height:100%;}

.accueil .wrapperAccueil {
    height: 100%;
    background-color: white;
    padding: 20px;

}

.divLoaderWidget {	display: flex;	margin-top: 10px;	background-repeat: no-repeat;	background-position: center;}
.divLoaderWidget {background-image:url("data:image/gif;base64,R0lGODlhKwALAPEAAP///0tKSqampktKSiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=");}

.divLoaderWidget {height:11px; }