/*--------------------------------------------------------*/
/*   GENERAL				                                      */
/*--------------------------------------------------------*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  font-weight: normal; 
  color: #333333;
  background-color: #F0F0F0;            			/* 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:20px;
	width: 200px;
  font-size: 10pt; 
  font-weight: bold; 
  color: #000000;
	background-color: #FFFFFF;
  border: 1px solid #000000;
	border-radius: 10px;
	padding: 8px;
}
/*--------------------------------------------------------*/
/*   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 {
	vertical-align: top;
	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;
}
/*--------------------------------------------------------*/
/*   ONGLET									                              */
/*--------------------------------------------------------*/
.ongleton {
	height:15px;
	width: 150px;
  font-size: 10pt; 
  font-weight: bold; 
	text-align: center;
  color: #000000;
	background-color: #FFFFFF;
  border: 1px solid #000000;
	border-radius: 10px;
	padding: 8px;
	margin: 3px;
}
.ongletoff {
	height:15px;
	width: 150px;
  font-size: 10pt; 
	text-align: center;
  color: #000000;
	background-color: #95D2D9;
	border-radius: 10px;
	padding: 8px;
	margin: 3px;
	cursor: pointer;
}
/*--------------------------------------------------------*/
/*   POPUP 									                              */
/*--------------------------------------------------------*/
.popup0 {
	position: absolute; 
	z-index: 200;
	visibility: hidden; 
	overflow: hidden; 
	width:500px;
	height:300px;
}
.popup1 {
	width: 300px;
	height: 40px;
	cursor: pointer;
	background-image: url(../common/img/popup1.png);
}
.popup2 {
	width: 260px; 
	height: 150px;
	font-size: 8pt;
	background-image: url(../common/img/popup2.png);
}
.popup3 {
	width: 300px;
	height: 15px;
	font-size: 8pt;
	background-image: url(../common/img/popup3.png);
}