/* -#######################################################- */
/* -###- Styles relatifs à la mise en forme du gabarit -###- */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background-color:#000000;
}

#page {
	position:relative;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
}


h1 {
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}
  h1 a {
    color:#FFFFFF !important;
  }



h2 {
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	white-space:nowrap;
}


#scroll {
	z-index:98;
	left:244px; /*<-- 2xMG0 + 2MG1 + DF1 (cette div n'est pas utilisée dans le gabarit cms) */
	padding-top:10px;
	background-color:#D7D7D7;
	text-align:center;
	overflow:auto;
}

		div.login {
			left:7px !important; /*<-- MG0 */
		}


#xboardMain h4 {
	margin:7px 0 3px 0;
	padding:2px 4px;
	font-size:18px;
	font-weight:bold;
	clear:both;
	background-color:#EEEEEE;
	border-top:1px solid #B5B5B5;
}

#main hr {
	clear:both;
}

#editFrame {
	z-index:980;
	top:75px; /*<-- = DM5 */
	bottom:32px; /*<-- DS1 + 2xDS2 (-1 pour cacher la bordure du bas) */
	left:500px;
	padding:0;
	background-color:#F2F2F2;
	border-bottom:1px solid #000000;
	box-shadow:0px 0px 7px rgba(0,0,0,0.5);
}
#editFrame iframe {
	width:100%;
	height:100%;
}

#editPatience {
	z-index:981;
  visibility:hidden;
	position:absolute;
	top:75px; /*<-- = DM5 */
  height:29px;
	left:500px;
	padding:0;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  line-height:25px;
	background-image:url(../images/patience_tab_center.png);
	background-repeat:repeat-x;
}
  #editPatience:before,
  #editPatience:after {
	  content:"";
	  position:absolute;
    top:0;
	  display:block;
	  background-repeat:no-repeat;
    width:24px;
    height:29px;
    padding:0px;
    margin:0px;
  }
	#editPatience:before{
    left:-24px;
		background-image:url(../images/patience_tab_left.png);
		background-repeat:no-repeat;
	}
	#editPatience:after {
    right:-24px;
		background-image:url(../images/patience_tab_right.png);
	}


		#statusMarge {
			height:50px;
		}
		#status .user {
			font-size:14px;
			color:#FFFFFF;
		}
		#status .user em {
		  opacity:0.3;
		  display:inline-block;
		  margin-right:7px;
		  font-weight:bold;
		}
		#refresh {
		  position:absolute;
		  bottom:2px;
		  right:10px;
		  width:auto;
		  text-align:center;
			font-size:24px;
			font-weight:bold;
		}



#deconnexion.big {
  width:42px;
  height:42px;
  background-image:url(../images/deconnexion_big.png);
  z-index:10000 !important;
}
#deconnexion span {
  display:none;
}

