/*--------------------------------------------------------*/
/*   GENERAL				                                      */
/*--------------------------------------------------------*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  font-weight: normal; 
  color: #333333;

  background-image: url(../config/fond0.png); /* Location of the image */
  background-position: center center;   			/* Background image is centered vertically and horizontally at all times */
  background-repeat: no-repeat;         			/* Background image doesn't tile */
  background-attachment: fixed;				  			/* Background image is fixed in the viewport so that it doesn't move when the content's height is greater than the image's height */
  background-size: cover;               			/* This is what makes the background image rescale based on the container's size */
  background-color: #464646;            			/* Set a background color that will be displayed while the background image is loading */
}
td {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  font-weight: normal; 
  color: #333333;
}
form {
	margin: 0px;
	border: 0px;
}
select {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	border: 1px solid #888888;	
	border-radius: 7px;
}
input {
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	vertical-align: middle;
	border: 1px solid #888888;	
	border-radius: 7px;
	padding-right:5px;
	padding-left:5px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #888888;	
	border-radius: 7px;
	padding:5px;
}
/*--------------------------------------------------------*/
/*   DIVERSES COLORATIONS                                 */
/*--------------------------------------------------------*/
.barre {
		background-color:#3C9CA7;
}
.titre {
	height:30px;
  font-size: 12pt; 
  font-weight: bold; 
  color: #000000;
	background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
	border-radius: 10px;
	padding-top: 8px;
}
.titrenoir {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  font-weight: bold; 
	background-color: #303030;
  color: #FFFFFF;
}
/*--------------------------------------------------------*/
/*   BOUTONS 				                                      */
/*--------------------------------------------------------*/
/* liens*/
.dummylink {
	white-space: nowrap;
	cursor:pointer;
	color:#333333;
	text-decoration:none;
}
/* mot souligné cliquable */
.request0 {
	height:20px;
	cursor:pointer;
	color:#FF0000;
	text-decoration:underline;
}
/* bouton invalidé */
.request1 {
	height:20px;
	text-align: center;
	vertical-align: middle;
	background-color: #EEEEEE;
	padding-top: 8px;
	padding-right: 7px;
	padding-left: 3px;
}
/* bouton cliquable */
.request2 {
	height:20px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	background-color: #CCCCCC;
	padding-top: 8px;
	padding-right: 7px;
	padding-left: 3px;
}
/* bouton avec bordure */
.request3 {
	height:20px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	background-color: #C0C0C0;
	border-radius: 5px;
  border: 3px solid #FFFFFF;
	padding-top: 8px;
	padding-right: 7px;
	padding-left: 3px;
}
/*--------------------------------------------------------*/
/*   CADRES ET LISTES                                     */
/*--------------------------------------------------------*/
.block {
	white-space: nowrap;
	overflow: hidden;
}
.cadre {
	background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
	border-radius: 10px;
	overflow: hidden;
}
.cadre2 {
	background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
}
.cadrerouge {
	background-color: #F8F8F8;
  border: 3px solid #FF0000;
	border-radius: 10px;
	overflow: hidden;
}
.liste {
	background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
	overflow-y: scroll;
}
.liste2 {
	background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
	overflow-y: scroll;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
/*--------------------------------------------------------*/
/*  TreeViewList		                       								*/
/*--------------------------------------------------------*/
.container0 {
	height: 20px;
	overflow: hidden;
	background-color: #FFFFFF;
}
.container1 {
	height: 20px;
	overflow: hidden;
	background-color: #F0F0F0;
}
.internal {
	width: 20px;
	height: 15px;
	overflow: hidden;
	float: left;
}
/*  menu des affichages */
.menu {
	width: 100px;
	height: 25px;
	float: left;
}
/*  menu de la TVL	 */
.menu0 {											/* container */
	position: absolute; 
	z-index: 100;
	width: 180px; 
	background-color:#FFFFFF; 
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #AAAAAA;
	visibility: hidden; 
	overflow: hidden; 
}
.menu1 {											/* container interne */
	width: 170px; 
	margin: 5px; 
}
.menu2 {											/* barre de titre */
	width: 170px; 
	height: 15px; 
	background-color: #CCCCCC;
	text-align: right;	
}
.menu3 {											/* espace */
	width: 170px; 
	height: 5px; 
}
.menu4 {
	width: 20px; 								/* icone */
	height: 25px; 
	float: left;
	cursor: pointer;
}
.menu5 {
	width: 150px; 							/* libellé */
	height: 25px; 
	overflow: hidden; 
	line-height: 200%;
}
/*  Popup de la TVL et de CAL	 */
.popup0 {
	position: absolute; 
	z-index: 110;
	width: 440px; 
	background-color:#FFFFFF; 
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #AAAAAA;
	visibility: hidden; 
}
/*-------------------*/
/*  Fenêtre d'aide	 */
/*-------------------*/
.help {
	position: absolute; 
	z-index: 120;
	width: 400px; 
	visibility: hidden; 
	overflow: hidden;
}
/*--------------------------------------------------------*/
/*  Bulles					                       								*/
/*--------------------------------------------------------*/
.bulle0 {
	position: absolute; 
	z-index: 100;
	visibility: hidden; 
	overflow: hidden; 
}
.bulle1 {
	width: 10px;
	height: 10px;
	float: left;
	overflow: hidden;
	background-image:url(../common/img/bulle/bulle1.png); 
	background-repeat:no-repeat;
}
.bulle2 {
	height: 10px; 
	float: left; 
	overflow: hidden; 
	background-image:url(../common/img/bulle/bulle2.png);
	background-repeat:repeat-x;
}
.bulle3 {
	width:13px; 
	height:10px; 
	float:left; 
	overflow:hidden;
	background-image:url(../common/img/bulle/bulle3.png);
	background-repeat:no-repeat;
}
.bulle4 {
	width:10px; 
	float:left; 
	overflow:hidden;
	background-image:url(../common/img/bulle/bulle4.png);
  background-repeat:repeat-y;
}
.bulle5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	background-color:#FFFFFF; 
	text-align:left; 
	float:left;	
	overflow:hidden;
}
.bulle6 {
	width:13px; 
	float:left; 
	overflow:hidden;
	background-image:url(../common/img/bulle/bulle6.png);
	background-repeat:repeat-y;
}
.bulle7 {
	width:10px; 
	height:30px; 
	float:left; 
	overflow:hidden;
	background-image:url(../common/img/bulle/bulle7.png);
	background-repeat:no-repeat;
}
.bulle8 {
	height:30px;
	float:left;
	overflow:hidden;
	background-image:url(../common/img/bulle/bulle8.png);
	background-repeat:repeat-x;
}
.bulle9 {
	width:13px;
	height:30px;
	float:left;
	overflow:hidden; 
	background-image:url(../common/img/bulle/bulle9.png);
	background-repeat:no-repeat;
}