/****************************
* POUR TSL                  *
* AUTEUR : Céline Piccand   *
* CREATION : 12.09.2009     *
* MISE A JOUR : 12.09.2009  *
****************************/

body {
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #000;
	margin: 0px;
	background: #FFF;
	text-align: center;
	/*Ascenceur*/
	scrollbar-face-color: #EAEAEA;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #F1F1F1;
	scrollbar-shadow-color: #EEEEEE;
	scrollbar-highlight-color: #EEEEEE;}

@page { size: 21cm 29.7cm; margin: 2cm }
	
img { border-width: 0px;}

strong { color: #4f4e4d}

/*Listes à puces et numérotées*/

ul {
	list-style-image: url(../images/welcome/puce.gif);
	margin: 5px 0px 5px 35px;
	padding: 0px;}
		
ol {
	list-style-type:decimal;
	margin: 5px 0px 5px 40px;
	padding: 0px;}

ol.abc {
	list-style-type: lower-alpha;
	margin: 5px 0px 5px 40px;
	padding: 0px;}
		
/*Ligne horizontal*/
hr {
	width: 100%;
	height: 1px;
	color: #7d695a;
	background-color: #e3e3e3;
	border: 0px;}

/*TSL*/
h1	{
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;}
	
/*Sous-titres*/
h2	{
	font-size: 1.4em;
	letter-spacing: 1px;
	color: #7d695a;
	font-weight: normal;
	font-variant: small-caps;
	text-align: left;
	padding-bottom: 2px;
	margin: 0px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #7d695a}

h3	{
	color: #7d695a;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 3px;}

h4	{
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 3px;}
	
h5	{
	color: #999;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;}

/*Mise en forme du texte*/
.txt_moyen		{font-size: 1.2em;}

.txt_petit		{font-size: 0.8em;}

/*Alignements*/
.align_left { text-align: left;}

.align_right { text-align: right;}

.align_center { text-align: center;}

/*Float gauche ou droite avec largeur*/
.float_left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;}

.float_right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;}

.clear {
	clear: both;}

/*Largeurs diverses (à utiliser pour les div, td, input, select, textarea, etc) */
.width_100 { width: 100px;}

.width_165 { width: 165px;}

.width_200 { width: 200px;}

.width_250 { width: 250px;}

.width_50_pourcent { width: 50%;}

.width_33_pourcent { width: 33%;}

.width_25_pourcent { width: 25%;}

.width_20_pourcent { width: 20%;}


/*Liens standards*/
a:active {
	color: #7d695a;
	text-decoration: none;}

a:link, a:visited {
	color: #3f2514;
	border-bottom: 1px dotted #7d695a;
	text-decoration: none;}

a:hover {
	color: #7d695a;
	text-decoration: none;}

/*Divs*/
#page {
	width: 900px;
	margin: 0px auto;	
	text-align: left;
	clear: both;}
		
#banner {
	top: 0px;
	left: 0px;
	height: 160px;
	padding: 25px 0px 0px 20px;
	border-bottom: 1px solid #baac9d;
	text-align: center;}
	
/*Navigation*/
#nav {
	font: 1.3em/1.0em Arial, sans-serif;
	margin-top: 125px;}
	
#nav ul {
	list-style: none;
	margin: 0px;}
	
#nav li {
	padding: 7px 13px;
	display: inline;}
	
#nav li a {
	color: #7d695a;
	border-bottom: none;}
	
#nav li a:hover {
	color: #000;}

/*Colonne de gauche*/
#side_bar {
	float: left;
	width: 200px;
	min-height: 450px;
	margin: 0px;
	padding: 0px;}

/*Contenu */
#content {
	float: right;
	width: 695px;
	min-height: 450px;
	padding: 0px;
	margin: 30px 0px;}
	
/*Archives*/	


/*Pied de page*/
#footer {
	bottom: 0px;
	left: 0px;
	font-size: 0.9em;
	color: #4b3323;
	padding: 0px;
	margin-bottom: 10px;
	text-align: center;
	clear: both;}
	
/*Login*/
#login {
	border: 1px solid #e5e1de;
	padding: 5px;
	margin-right: 15px;}

#login label {
	width: 60px;
	clear: both;}
	
#login input {
	width: 100px;}
	
#login input.submit {
	width: 60px;
	margin-top: 5px;}

/*Affichage général pour les objets de formulaire*/
form {
	margin: 0px;}

input, textarea, select {
	font: 0.9em Arial, sans-serif;
	color: #333;
	border: 1px solid #7d695a;
	width: 200px;
	margin: 3px 0px;}
	
