#navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 10em;
}

#navigation2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 10em;
}

#content {
	width: 950;
	margin-left: 4em;
	/* setting top and bottom margin to 0 and right and left margin to 10em */
	margin-right: 7em;
}


<!-- Class Shell -->
table.tshe {
	title: Shell;
	cellspacing: 1;
	cellpadding: 0;
	border-width: 2;
	border-color: black ;
	background-color: Beige;
	id: shell;
	height: auto;
	width: auto;
}

<!--Class Navigation -->
table.tnav {
	id: navigation;
	title: Navigation;
	border-width: 1;
	border-color: black ;
	cellspacing: 1;
	cellpadding: 0;
	height: 20%;
	width: 10%;
}

<!--Class Paper -->
table.paper{
	id: paper;
	title: Paper;
		border-width: 2px;
		border-spacing: 2px;
		border-style: outset outset outset outset;
		border-color: gray gray gray gray;
	cellspacing: 1;
	cellpadding: 0;
	height: 24 em;
	width: 20 em;
	font-size: 11px;
}

table.paper td {
	border-width: 1px ;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted ;
	border-color: gray gray gray gray;
}


<!--Class Sample  -->
table.sample {
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: blue;
	border-collapse: separate;
	background-color: #dae6ff;
	font-size: 11px;
	width:100%;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: snow;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: blue;
	background-color: #dae6ff;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size: 11px;
}

table.sample tr{
text-align:left;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dae6ff;
	font-size: 11px;

}

ul {
	margin-left: 3em;
	font-size: 11px;
}

a {
	color: DarkBlue;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

table.top {
	table-layout: auto;
	width: auto;
	text-align: left;
	font-variant: normal;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: Snow;
}

table.top th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: green green green green;
	background-color: beige;
}

table.top td {
	border-width: 1px ;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
}

P {
	font-size: 11px;
}

.p1 {
	font-size: 11px;
}

P A {
	text-decoration: underline;
}

DIV A {
	text-decoration: underline;
}

TD A {
	text-decoration: underline;
}

LI A {
	text-decoration: none;
}

TR.titretableau {
	font-size: 11px;
}

* {
	margin: 2px;
	padding: 2px;
}

a:hover {
	color: Red;
}

a.style1 {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

a.style1:hover {
	text-decoration: underline;
	color: #06389b;
}

ul.style1 {
	list-style: none;
	margin-left: 25px;
}

ul.style2 {
	margin-left: 25px;
}

ol.style2 {
	margin-left: 25px;
}

img {
	border: 1;
	margin: 2 2 2 2;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color:#0404B4;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color:#0404B4;
}

h3 {
	font-size: 12px;
	font-weight: bold;
}

h4 {
	font-size: 11px;
	font-weight: normal;
}

hr {
	background: #dddd;
	height: 4px;
	color:  dark blue;
	border: 2;
	margin-bottom: 2px;
page-break-after: always;
}

caption {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}

button {
	background: white;
	border: solid 1px black;
	color: green;
}

p.red {
	color: red;
}

p.green {
	color: green;
}

p.orange {
	color: orange;
}


.color1 {
	color: #980165;
}

.color2 {
	color: Red;
}

.color3 {
	color: #008000;
}

.color4 {
	color: #06389b;
}

.color5 {
	color: #000;
}

.color6 {
	color: #626262;
}

.background-color1 {
	background-color: #FFF;
}

.update {
	margin-left: 10px;
}

.height1 {
	height: 30px;
}

.padding-left1 {
	padding-left: 2px;
}

.text-right,.tar {
	text-align: right;
}

.text-left,.tal {
	text-align: left;
}

.left,.fl {
	float: left;
}

.right,.fr {
	float: right;
}

.small {
	font-size: 9px;
}

.medium {
	font-size: 11px;
}

.gras {
	font-weight: bold;
}

.blanc {
	color: #fff;
}

.bloc01 {
	border: solid 2px #D6D6D6;
	border-top: none;
}

.p05 {
	padding: 5px;
}

.mt10 {
	margin-top: 10px;
}

.form-elt {
	font-size: 11px;
}

.form-block .btn_ok {
	margin-left: 20px;
	cursor: pointer;
}

.link01 {
	color: #06389b;
	text-decoration: underline;
}

.link02 {
	color: #06389b;
	text-decoration: none;
}

.bloc01 {
	border: solid 2px #D6D6D6;
	border-top: none;
}

.mini {
	font-size: 11px;
}

.hide {
	visibility: hidden;
}

.fvert {
	background-color: #defad4;
}

.frouge {
	background-color: #ffe4e4;
}

.date {
	font-size: 11px;
	font-weight: bold;
}

.liseret {
	border-bottom: solid 1px #99b7d9;
}

.form01 {
	margin-top: 5px;
}

.form01 input {
	border: solid 1px #000;
	font-size: 11px;
	padding: 0 3px;
}

.form01 select {
	border: solid 1px #000;
	font-size: 11px;
	padding: 1px;
}

select {
	border: solid 1px #000;
	font-size: 11px;
	padding: 1px;
}

.bottomgris {
	border-top: solid 1px #bcbcbc;
	margin-top: 2px;
	margin-bottom: 10px;
	background-color: #e6e6e6;
	width: 100%;
	clear: both;
	font-size: 10px;
	background-color: #e6e6e6;
	height: 18px;
	line-height: 18px;
}

.bottomgris a {
	text-decoration: none;
}

.marge {
margin-left: 30em;
}