body { margin:auto; text-align:center; background:#FFFFFF; }
#inout { margin:auto; position:relative; width:442px; height:334px; background:#FF66FF; text-align:center; display:block; }
#sortir { float:left; width:66px; height:18px; }
#entrer { float:right; width:62px; height:18px; }
textarea { font-size:8pt; }
img { border:0; }
form { margin:0; padding:0; }
h1,h2,h3,h4 { width:442px; padding:0; margin:0 auto 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:20px; color:pink; width:500px; }
h2 { 
	font-size: 12px; 
	color: #FFFFFF;
	width:350px;
	padding-bottom:5px; 
}
h3 { 
	font-size: 11px; 
	font-weight: normal;
	color: #000000;
}
h4 { color:#000000; font-size:11px; padding-bottom:10px; }
a:link { color:#000000; }
a:visited { color:#000000; }
h4 a:link, h4 a:visited { text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }

ul { 
	list-style: none;
	margin: 0 auto 0 auto; 
	padding: 20px 0; 
	display: block; 
	list-style-type: none; 
	text-align: center; 
	width: 600px; 
	height: 60px;
	border: solid 1px #FF6600;
}
* html ul { width: 600px; }
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px; 
	width: auto; 
	height: 12px; 
	text-align: center; 
	float: left; 
	margin-right: 2px;
}
li a {
	text-decoration: underline; 
	float: left; 
	border: 0; 
	width: auto; 
	height: auto; 
	display: block; 
	text-indent: 9px; 
	color:#000000;
	background: transparent url(images/tiret.gif) center left no-repeat; 
}
li a:hover {
	text-decoration:none; 
	display:block;
}