input.submit {
	width: 60px;
	margin-top: 5px;}

label {
	width: 120px;
	font-weight: bold;
	color: #7d695a;
	margin: 3px;
	float: left;
	display: block;}

form p {
	margin: 2px 0px;
	clear: both;}
	
p.bg {
	background-color: #f1efed}

/*Affichage général pour les tableaux*/
td, th { 
	font-size: 0.75em;}

caption { 
	font-size: 0.75em;
	text-align: left; 
	padding: 0px; 
	padding-bottom: 3px;}

.menu {
	font: 1.3em/1.0em Arial, sans-serif;
	margin-top: 125px;	
}

.menu .buttons {
	padding: 7px 13px;
	display: inline;
}

.admin {
	letter-spacing: 1px;
	font-variant: small-caps;
	color: #7d695a;	
	border: none;
}
.admin .title {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px;
	height: 36px;
	border-bottom: 1px solid black;
}

.admin .tree {
	font-size: 1.0em;
	font-weight: normal;
	background: #FFF;
	cursor: default;
	cursor: hand;
	cursor: pointer;
}

.admin .customers {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	color: #7d695a;	
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	cursor: hand;
	width: 200px;
	cursor: pointer;	
	padding-left: 30px;
	background: #909090 url(images/customers.png) no-repeat;
}

.admin .publications {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	color: #7d695a;	
	cursor: hand;
	cursor: pointer;	
	width: 200px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 30px;
	background: #909090 url(images/publications.png) no-repeat;
}


.admin .trades {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	color: #7d695a;	
	cursor: hand;
	cursor: pointer;	
	width: 200px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 30px;
	background: #909090 url(images/trades.png) no-repeat;
}


.admin .content {
	margin: 15px;	
}

.titre {
	height: 36px;
	border: none;
	cursor: hand;
	cursor: pointer;
	padding-bottom: 3px;
}

.titre .sujet {
	margin: 0px;
	padding: 0px;
	margin-top:5px;
	font-weight: bold;
}

.titre .date {
	margin-top: 5px;
	margin-left: 10px;
	color: #3f2514;
	width: 60px;
	font-weight: normal;
}

.titre .download {
	margin-top:5px;
	border: none;
	background: none;
	color: #3f2514;
	font-weight: normal;
}
.description_content {
	margin-left: 72px;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;	
}

.login_label {
	font-weight: bold;
	color: #7d695a;
	margin: 3px;
	float: left;
	display: block;
}
.bg {
	background-color: #f1efed;
}

.login_info {
	color: #7d695a;
	margin: 3px;
	float: left;
	display: block;
}
.connected	{
	font-size: 1.4em;
	letter-spacing: 1px;
	color: #7d695a;
	font-weight: normal;
	font-variant: small-caps;
	text-align: left;
	padding-bottom: 2px;
	margin: 0px;
}

.stpInputField {
	margin: 0px;
}

.stpInputField .inputField_left {
	display: none;
}
.stpInputField .inputField_right {
	display: none;
}
.stpInputField .inputField_middle{
}

/** ---------------------------- Glass Panel ----------------------------- */
.stpGlassPanel {
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: 0.60;
	-moz-opacity: 0.70;
	filter: alpha(opacity=60);	
}
.stpWaitPanel {
	background: transparent;
	margin-top: 200px;
	margin-left: 50%;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.gwt-Button {
    background: transparent;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
.masterdetail {
	height: 700px;
	width: 100%;
}
.masterdetail .master_table {
}
.masterdetail .detail_table {
}

.masterdetail .master_table .title	{
	font-size: 1.0em;
	letter-spacing: 1px;
	color: #7d695a;
	font-weight: normal;
	font-variant: small-caps;
	text-align: left;
	padding-bottom: 2px;
	margin: 0px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #7d695a}
	
.masterdetail .master_table .value	{
	font-size: 1.0em;
	letter-spacing: 0px;
	color: black;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	padding-bottom: 2px;
	margin: 0px;
	margin-bottom: 0px;
	border-bottom: 0px}

.masterdetail .detail_table .title	{
	height: 20px;
	width: 120px;
	border: 0px;
	font-size: 1.0em;
	font-weight: normal;
}

.vsplitter {
    background-color : #c0c0c0;
    cursor: n-resize;
    cursor: row-resize;
}

.img_clickable {
	cursor: hand;
	cursor: pointer;
}

.gwt_Html {
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
}