body {
	background:#6186b3;
	overflow:auto;
	text-align:center;
}

div#content	{
	background:white;
	padding: 10px;
	text-align:left;
	width:98%;
}

textarea#commentaire {
	width:100%;
}

input#upload {
	width:50%;
}

h1 {
	background:black;
	color:white;
	font:bold small-caps 16px arial;
	margin:0 10px 10px 0;
	text-align:center;
}

h2 {
	background:#888888;
	color:white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font:bold small-caps 14px arial;
	margin:20px 20% 10px 20%;
	text-align:center;
}

h3 {
	background:white;
	color:black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font:bold 12px arial;
	margin:20px 25% 10px 25%;
	text-align:center;
}

table.doc {
	background:white;
	border:0;
	margin:20px 10% 10px 10%;
	font:11px arial;
	width:80%;
}

table.doc th,table.client th {
	background:#adc6e3;
	border:1px solid #cfddee;
}

table.doc td,table.client td {
	background:#FFFFFF;
	border:0;
	border-bottom:1px solid #adc6e3;
}

table.doc td.date {
	width:10%;
	text-align:center;
	vertical-align: top;
}

table.doc td.doc {
	width:25%;
	padding-left:5px;
	vertical-align: top;
}

table.doc td.dossier {
	width:5%;
	padding-left:5px;
	vertical-align: top;
}

table.doc td.commentaire {
	width:47%;
	vertical-align: top;
	padding-left:5px;
}

table.doc td.lien {
	width:18%;
	text-align:center;
	vertical-align: top;
}

table.doc td a,table.client td a,p.nouv_contact a{
	color:black;
}

table.doc td a:hover,table.client td a:hover,p.nouv_contact a:hover{
	color:grey;
}

table.client {
	background:white;
	border:0;
	margin:20px 10% 10px 10%;
	font:11px arial;
	width:80%;
}

table.client td {
	padding: 0px 0px 0px 10px;	
}

table.client td.rs {
	width:25%;
}

table.client td.contact {
	width:25%;
}

table.client td.lien {
	padding: 0px;
	text-align:center;	
}

table.client td.barre {
	border-left:1px solid #adc6e3;	
}

input.ok {
	background:#6186b3;
	border:1px solid #6186b3;
	color:white;
	font-weight: bold;
	font:12px arial;
	cursor:pointer;
}

input[type=text],input[type=password] {
	border:1px solid #6186b3;
	padding-left: 2px;
}

table.menu {
	background:white;
	border:0;
	margin:10px 0 10px 0;
	font:14px arial;
	width:100%;
}

table.sub_menu {
	background:white;
	border:0;
	margin:10px 0 10px 0;
	font:12px arial;
	width:100%;
}

table.menu td.menu{
	width: 160px;
	text-align:center;
}

table.sub_menu td.menu{
	width: 140px;
	text-align:center;
}

table.menu td a, table.sub_menu td a{
	color:black;
	display:block;
	text-decoration:none;
	padding:1px
}

table.menu td a:hover, table.sub_menu td a:hover{
	background:#8da6c3;
}

table.menu td.active, table.sub_menu td.active{
	font:12px arial;
	font-weight:bold;
	border-top:1px solid #adc6e3;
	border-left:1px solid #adc6e3;
	border-right:1px solid #adc6e3;
}

table.menu td.inactive, table.sub_menu td.inactive{
	font:12px arial;
	background:#adc6e3;
}

table.menu td.rest, table.sub_menu td.rest{
	border-bottom:1px solid #adc6e3;
}

table.menu td.left, table.sub_menu td.left{
	width: 10%;
}

table.menu td.middle, table.sub_menu td.middle{
	width: 1%;
}

table.sub_menu td.user{
	text-align:right;
	padding-right: 10px;
}

table.menu td.user{
	font:12px arial;
	text-align:right;
	padding: 0 10px 20px 0;
}

table.menu td.deco{
	font:12px arial;
	width: 100px;
	text-align:center;
	padding: 0 0 20px 0;
}

table.login {
	margin: 10px 30% 10px 30%; width: 40%;
}

table.login label {
	font:11px arial;
	font-weight:bold;	
}

table.upload{
	background:white;
	border:0;
	font:11px arial;
	width: 100%;	
}

table.confirm {
	background:white;
	border:0;
	margin:20px 30% 10px 30%;
	font:11px arial;
	width: 40%;	
}

table.confirm td.info {
	width: 20%;	
}

p.nouv_contact{
	font:12px arial;
	text-align: right;
	padding-right: 120px; 
}

p.mini_info {
	font:5px arial;
	text-align:right;
	margin: 10px 10% 0 10%;
	padding:10px;
	width:80%;
}

p.mini_info a {
	text-decoration:none;	
}