/* -################################################- */
/* -###- Styles relatifs au layer des fonctions -###- */
#panel {
	text-align:center;
}
		#panel img.portrait {
			border:1px solid #000000;
			margin:5px;/*<-- _m */
			max-width:174px; /*<-- DF1 - 2*_m - 6 */
		}
		#panel h6 {
      display:block;
      position:relative;
			clear:both;
      text-align:center;
      margin-top:16px;
      margin-bottom:5px;
      width:100%;
		}
		    #panel h6 tt {
          position:absolute;
          top:8px;
          left:0;
          width:100%;
          height:1px;
          border:0px;
          border-top:1px solid #CCCCCC;
		    }
		    #panel h6 span {
          display:inline-block;
          position:relative;
          top:0;
          font-size:11px;
          font-weight:bold;
          color:#444444;
          background-color:#F2F2F2;
          padding:0 3px;
          z-index:1000;
		    }
		#panel>*:first-child {
		  margin-top:0px !important;
		}
    

		#panel label {
			display:block;
			border:1px solid;
			border-left-color:#FFFFFF;
			border-top-color:#FFFFFF;
			border-right-color:#5C5C5C;
			border-bottom-color:#5C5C5C;
			padding:1px 2px 1px 3px;
			margin-bottom:1px;
			min-height:18px;
			line-height:18px;
			overflow:hidden;
			white-space:nowrap;
		}
		#panel label b {
		  font-weight:bold !important;
		}
		#panel label.icon {
			text-align:left !important;
			padding-left:23px;
      background-position:3px center;
			background-repeat:no-repeat;
		}
		#panel label.icon a {
		  display:block;
			min-height:20px;
			line-height:20px;
			margin-left:-23px;
			padding-left:23px;
		}
		#panel label.mail {
			background-image:url(../images/icon_mail.gif);
		}
		#panel label.flash {
			background-image:url(../images/icon_flash.png);
		}
		#panel label.zip {
			background-image:url(../images/icon_zip.png);
		}

		#panel label.txt {
			background-image:url(../images/icon_txt.png);
		}
		#panel label.excel {
			background-image:url(../images/icon_excel.gif);
		}
		#panel label.xml {
			background-image:url(../images/icon_xml.gif);
		}
		#panel label.zip {
      color:#6A3E00;
      background-color:#FFFA9B;
      font-weight:bold;
			background-image:url(../images/icon_zip.png);
		}
		#panel label.good {
			background-image:url(../images/icon_good.png);
		}
		#panel label.bad {
			background-image:url(../images/icon_bad.png);
		}
		#panel label.on {
      color:#345100;
      background-color:#DCFF93;
      font-weight:bold;
			background-image:url(../images/icon_good.png);
		}
		#panel label.partial {
      color:#345100;
      background-color:#FFFA9B;
      font-weight:bold;
			background-image:url(../images/icon_danger.png);
		}
		#panel label.off {
      color:#A33201;
      background-color:#FFBB93;
      font-weight:bold;
			background-image:url(../images/icon_bad.png);
		}
    #panel label.iconWeb {
	    background-image:url(../images/icon_web.png);
    }
		#panel label.iconExternalLink {
			background-image:url(../images/icon_external_link.png);
		}
		#panel label.iconInternalLink {
			background-image:url(../images/icon_internal_link.gif);
		}
		#panel label.iconInternalLinkBack {
			background-image:url(../images/icon_internal_link_back.gif);
		}
		#panel form {
			margin:7px 0;
		}

		#panel form input[type="text"] {
			float:left;
			width:145px;
		}

		#panel form input[type="text"]#byName {
			width: 98%;
		}


		#panel form[name="speedChange"] {
			display:none;
			width:100%;
		}
				#panel select {
					width:100%;
				}
	  #panel input[name="tablesearch"] {
			width:100%;
	  }
  #panel select optgroup {
   background-color:rgba(0,0,0,0.1) ;
   font-style:normal;
   padding:1px 5px;
   margin-top:7px;
   border-top:1px solid rgba(0,0,0,0.4);
  }
  #panel select option {
   padding:1px 10px;
  }
  #panel select#listTableAction {
  }
  #panel select#detailList {
  }
#chkApply.processing {
  background-color:#DA5005 !important;
  font-style:italic;
  color:#FFFFFF;
}

/* -############################################- */
/* -###- Styles relatifs au layer du scroll -###- */
#scroll {
}
		#scroll hr {
			clear:both;
			height:2px;
			color:#000000;
		}

/* -##########################################- */
/* -###- Styles relatifs au layer central -###- */
div.navBar {
	padding:2px 0;
	margin:0 0 7px 0;
	color:#000000;
}

h3 {
	height:35px; /*<-- HT1 */
	line-height:35px;
	margin:0 0 10px 0;
	padding:0 7px;
	font-size:18px;
	font-weight:bold;
	color:#404040;
	white-space:nowrap;
}

#ariane {
	margin:7px 0;
} 

/* # liens au format des cellules colorées # */
.red, .orange, .green, .blue, .yes, .no {
	font-weight:bold;
	color:#FFFFFF;
}
td.red, td.orange, td.green, td.blue, td.yes, td.no {
	/*padding:0 5px 0 5px !important;*/
}
.red, .no {
	background-color:#BC1806;
}
.orange {
	background-color:#F98300;
}
.green, .yes {
	background-color:#179911;
}

.blue {
	background-color:#0080C0;
}

.hidden {
	display:none;
}

#nextpage {
  text-align:center;
  line-height:30px;
  padding-bottom:25px;
}