html,body,div,dl,dt,dd,/*ul,ol,li,*/pre,form,input,p,blockquote,th,td{margin:0;padding:0;}
html, body { height: 100%}
img,body,html{border:0;}
/*ul,ol,li { list-style-type: none}*/
/*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}*/
body, td, th { font: 10px verdana; margin: 0px;	padding: 0px}
body { color: #000000; background-color:#77BCDD; }
/***************	BLOC PRINCIPAUX		**********************/
#tout {
	border: 1px solid #369CCD;
	text-align: left;
	width: 990px;
	/*min-width: 990px;
	max-width: 1260px;*/
	padding-top:4px;
	margin: 0 auto 0 auto;
	background: #FFFFFF;
}

#overlayLight, .overlay { position: absolute; display: none;background-color: #85BBEF; left: 0; /*z-index: 9;*/
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
		 }
#header { overflow: hidden;}
.logo { width: 117px; float: left; text-align: center; }
.logo a { display: block; }
#bandeau { margin-bottom: 4px; background: #FFF; }
#divLogin { padding: 4px; height: 55px; float: right; }

.profile { padding: 6px; /*background: #F0F4F9;*/ }
.profile select { width: 450px; }
.profile a { }
.profile h1, .profile form { border: none; padding: 0; margin: 0 0 4px 0;}

/********	navUser		****************/
.loggedAs { line-height: 140%; text-align: right; }
.navUser {
	margin: 0 0 4px 0;
	padding: 0px;
	height: 20px;
	text-align: right;
}
.navUser li {
	list-style-type:none;
	margin: 0;
	padding: 0 5px 0 20px;
	line-height: 20px;
	height: 100%;
	border-left: 1px solid #CCE6F2; float: right;
	}
.navUser img { vertical-align: middle; margin-right: 4px; border: none
	}
li.user { background: url(../images/iconUser.gif) no-repeat 5px center;}
li.logOut { background: url(../images/logOut.gif) no-repeat 5px center; }
li.assistance { background: url(../images/help.gif) no-repeat 2px center; }

#main { padding: 4px;}
#logo {
	width: 120px;
	vertical-align: top;
	
	}
#footer {
	border-top: 1px solid #CCCCCC;
	text-align: center;
	padding: 10px;
	background: #CCE6F2 url(../images/logoPowered.gif) no-repeat right 2px;
}

.login-form td { padding: 4px;}
.login-form .keywords { font-size: 11px; padding: 2px; }
table#content { width: 996px; margin: 2px 2px 0 2px
}
#mainBox {
	padding: 2px;}
#panQuestion, #panInstall, #panLocal{
	padding: 4px
	}
.right { background: #FAF9F5;}
.centre, .right, .fullCentre { border-left: 1px dotted #3399CA;}
.fullCentre { padding: 2px; vertical-align: top; }
td.centre {	vertical-align: top;padding: 10px; }

.tablo { background-color: #FFF}
.tablo .left { width: 220px;}
.tablo .leftGeneralites { width: 160px;}
.tablo .centre {
	width: 260px;
	}
.tablo .right { }
.tablo2 .left { width: 180px; background-color: #CCCCCC}

.tablo2 .right { width: 180px; background-color: #CCCCCC }
.tablo2 .centre { }

.tablo3 .left { width: 80px; background-color: #CCCCCC}
.tablo3 .right { width: 80px; background-color: #CCCCCC }
.tablo3 .centre { }

.left .on, .right .on, .centre .on {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000; 
	}
.left .on { padding: 2px 10px 2px 10px; font-size: 9px}

/* ALERTE  */
#alerte{	
	}
#alerte td {
	padding: 5px; border: 3px solid pink		
	}
#alerte .rubrique{
	}

/* POPUP DETAIL TACHE */
#popup { text-align: left; margin: 4px;}
#popup .titObjet td{
	padding: 4px 3px;
	font-weight: bold;
	background: #E6F2F9;
}
.titObjet h2{
	text-transform: uppercase;
	font-size: 11px;
	color: #17739F;
	margin: 0px;
	}
#popup .nom {
	color: #464646;
	background: #F9F9F9;
}

/*	ALERTE EN PAGE D'ACCUEIL */
#alerteHome {  width: 600px;}
#alerteHome table{ margin-bottom: 14px; width: 100%; border-collapse: collapse  }
#alerteHome caption{
	text-align: left;
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
}
#alerteHome th{
	background: #EBE7D6;
	border: 1px solid #FFF;
	padding: 4px;
	font-size: 10px;
	text-align: left;
	color: #666666;
	white-space:nowrap 
}
#alerteHome td{ padding: 4px; text-align: left; border-bottom: 1px solid #F3F3F3; border-top: 1px solid #F3F3F3 }
#alerteHome tbody { background-color: #FDFDFD}
#alerteHome a.link { display: block; padding:2px}
#alerteHome .link:hover {
	background: #F3F3F3;
}

/* QUICK SEARCH */
.quick-search { padding: 0; }
.quick-search .keywords { font-size: 11px; }
.quick-search fieldset { border: none; }
.quick-search legend { padding: 0;}
.quick-search label { /*float: left; width: 48px;*/ line-height: 140%; display: block; padding: 0; }
.quick-search p { overflow: hidden; margin: 0 5px 0 0; padding: 2px 0; float: left;}
.quick-search .line-btn { float:left; padding: 14px 0 0 0; clear: none; text-align: left; }
/******************* TABLEAU CENTRAL	*********************/
.tablo {
	/*border: 1px solid #3399CA;*/
	border-top: 1px solid #ECE9D8;
	height: 405px;
	width: 100%;
	clear: both;
	/*position: relative;*/
}
.tablo2 {
	height: 405px;
	width: 100%;
	clear: both
}
.tablo3 {
	height: 405px;
	width: 100%;
	clear: both
}
.tablo td, .tablo2 td {
	padding: 2px;
}

