/* for application */
body {
  font-size: 18;
  font-family: Segoe UI;
  margin:0;
  background: #F2F5F6;
  min-width: 800px;
}

a {
  text-decoration:none;
} 

ul {
  list-style:none;
  margin:0;
  padding:0;
}

@font-face {
   font-family: Segoe UI;
   font-size: 14;
}

.menu_top {
  position: fixed;
  background: ;
  z-index: 100;
  width: 100%;  
  height: 50px;
  min-width: 500px;
}

.menu_top .section-img {
  width: 241px;
  height: 109px;
  float: left;
  padding: 0 0 0 30px;
  background-color:#F2F5F6
}

.menu_top ul {
  height: 35px;
  width:100
  padding: 0px;
   font-family: Segoe UI;
  font-size: 15px;
  /*width: 70%;*/
  width:auto;
  float: left;
  cursor:pointer;
}

.menu_top ul li {
  float: left;
  background-color:#F2F5F6
  color:#7D7D7D;
  border-color:#F2F5F6;
}

.menu_top ul li span {
  color: #232323;
  height: 30px;
  width:100px;
  display: block;
  padding: 0 0px;
  background-color:#F2F5F6;
  text-align:center;
  padding-top:5px;
  font-weight:bold;  
  border-bottom: 2px solid #0073C1;
}

.menu_top ul li .menu_link {
  color:#737373;
  background-color:#F2F5F6;
  height: 30px;
  width:100;
  display:block;
  border-color:#F2F5F6;
}

.menu_top ul li .menu_link:hover {
  color:#0073C1;
  height: 30px;
  width:100;
  cursor:pointer;
  background-color:#F2F5F6;
}

.menu_top ul li .notification_page {
  position: relative;
  padding-right: 10px;
}

.menu_top ul li .notification_page[data-notification_page]:after {
  content: attr(data-notification_page);
  position: absolute;
  top: 5px;
  right: 2px;
  background: red;
  color : white;
  width:20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
}

/* content */
.canvas{
  padding-top: 0px;
  width: 100%;
  position:absolute;
  bottom:10px;
  top:35px;
  overflow-x:hidden;
  overflow-y:scroll;
}

/*zone des titres intuisage*/

.content_wraps{
  width:100%;
  /*border-top:1px solid #0073C1;*/
}

/*trait de titre intuit sage*/

.content_pages{
  width:100%;
  background: #F2F5F6;
  padding:0;
  overflow:hidden;
  height: auto;
  display:block;
  padding-top: 35px;
  float: left;
  margin-bottom: 30px;
}

.content_pages span{
  color:#000000;
  line-height: 45px;
  font-size: 18px;
  width: 100%;
  float:left;
  padding-left: 10px;
  font-family: Roboto;
}

/*Police titre uituit*/

/* tile list */
.content_pages .demarrage {
  float:left;
  padding-left: 10px;
  position:relative;
  left:0;
  padding-bottom: 10px;
  margin-bottom: 10px; 
}

/* tile list item */
.content_pages .demarrage li{
  width: 120px;
  height:120px;
  float:left;
  box-shadow:0 5px 5px 0 rgba(0,20,29,0.2), 0 10px 10px 0 rgba(0,20,29,0.1);
  margin-right: 10px;
  margin-bottom: 15px;
  /*background:white;*/
}

.content_pages .demarrage li:hover{
  box-shadow:0 10px 20px 0 rgba(0,20,29,0.2), 0 20px 40px 0 rgba(0,20,29,0.1);
}

.content_pages .demarrage li .cmdbottom {
  overflow: hidden;
  color:#FFF;
  text-decoration: none;
  cursor:pointer;
  height: 40px;
  width: 100px;
  padding:5px 10px 0px 10px;
  float:left;
  line-height: 17px;
  /*background:#0B8809;*/
}

.content_pages .demarrage li .cmdbottomtxt{
  /*-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;*/

  font-size: 11px;
  line-height: 19px; 
  padding-left:0; 
  color: #000000;

  font-family: Roboto, Arial;
  font-weight: 400;
  width: 100px;
  text-align: center;
  /*white-space: pre;*/
}

.content_pages .demarrage li .cmdbottomvalue{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  font-size: 24px;
  line-height: 32px;
  padding-left: 0;
  margin-right: 10px;
  color: #FFF;
  font-family: Roboto, Arial;
  position: absolute;
  top: 24px;
  width: 95%;
  text-align: right;
}

.content_pages .demarrage li .imga{
  float:left;
  cursor:pointer;
  height: 76px !important;
  width: 120px !important;
  padding:0 !important;
}

.content_pages .demarrage li  img {
  height:48px;
  width: 48px;
  padding: 15px 36px 12px 36px;
  float:left;
}

/* tile list disable item */
.content_pages .demarrage .disable li .cmdbottom {
  overflow: hidden;
  text-decoration: none;
  cursor:not-allowed;
  color:#F2F5F6;
  height: 40px;
  width: 100px;
  padding:5px 10px 0px 10px;
  float:left;
  background:#CCD6DB !important;
  line-height: 17px;
}

.content_pages .demarrage .disable li .cmdbottomtxt{
  font-size:11px;
  line-height: 19px;
  padding-left:0;
  color:#737373;
}

.content_pages .demarrage .disable li{
  float:left;
  width: 120px;
  height:120px;
  background:#CCD6DB;
  box-shadow:0 5px 5px 0 rgba(0,20,29,0.2), 0 10px 10px 0 rgba(0,20,29,0.1); 
  margin-right: 10px; 
}

.content_pages .demarrage .disable li:hover{
  box-shadow:0 10px 20px 0 rgba(0,20,29,0.2), 0 20px 40px 0 rgba(0,20,29,0.1);
}

.content_pages .demarrage .disable li .imga{
  float:left;
  cursor:not-allowed;
  height: 76px !important;
  width: 120px !important;
  padding:0 !important;
  /*background:#a6a7a9 !important;*/
}

.content_pages .demarrage .disable li  img {
  height:48px; 
  width: 48px; 
  padding: 15px 36px 12px 36px; 
  float:left;
}

/* navigation arrows in tile list */
.grey-bg1 {
  position:relative;
  height: 124px;
  width:30px;
  float:left;
  background-image:url('../img/arrow_bg.png');
  background-repeat:repeat;
}

.grey-bg2 {
  position:relative;
  height: 124px;
  width:30px;
  float:right;
  padding-right:15px;
  background-image:url('../img/arrow_bg.png');
  background-repeat:repeat;
}

.left-arrow1 img{
  padding: 40px 11px;
  margin-top: 15px;
  cursor:pointer;
}

.right-arrow1 img{
  padding: 40px 11px;
  margin-top: 15px;
  cursor:pointer;
}

/* footer */
.footer{
  position: fixed;
  left:0px;
  bottom: 0px;
  font-size:15px;
  width: 100%;
  min-width:300px;
  color: #F2F5F6;
  background: #FFFFFF;
  line-height: 30px;
  vertical-align:bottom;
  margin-top: 30px;
  font-size:10px;
}

.footer img{
  float:left;
  padding: 5px 0 0 34px;
}

.footer span{
  padding-left:33%;
}

.ui-dialog {
  border:0;
}

.ui-dialog
.ui-dialog-content
{
  color:black;
  background-color:#FFFFFF;
  border:0;
  font-size:15px; 
  text-align:center;
  padding-top:10px;
}

.ui-dialog-titlebar {
  background-color: #FFFFFF;
  background-image: none;
  color: #0073C1;
  border:0;
  height:23px;
  font-weight:normal;
}
.ui-dialog-titlebar-close {
  display: none;
}
    