/******		BALISES GENERALES	*******/
.right_on table, .right table { width: 100%}
.right_on table {
	border-collapse: collapse;
	background-color: #FFFFFF;
}
h1, h2,h3,h4,h5,h6 { padding: 2px;}
h1 {
	font-size: 16px;
	border-bottom: 1px solid #77BCDD;
	margin-bottom: 14px;
}

h2 {
	font-size: 14px;
	margin: 0px 0px 1px 0px;
	padding-bottom: 2px;
}

h3 {
	font-size: 12px;
	padding-bottom: 5px;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px dotted #000000;
}

h4 {
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 0px;
}
p { padding: 2px; margin: 0px 0px 6px 0px}
a { text-decoration: none; color:#0000FF}
a img { vertical-align: middle}
/*ul { padding: 2px}
li { padding: 2px 2px 2px 9px; background: url(../images/puceUl.gif) no-repeat 0 0.6em}*/
a:hover { text-decoration: underline; color: #666666; cursor: pointer}
form {
	margin: 0px 0px 12px 0px;
}

select { }
input[type=text], input[type=password], input[type=file], textarea, select {	border: 1px solid #7F9DB9; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
label input{ vertical-align: middle}
textarea * { font-size: 10px}
fieldset {
	border: 1px solid #CCCCCC;
	margin: 0px auto;
}
legend {
	font-weight: bold;
	padding: 0px 8px;
	color: #000000;
}

img { border: none}

hr {
	width: 80%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
caption { color: #CC0000; font-weight: bold; font-size: 12px; text-align: center}
th { padding: 4px; font-weight: bold; text-align: right;}

td {}
/************** 	NAVIGATION1		*********************/
.tablo * .on {
	background: #ECE9D8 url(../images/step.gif) no-repeat right center;
	font-weight: bold;
	padding-right: 10px;
}

.nav1 {
	list-style-type: none;
	margin: 0px 4px 8px 0px;
	padding: 0px;
	float: right;
	height: 34px;
	border-bottom: solid 6px #CCE6F2;
}
.nav1 li, .nav1 li.ct, .nav1 li.anomalie {
	float: left;
	padding: 0px;
	border-bottom: 1px solid #77BCDD;
	background: #77BCDD url(../images/ongletLeft.gif) no-repeat 0px 0px;
	margin-left: 1px;
	margin-top:5px;
}
.nav1 a { font-size: 10px}
.nav1 li.on, .nav1 li.on2, .nav1 li.on_ct, .nav1 li.on_anomalie {
	margin-top: 0px;
	border-bottom: 1px solid #CCE6F2;
}
.nav1 li.on { background-color: #CCE6F2; }

/* onglet contrat-type */
.nav1 li.on_ct { background-color: #FCD069; }
.nav1 li.ct { background-color: #FAA44E; color: #fff;}

/* onglet anomalie */
.nav1 li.on_anomalie { background-color: #dd0000; }
.nav1 li.anomalie { background-color: #de9595; color: #fff;}

/* onglet admin matrice */
.nav1 li.on2 { background-color: #FCD069; }
.nav1 li.on a, .nav1 li.on2 a, .nav1 li.on_ct a, .nav1 li.on_anomalie a{ padding-top: 13px; font-weight: bold; color: #000000;}
.nav1 a {font-weight: bold;
	padding: 8px 16px;
	display: block;
	background: url(../images/ongletRight.gif) no-repeat top right;
}
.nav1 a:hover { 
	color: #FFFFFF
	}
.nav1 li.admin {
	background: #FAA44E url(../images/ongletLeftAdmin.gif) no-repeat;
}
.nav1 li.matrice {
	background: #FAA44E url(../images/ongletLeftMat.gif);
}
.matrice a, .admin a { padding-left: 28px}

ul.ssOnglet { margin: 0px; padding: 0px}
ul.ssOnglet li{ float: none; list-style-type: none; text-align: left; background: red; padding: 0px; margin: 0px}
ul.ssOnglet li a{ width: auto !important; width: 100%}

/* Onglets dans fenêtre ext-js */
ul.onglet-ext-js { margin: 0 0 10px 0; padding: 0px; height: 28px;
	background: #F8F7F1;
	border-bottom: 1px solid #CDCAAF;
	font-size: 10px;
	background: url(../images/bg-onglet-extjs.png) repeat-x; }
ul.onglet-ext-js li{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	text-align: center;
	list-style-type: none;
	border-right: 1px solid #CDCAAF;
	font-size: 1em;
	}
ul.onglet-ext-js a, ul.onglet-ext-js span{ display: block; padding: 8px 6px;
	}
ul.onglet-ext-js a {}
ul.onglet-ext-js span { color: #CDCAAF; font-style: italic; }
ul.onglet-ext-js li.on {
	background: #FFF;
	color: #736A37;
	border-bottom: none;
}

/* onglet dans la partie centrale	*/
ul.ongletPage { margin: 0px; padding: 0px; height: 22px; width:340px;}
ul.ongletPage li{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
	float: left;
	text-align: center;
	border-top: 1px solid #F8F7F1;
	border-bottom: 1px solid #AB9D52;
	width: 165px;
	list-style-type: none;
	background: #F8F7F1;
	}
ul.ongletPage a{ /*display: block; padding: 4px 0px;*/
	}
ul.ongletPage li.on2 {
	background: #ECE9D8;
	font-weight: bold;
	color: #736A37;
	border: 1px solid #AB9D52;
}
/*******	Sous Onglets	********/
.ssOnglets { height: 2.7em; border-bottom: 1px solid #F98C20; font-size: 1em}
.ssOnglets ul { padding: 0; margin: 0}
.ssOnglets li { text-align: center; padding:0; 
	color: #FFF8F0; float: left;
	margin: 0px;
	list-style-type: none;
	border: none;
	font-weight: bold; border-right: 1px solid #FFF;}
.ssOnglets li a { display: block;
	font-size: 1em; padding: 0.9em 0.9em 0.5em 0.9em ; background: #FDD5AC url(../images/cornTit.gif) no-repeat right top;}
.ssOnglets li a:hover{color: #FFF} 
.ssOnglets li.currentOnglets {}
.ssOnglets li.currentOnglets a {background: #F98C20 url(../images/cornTitOn.gif) no-repeat right top; color: #FFF}
.ssOnglets li.currentOnglets a:hover {}


/********	NAVIGATION DOMAINES		***********/

#ongletsDomaines {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#ongletsDomaines td{
	font-size: 10px;
	font-family: Tahoma, Helvetica, sans-serif;
	text-align: center;
	padding: 0px; border-right: 1px solid #FFF;
	margin: 0px 0px 0px 0px; height: 26px
}
#ongletsDomaines a{
	display: block;
	/*height: 36px !important;
	height: 39px;*/
	height: 100%;
	margin-top: 8px;
	padding: 3px 2px 8px 2px;
	background: #FAA44E url(../images/ongletRight.gif) no-repeat right -3px;
	font-size: 1em; border-bottom: 1px solid #FFF
	}
#ongletsDomaines .on {
	background-color: #77BCDD;
	margin-top: 0px;
	/*height: 38px !important;
	height: 41px !important;*/
	padding-top: 10px;
	border-bottom-color: #77BCDD;	
	font-weight: bold;
}
#ongletsDomaines a:hover { 
	color: #FFFFFF
	}
#ongletsDomaines .green {
	background-color: #97E383}
	
	
.ssOngletsDomaines {  font: bold 11px verdana; margin: 10px 0px 10px 5px; padding: 0; /*width: 300px; */ height: 30px}	
.ssOngletsDomaines li { list-style-type: none; background:#FAF9F5;border: 1px solid #E2DCC5; float: left; margin: 0px 4px 0px 0px; padding: 0px; background:#FAF9F5;}	
.ssOngletsDomaines li a{ background:#FAF9F5; display: block; padding: 3px 5px 3px 3px;}	
.ssOngletsDomaines li a:hover{ background-color:#F5F3EB}
.ssOngletsDomaines .linkOn { padding: 3px 5px 3px 3px; background-color:#F5F3EB}	
	
/************	NAVTOOLS	**********/
.navTools {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: 22px;
}
.navTools li {
	float: left;
	padding: 0px;
	margin: 0px 4px 2px 0px;
	background: #FFF url(../images/bgNom2.jpg) repeat-x left bottom;
}
.navTools a {
	border: 1px solid #DDDDDD;
	padding: 4px 3px 4px 19px;
	display: block;
	font: bold 10px tahoma;
}
.navTools a:hover {
	border-color: #999999; text-decoration: none;
	border: 1px solid #DDDDDD;
	padding: 4px 3px 4px 19px;
	font: bold 10px tahoma;
	}
.navTools a:hover img { 
	opacity: 0.5; 
	filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

/* Navigation page accueil Client */
td.newsHome {
	background: #FAF9F5;
	border: 1px solid #E2DCC5;
	width: 300px;

}
.newsHome ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}
.newsHome li { margin: 0 0 8px 0; padding: 6px; border: 1px solid #E2DCC5; background: #FFFFFF; position: relative;}
.newsHome a {
	font: bold 12px verdana; }
.newsDate { font-weight: bold; color: #666; margin: 0; }
li.newsImportant { border: 1px solid #E9BC3D; }
.newsImportant .icon { position: absolute; left: -12px; top: -6px;}


/*	Nav tableau de bord mois/année	*/
td#navTime { padding: 0px;}
table#navTime{ width: 100%; margin: 0px; width: 274px;}
table#navTime td{ background: #ECE9D8; border: 1px solid #FFF ; text-align: center; padding: 0px; }
table#navTime td a{ display: block; padding: 3px; text-decoration: none}
table#navTime td a:hover{ background-color:#F5F4EB}
table#navTime td a span{ font-size: 14px; font-weight: bold; color:#BC1634}

/* Icones pour la Navtools	*/
.edit {
	background: url(../images/edit.gif) no-repeat 0px 3px;
	padding: 3px 3px 3px 19px;
	display: block;
	width: 80px
}
.iconAdd {
	background: url(../images/add.gif) no-repeat 2px 3px;
}
.iconBack {
	background: url(../images/back.gif) no-repeat 0px 3px;
}
.iconBase {
	background: url(../images/baseConnaissance.gif) no-repeat 0px 3px;
}

.iconConf{
	background: url(../images/editConf.gif) no-repeat 1px 2px;
}
.iconEdit {
	background: url(../images/edit.gif) no-repeat 0px 3px;
}
.iconExcel {	
	background: url(../images/excel.gif) no-repeat 0px 2px;
}
.iconInv { background: url(../images/inventaire.gif) no-repeat 2px 3px;}
.iconLog {
	background: url(../images/log.gif) no-repeat 2px 3px;
	}

.iconNewCt { background: url(../images/new_contrat.png) no-repeat 1px 2px;}

.iconParcs {
	background: url(../images/step.gif) no-repeat 2px 6px;
}
.iconPrint {
	background: url(../images/print.gif) no-repeat 0px 2px;
}
.iconSynth { background: url(../images/iconSynthese.gif) no-repeat 2px 3px;}
.iconTdB { background: url(../images/tabBord.gif) no-repeat 2px 3px;}
.iconType {
	background: url(../images/search.gif) no-repeat 2px 3px;
}
.iconUser {
	background: url(../images/user.gif) no-repeat 0px 3px;
	}

/**************   GESTIONNAIRES  *********************/

/* Questions inventaire */
.tabQuestions{ background-color: #FFFFFF; border-bottom: 1px dotted #000000; border-collapse: collapse}
.tabQuestions td {
	border: 1px solid #D0C99D;
}

/*	Liste des contrats en création */
ul.contrat {
	margin: 4px 0px 16px 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 130%}
ul.contrat li {
	padding: 2px 2px 2px 2px;
	margin: 0px;
	list-style-type: none;
	border-bottom: 1px solid #FFF;
}
ul.contrat a { padding-top:2px; padding-bottom:2px; display: block}
div.box {
	background: #FAF9F5;
	margin-bottom: 20px;
	border: 1px solid #ECE9D8;
}
.titH4 {
	color: #FFFFFF;
	background: url(../images/cornTitH4.gif) no-repeat;
	padding: 5px 3px;
	/*text-transform: capitalize;*/
	font-size: 10px;
	margin: 0px 0px 1px 0px;
	width: 205px
	
}
.titH4 img{
	vertical-align: middle}

/* Types de contrat */
li.c_entreprise {
  background: #FFE4AE url(../images/contrat_consultation.gif) no-repeat;
}

li.c_bureau {
  background: #BCDEDE url(../images/contrat_consultation.png) no-repeat;
}

li.c_interne {
  background: #D2FFD2 url(../images/contrat_consultation.png) no-repeat;
}
li.c_type{
}
li.c_img {
  /*background: #AEE9FF url(../images/contrat_consultation.gif) no-repeat;*/
  }

ul.contrat li.new_ct_img {
	background: #FFE4AE
}
ul.contrat li.ct_img {
	background: #D2FFD2
}

.contrat .type1 { color: #000000; background: #F22009; margin-top: 2px}
.contrat .type2 { color: #000000; background: #0033CC; margin-top: 2px}
.contrat .type3 { color: #000000; background: #999999; margin-top: 2px}


/***********************/

#content td.padddingLeft {
	padding-left: 16px;
}
.border {
	border: 1px dotted #999999;
}
h1 span {
	color: #CC0000;
	font-size: 14px;
}
.level {
	color: #CC0000;
	font-size: 10px;
	text-transform: uppercase;
	margin-left: 8px;
	font-weight: bold;
}

ul.listing {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

ul.listing li {
	padding: 3px 3px 3px 8px;
	background: url(../images/puceUl.gif) no-repeat 0px 8px}
	
/**********		LEGENDE		**********/
.legendBox {
	margin: 2px 0px 12px 0px;
	padding: 2px 2px 4px 2px;
	background: #F7FBFD;
	border: 1px solid #CCE6F2;
	font-size: 10px;
	color: #333;
}
.legendBox dt{ padding: 3px 2px 6px 2px}
.legendBox dd{ padding: 0px; margin: 0px}

dl.legendBox li{ list-style-type: none; padding: 0px 0px 0px 3px; margin:0px 0px 2px 0px;}
	
.legendBox ul{ margin: 0px; padding: 0px}
.entreprise { border-left-color: #FFE4AE}
.bureau { border-left-color:  #BCDEDE}
.personel { border-left-color: #D2FFD2}

/********** FORMULAIRE	***********/
/*.submit1 { font-size: 9px; font-weight: bold;	background-color: #FAA44E; border: 1px solid #9D924D;	margin: 0px 5px 0px 0px; cursor: pointer;}*/
td.btn { padding: 4px}
div.btn { text-align: center; padding: 4px}
div.btn input {
	font-size: 9px;
	font-weight: bold;
	background-color: #FAA44E;
	border: 1px solid #9D924D;
	margin: 0px 5px 0px 0px; }

/***** DONNEES TABULAIRES ************/
.tabStd, .tabSynthese { border-collapse: collapse; margin-bottom: 14px; }
.tabStd th, .tabStd td, .tabSynthese th, .tabSynthese td { padding:3px; vertical-align: top; }
.tabStd th, .tabStd .champs th { border: 1px solid #CCC; background: #F5F5F5; }
.tabStd td { border: 1px solid #CCC; }
.tabStd .tit-section { padding: 0; }
.tabStd .tit-section h3 { border: none; margin: 0; padding: 0; }
.tabStd .tit-section a, .tabStd .tit-section span { display: block; padding: 3px; font-size: 1em; background-color: #DED9C3; }
.tabStd .tit-section a:hover { background: #ECE9D8;}

.tabSynthese { margin-top: 10px; }
.tabSynthese .first-line{}
.tabSynthese .first-line th {	background: #447196; text-transform: uppercase; border-left: 1px solid #447196;}
.tabSynthese th, .tabSynthese td { text-align: right; }
.tabSynthese th {background-color: #6F9ABD; color: #FFFFFF; border-left: 1px solid #6F9ABD}
.tabSynthese td { border: 1px solid #DDD; /*background-color: #dbe5f1#EFECCA*/ empty-cells: hide}
.tabSynthese .textToLeft { text-align: left; }

/**/
.even:hover { background-color: #CCE6F2;}
.listingTab {	width: 100%; border: 1px solid #CCCCCC;	margin-bottom: 10px;}
.listingTab td{	padding: 3px;	border-left: 1px solid #FFFFFF;	border-bottom: 1px solid #FFF; }

/* List Rubriques */
.list-rubriques { list-style-type: none; margin-left: 25px; padding: 0; }
.list-rubriques li { margin: 0; padding: 0; }
.list-rubriques img { vertical-align: middle; } 

#syntheseReglementation {
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}
#syntheseReglementation td{
	padding: 4px 4px 4px 4px;
	border: 1px solid #BFBFBF;
	}
	
table td.titRub {
	color: #1B85B8;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
	padding: 4px 3px;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	font-weight: bold;
	background: #E6F2F9;
}
table tr.lineGrey {
	background-color: #EEEEEE}
table tr.lineBlue {
	background-color: #E9EFF8}
.nom {
	font-weight: bold;
	background: #F4F4F4;
	border-bottom: 1px solid #FFF;
	vertical-align: top;
}
.nom a { }
.nom a:hover { background: #F3F3F3}
.nom2, tr.nom2 td {
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	background: #EBEBEB;
	vertical-align: middle; padding:4px
}
.champs th { background: #F4F4F4; font-weight: bold; border-left: 1px solid #FFF; text-align: left}

/* Données tabulaires génériques */
.tabData {	border: 1px solid #CCCCCC;
	margin-bottom: 10px; background: #FFF
}
.tabData td, .tabData th{ padding:3px; 
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #CCC}
.tabDataBleu .total td {
	background-color: #4F81BC;
	font-weight: bold;
	color: #FFF
}

.tabDataBleu {	
	margin-bottom: 10px; background: #FFF
}
.tabDataBleu td, .tabData th{ padding:4px; }
.tabDataBleu .champs th { background: #4F81BC; font-weight: bold; border: 1px solid #FFF; text-align: left; color: #FFF}
.tabDataBleu .line1 td { background: #EEF3F9}

/* pour upload de fichier */
.uld {padding:5px;font-family:Arial, Helvetica, sans-serif;}
.uld .warning {color:#CC0000;text-align:left;font-size:10pt;clear:left;float:left;border:1px solid #CC0000; background-color:#EEEEEE;padding:5px;margin:3px;}
.uld .notice{ font-family:Arial, Helvetica, sans-serif;color:#666666;text-align:left;font-size:10pt;clear:left;float:left;border:1px solid #CCCCCC; background-color:#FFFFFF;padding:5px;margin:3px;}
.uld .tinyfont {font-size: 8pt;}
.uld .more{display:none;clear:left;font-size: 8pt;}
.uld .progress_bar{padding:2px;display:none;text-align:center;clear:left;}
.uld .progress_box{width:100%;background-color:#CCCCCC;border:1px solid #444;text-align:left;}
.uld .progress{width:390px;text-align:center;}
.uld .progress_diagnostic{width:290px;text-align:center;}
.uld .bar{width:0%;background-color:#009900;height:8px;overflow:hidden;}
.uld .delete_link{color:red;}
.uld .upi {font-size:9pt;color:#666666;font-style:italic;}
.uld ul{list-style-type:none;clear:left}


.divInfoBulleAide {
	overflow:hidden;
	width:70px;
	height:70px;
	background-color:#F7F692;
	font-size:11px;
	padding:2px;
	border:1px solid;
	display:none;
}
div.configurationHeader {
	/*min-height: 70px;
	height: auto !important;
	height: 70px;*/
	margin-bottom: 8px
}
.tiny-help { word-wrap: break-word; width: 330px;}
.tiny-help img { max-width: 320px}
.questionObligatoire {
	color: #CC3300;
	font-weight: bold;
}
.questionRepondue {
	color: #60A352;
	font-weight: bold;
}
#divPatienterQuestion {
	position: absolute;
	/*left: 50%; margin-left: -225px;*/
	display: none;
	background-color: #FFFFCC;
	color: #000;
	width: 450px;
	padding: 10px;
	z-index: 100;
	height: 70px;
	font-weight:bold;
	font-size: 12px;
	text-align: center;
	border: 1px dotted #6A6A6A;
	opacity: 0.9;
	filter:alpha(opacity=90);
  	-moz-opacity:0.9;
 	 -khtml-opacity: 0.9;
}

/**************		INVENTAIRE	*************/
#inventaire .navTree{ background: #ECE9D8; padding: 5px
}
#divDetailInstallations { margin: 5px}
#inventaire dl {
	border: 1px solid #E4E4E4;
	margin: 0px 0px 14px 30px;
}
#inventaire dt { font-weight: bold; background: #CCE6F2; padding: 3px
	}
#inventaire dd {
	margin-bottom: 6px;
	background: #FFFFFF;
	padding: 4px 4px 8px 4px;
}
#inventaire h2 {
	padding: 2px;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
	color: #990000;
	font-size: 13px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#inventaire h3 {
	margin: 0px 0px 6px 0px;
	padding: 2px;
	font-size: 12px;
}
#inventaire h4 {
	margin: 0px 0px 4px 4px;
	padding: 0px 2px 2px 2px;
	font-size: 11px;
	color: #26759B;
}
#inventaire h5 {
	margin: 0px;
	padding: 2px;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}
#inventaire li { margin-bottom: 2px;}
div.site { 
	margin: 0px 0px 0px 14px
	}

.detail {
	padding: 0px; margin: 0px 0px 16px 14px;
}
.detail table {
	margin-left: 0px;
	width: 500px;
	border-collapse: collapse;
	margin-bottom: 10px;
	border-left: 20px solid #DADADA;
}
.detail table td{ border: 1px solid #CCCCCC }

/*****	TABLEAU DE BORD	**********/
.tabloDeBord { border-collapse: collapse; margin-bottom: 14px}
.tabloDeBord tr.rollOver:hover/*, .tabloDeBord tr.rollOver:hover td */{ background-color: #CCE6F2; border-color: #CCE6F2 !important; }
.tabloDeBord .jaune, .jaune { background-color: #FFFFCC;}
.jaune a { display: block; height: 15px; }
.tabloDeBord td{
	border: 1px solid #CCCCCC; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size: 11px
} 
.tabloDeBord .red{ color:#FF0000; }
.tabloDeBord .action {
	width: 140px;
	text-align: center;
}

.contrat_tdb { width: 100%; border-collapse: collapse; margin-bottom: 6px; }
.contrat_tdb td { padding: 0!important; border: 1px solid #CCC; }
.libelleContrat { position: relative; zoom: 1; padding:3px;}
.libelleContrat div {  padding:3px; white-space: normal; display:none; position:absolute; top: 0; left:0; z-index: 1000; background: #D5E9F2; width: 98%; font-size: 1em; }

.actionHelp {}
.action img{ margin-right: 8px}
.tabloDeBord td.alertText { font-size:9px !important; font-family: tahoma, arial; padding: 1px; text-align: center}


.print td { padding: 6px 5px 3px 5px}
.print td a { cursor: hand}
.action a:hover img, .print a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; 
	}
.tabloDeBord a{ text-decoration: underline;}
.tabloDeBord td.catName { font-size: 12px; padding: 0; }
.tabloDeBord td.catName h4 { margin: 0; padding: 0; height: 33px; background-color: #DED9C3;}
.tabloDeBord td.catName h4 a { display: block; line-height: 33px; height: 100%; text-decoration: none;}
.tabloDeBord td.catName h4 a:hover { background: #ECE9D8; }
.choice { width: 220px; }
.fiche-prestataire { background: #F5F9FC; /*background: #F5F4EB;*/ width: 100%;}
.fiche-prestataire th { font-weight: normal; text-align: right; padding: 0; width: 150px; }
.link { background: url(../images/puce-link.gif) no-repeat 0 center; padding-left: 8px; }
#popup_date {
	line-height: 130%;
	position: absolute;
	z-index: 10;
	width: 300px;
	background: #ECE9D8;
	padding: 10px;
	border: 1px solid #000;
	display: none;
}

#popup_date h2{
	border: none;
	font-size:11px;
	height:17px;
	padding:3px;
	margin: 0px 0px 4px 0px
}
#popup_date label{
	padding: 2px 0px;
	margin-bottom: 4px
}
#popup_date form{
	background: #FFFFFF;
	padding: 6px;
	border: 1px solid #BCB176;
}
.close { float: right}
.divContratRessources {overflow-y:auto;overflow-x:none;height:115px;}

/* POPUP EDIT*/

/*	*/
td.backRed { background-color: #FF0000; color: #FFFFFF}
td.backOrange{
	background-color: #FF9900;
	color: #FFFFFF;
}
td.day {
	background: #F8F7F1;
	text-align: center;
	padding: 0px;
	width: 20px;
}
td.dayOP {
	background: #F8F7F1;
	text-align: center;
	padding: 0px;
	width: 76px;}
td.day div { width: 40px}
.line1 { background-color: #F5F5F5}
.line2 { background-color: #EBEBEB}


/* 	PERIODE  */
ul.tdbLegende { padding: 0; margin: 0; font-size: 9px; }
ul.tdbLegende li { padding: 0 ; margin: 0 0px 3px 0; list-style-type: none;}
ul.tdbLegende span { float: left; display: block; height: 1em; width:1em; margin-right: 4px}
ul.tdbLegende li.contratActif span { background-color: #BDDE7A}
ul.tdbLegende li.expire span { background-color: #FFE556}
ul.tdbLegende li.expireUrgent span { background-color: #FF6666}
ul.tdbLegende li.nonApplicable span { background-color: #CCCCCC}
ul.tdbLegende li.tempsRestant span { background-color: #D9ECB3}
ul.tdbLegende li.renouvellement span { background-color: #7ABDDE}


td.period_alert1{
	background: #FFE556;
	/*border-right: 1px solid #FFE556;*/
	border: 1px solid #FFE556;
	padding: 3px;
	word-spacing: normal;
	font-size: 9px;
}

td.period_alert2{
	background: #FF6666;
	border-right: 1px solid #FF6666;
	padding: 3px;
	word-spacing: normal;
	font-size: 9px;
}

td.period_a{
	background: #BDDE7A;
	/*border-right: 1px solid #BDDE7A;*/
	border: 1px solid #BDDE7A;
	padding: 3px;
	word-spacing: normal;
	font-size: 9px;
}


td.period_c{
	background: #7ABDDE;/*
	border-right: 1px solid #7ABDDE;*/
	border: 1px solid #7ABDDE;
	padding: 3px;
	word-spacing: normal
}

td.period_f{
	background: #BDBDBD;
	/*border-right: 1px solid  #BDBDBD;*/
	border: 1px solid  #BDBDBD;
	padding: 3px;
	word-spacing: normal
}

td.period_aFade{
	background: #D9ECB3;
	/*border-right: 1px solid #BDDE7A;*/
	border: 1px solid #D9ECB3;
	padding: 3px;
	word-spacing: normal
}


td.period_cFade{
	background: #C0E0EF;/*
	border-right: 1px solid #7ABDDE;*/
	border: 1px solid #C0E0EF;
	padding: 3px;
	word-spacing: normal
}

td.period_fFade{
	background: #D2D2D2;
	/*border-right: 1px solid  #BDBDBD;*/
	border: 1px solid  #D2D2D2;
	padding: 3px;
	word-spacing: normal
}

tr.period_fini td { color: #999999}
td.period_fini{
	background: #D9ECB3;
	/*border-right: 1px solid  #BDBDBD;*/
	border: 1px solid  #D9ECB3;
	padding: 3px;
	word-spacing: normal
}

/* */
span.help {
	background: #FFFF99;
	border: 1px solid #666666;
	padding-right: 2px;
	padding-left: 2px;
	font: 9px Arial
}

/* RUBRIQUE SYNTHESE DES TACHES */

/*	SOMMAIRE pour la synthèse des taches  */
.sommaire {
	width: 220px;
	background: #FFFFFF;
	border: 2px solid #FFF;
}
.sommaireContent { border: 1px solid #F98C20; padding:0; margin: 0}
.sommaireContent form { padding:3px 5px; margin: 0px}
.sommaire .onglet { width: 100%; border-bottom: 1px solid #F98C20}
.sommaire .onglet td{ width: 50%; text-align: center; padding:0}
.sommaire .onglet td a{ display: block; padding: 10px 3px 3px 3px; 	background:#FDD5AC url(../images/cornTit.gif) no-repeat right top;
}
.sommaire .onglet td a:hover { color: #FFF}
.onglet td {
	color: #FFF8F0;
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF
	}

.onglet td.titOn { padding: 10px 3px 3px 3px; background: #F98C20 url(../images/cornTitOn.gif) no-repeat right top; color: #FFF; border-bottom: 1px solid #F98C20}
.sommaire td { padding: 1px}
.sommaire td.back { padding: 3px 3px 6px 3px; border-bottom: 1px solid #D9D2B0}
table.sommaire .on {
	font-weight: bold;
	color: #000000;
	background-image: url(none);
}
.filtre { background: #FFF}
.titPage {
	margin-bottom: 12px;
	border: none;
}
.titPage span.greyItalic{ font-style:italic;color:#888; }

div.titMain {
	background-color: #CDCAAF; padding:2px; height: auto !important; height: 2px; min-height: 2px}
div.titMain h1 {
	color:#565336;
	border: none;
	margin: 0px;
	padding: 4px 4px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px; }

div.titMain h1 span{ text-transform: lowercase; color: #FFFFFF; font-size: 12px; display: block}
div.titMain div { float: right}
div.titMain div:first-letter { text-transform: uppercase}
.ssTab td {
	border: 1px solid #B4B4B4;
}
table.ssTab {
	border-collapse: collapse;
}
/*	SYNTHESE DES TACHES	*/
.allTache {
	border-collapse: collapse;
	margin-bottom: 10px;
}
.allTache td{
	border: 1px solid #CCCCCC;
	padding: 2px 2px 2px 2px;
}
.allTache b{ margin-left: 2px }
.allTache td td{
	border: 1px solid #FFF;
}
.legende td{ border: 2px solid #FFF; padding: 0px 3px 0px 0px}
.legende { margin-bottom: 10px}

/* Graphe pour la synthèse des taches */
td.couvert{
	background-color: #009933; border-left-color: #009933
}
td.paCouvert{
	background-color: #F22009;
}
td.aCouvrir{
	background-color: #0033CC;
}
/* BARGRAPH*/
#content table.diag, table.diag {
}
#content table.diag td, table.diag td { padding:0px; border: none}

div.poum { margin: 2px 0px 2px 0px; height:18px;}
div.poum img { margin: 0px; padding: 0px; float: left}
/**/
.syntheseTache {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #CCC;
}
.syntheseTache td{
	padding: 2px 2px 2px 2px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCC;
	font-family: tahoma;
	}
.syntheseTache p { padding: 0px; margin-bottom: 4px}
.syntheseTache .titRub {
	color: #1B85B8;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
	padding: 2px 3px;
	border-top: 1px solid #BFBFBF;
	font-weight: bold;
	background: #E6F2F9;
}
tr.nonApp { color: #999999}

td.cellBarGraphs { }
/*********		PAGINATION		**********/
.pagination {
	text-align: center;
}
.pagination li {
	display: inline;
	margin: 0px 2px;
}
#content ul.pagination li.on {
	background-color: #FFFFFF;
	background-image: none;
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	border-right: none;
	border-left: none;
}

.pagination a { font-size: 11px}

/*	Divers */
.note {
	font-size: 10px;
	font-style: italic;
	color: #777;
	padding: 4px;
}
.noterouge {
	font-size: 10px;
	font-style: italic;
	color: #777;
	padding: 4px; color: red}
.noline {
	border: none!important;
}
.up {
	text-align: right;
	padding: 4px;
}
.gras { font-weight: bold}
.ul-std { list-style-type: circle; list-style-position: outside; margin: 0 0 0 20px; padding: 0 }
.required {
	color: #CC3300;
	text-align: right;
	padding: 6px 0px;
	font-weight: bold;
}
.botClear { clear: both; line-height: 0; font-size: 1%;  }
td.required {
	color: #CC3300;
	font-weight: bold;
}
.icon { vertical-align: middle; }
.toRight { float: right}
.toLeft { float: left}
.opacity70 { opacity: 0.7; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;}
.noPadding { padding:0;}
.textToRight { text-align: right}
.printable { border-bottom: 1px dotted #000; text-align: right}
tr.rollOver:hover/*, .tabloDeBord tr.rollOver:hover td */{ background-color: #CCE6F2; border-color: #CCE6F2 !important; }


/* Boite "Moteur de recherche" */
.filterBox {
	padding: 4px;
}
/* Titres	*/
/********SYNTHESE DES CONTRATS	*****/
#syntheseFinanciere {}
#syntheseFinanciere table{
	border-collapse: collapse; margin-bottom: 10px
}
#syntheseFinanciere td{
	border: 1px solid #CCCCCC;
	padding: 3px;
}
#syntheseFinanciere table.diag td, table.diag td {
    border: medium none;
    padding: 0; }
#syntheseFinanciere td a{  text-decoration: underline}
#syntheseFinanciere th{
	border: 1px solid #CCCCCC;
	padding: 3px;
	background: #EBEBEB; font-size: 10px;
	}

#selection_duree td {}
#syntheseFinanciere form{
	margin-bottom: 0px
	}
.upDown img {
	border: 1px solid #FFF;
}
td.noline { border: none !important}
.upDown img.active {
	border-color: #FAA44E;
}
#infoSite { }
#infoSite h2{
	font-size: 11px;
}
#infoSite h2:first-letter{ text-transform: uppercase}
table#legende {
	margin: 0px;
	background: #FFFFFF;
}

table#legende td{
	font: normal 10px Tahoma;
	padding: 1px;
	text-align: left;
	vertical-align: top;
}
td.ct_red { background:#FF0000}
td.ct_yellow { background: #FFCC00}
td.ct_green { background: #66CC00}
div.aide { position: relative}
div.aide div{
	width: 200px; margin-top: 4px !important; margin-top: 14px;  position:absolute; display:none; right: 0; padding: 8px; background: #FFFFD1;
	border: 3px double #CC0000; z-index: 100; text-align:left}
	
/* LOGIN BATIGAM */	
.formLogin { text-align: center; margin-top: 36px; }
.formLogin legend { font-size: 13px;}
.formLogin fieldset{ width: 455px;margin: 0 auto 5px auto; text-align: left; border: 1px solid #CCC }
.formLogin table { margin: 10px}
.formLogin .keywords { width: 315px;}
.formLogin th, .formLogin td{ padding: 4px}
.formLogin th { text-align: right; font-weight: normal }
.formLogin .btn{ text-align: center }
.formLogin div.btn input{ text-align: center }
/* Evenements: edition d'une remarque */
#description_remarques { border:1px solid #7F9DB9; background-color: white;padding:2px; height: auto !important; height: 250px; min-height: 250px}
#description_remarques td {
	font-size: 10px;
	border: 1px solid #FFF;
	padding: 5px;
}
#description_remarques a { display: block}
#description_remarques tr.line1 { background-color: #F6F6F6}
#description_remarques tr.line2 { background-color: #EBEBEB}

/* RELEVéS D'ENERGIE */
form#nouveauReleves { /*width: 560px*/}
#nouveauReleves td { padding: 3px 0;
}
/*#nouveauReleves tr:hover { background: #CCE6F2; }*/


.msgResults {
	font-size: 12px;
	background: #E3F2F9 url(../images/msgResults.gif) no-repeat 5px center;
	border: 1px dotted #77BCDD;
	padding: 14px 14px 14px 50px;
	line-height: 140%;
}

/* Recap des contrats passés */
#recapParc table { border-collapse: collapse}
#recapParc table td, #recapParc table th{ border-bottom: 1px solid #FFF; padding:1px; font-size: 9px}

/* Donnees tabulaire */
.tabNewGen { /*border-collapse: collapse;*/
	border: 1px solid #CCCCCC; /*outline:1px solid #77BCDD*/
	margin-bottom: 14px;
}
.tabNewGen caption{ font-size: 11px; font-weight: bold; text-align: center; color: #CC0000; padding: 4px; }
.tabNewGen th, .tabNewGen td{padding: 3px; border: 1px solid #FFF}
.tabNewGen td{ }
.tabNewGen a img { vertical-align: middle; margin-right: 4px }

.tabNewGen tr.champs th{ background-color: #EBEBEB; font-weight: bold }
.tabNewGen td.etiquette {
	color: #CC0000;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #E6F2F9;#77BCDD
}
.tabNewGen td.etiquette span{}
.tabNewGen td.etiquette a{ font-size: 10px; text-transform: lowercase }

td.crtlOrder, .paves td.crtlOrder  { vertical-align: middle;  width: 20px}
td.crtlOrder img{ cursor: pointer; margin-bottom: 14px; text-align: center}

/* Creation d'un contrat*/
.titContratEdit { margin: 10px 0px }
.titContratEdit div { float: right; font-size:13px}
.titContratEdit h3 { margin: 0px }


/*  */
#ressourcesList { }
#ressourcesLeft { vertical-align: top; border: 1px solid #E2DCC5; background: #FAF9F5; padding: 0.2em }
#ressourcesLeft h2 { font-size: 1.1em; padding: 0.9em 0.3em 0.4em 0.5em; margin: 0; background: #E2DCC5; color: #565336}
#ressourcesLeft div.dtree { border: 1px solid #CCC; }
#ressourcesRight { width: 670px; vertical-align: top; padding: 0 6px}

/* */
#consultationReleves { width: 100%}
#consultationReleves #left {
	background: #FAF9F5;
	border: 1px solid #E2DCC5;
	width: 380px;
}
#consultationReleves #left select { width: 100% }
#consultationReleves p { padding: 2px; margin: 0 0 4px 0}
#consultationReleves td {}

/* DIAGNOSTIC */
.listeEtatsSelecteur { font-size: 10px; line-height: 22px; cursor: pointer; padding: 0 2px; display: block; position: relative; zoom: 1}
.listeEtatsSelecteur:hover { color: #333;}
table.diag-points { width: 867px; }
.diag-points .action { width: 30px; text-align: center;}
.diag-points .action img { margin: 0}
.bat { width: 130px}
.dom { width: 130px}
.obj { width: 120px}
.const { width: 120px}
.delai { width: 114px}
.etat { width: 90px}
.crit {}
.overflowed {max-height:191px;overflow-y:scroll;/*overflow:scroll;*/}
/* SYNTHESE */
.synthese_l2 {padding-left: 18px;}
.synthese_l3 {padding-left: 36px;}
.synthese_l4 {padding-left: 54px;}
.synthese_l5 {padding-left: 72px;}
.synthese_l6 {padding-left: 105px;}
.tabSynthese img { cursor: pointer; }
.tabSynthese p { width: 100%; height: 100%; padding: 0; margin: 0;}

/* TinyMCE */
.tiny ul, .tiny ol { margin: 0 0 0 30px; padding: 0; }
.tiny ul { list-style-type: disc; }
.tiny ol { list-style-type:decimal; }
.tiny ul li, .tiny ol li { padding: 0; margin: 0 0 4px 0; }