body { 	background:#fff; color:#000;
	font-family : "bitstream vera serif", Georgia, "Times New Roman", Times, serif;
	margin:0; border:0;}

.bloc{float:left; padding:0; margin:12px 8px; color:#000; background:#eef; width:280px; font-size:90%; border-radius:0 0 20px 0} 

.auto{float:none; padding:3px 1em; margin:12px 8px; width:auto	; font-size:100%;}

h1,
h2,
h3,
h4 {background:#ddf; padding:4px 10px; font-weight:bolder; border:0; border-radius:0 20px 0 0} 
h1 {font-size: 200%; margin: 0 0 1.2em 0;}
h2 {font-size: 150%; margin: 3em 0 1em 0;}
h3 {font-size: 125%; margin: 2em 0 0 0;}
h4 {font-size: 100%; margin: 0 0 1em 0;}







div {}
#liste, #preview {position:absolute; top:0; bottom:0; height:100%; overflow: auto;}
#liste {left:5px; right:330px; font-size:100%;}
#preview {width:300px; right:10px; font-size:80%;}

table a:hover { color: #f00; text-decoration:none;}
table a {color:#000; font-weight:bolder;}

a { font-weight: bolder; color: 669990; text-decoration:none; margin:0;}
a.alist { font-weight: normal; color:#000; text-decoration:none; margin:0;}



a.on  { color:#000; text-decoration:none; margin:0 0 0 1.5em;}
a.off { color:#999; text-decoration:none; margin:0 0 0 1.5em;}

a:hover {color:990;}


p {margin: 0.8em 5px 0 10px}

/* IMAGE position */
img {margin:0; max-width:90%; vertical-align:text-bottom}
	.right {margin: 0 0 0 1em; float: right;}
	.left {margin: 0 1em 0 0; float: left;}
	.bottom {margin-bottom: 0em;}
	
hr {margin:1em; clear: both; visibility: hidden;}

p.bouton {margin:2em 0 0} 

a.bouton {	color:#000; text-decoration: none; font-weight:normal; text-align: center;
			background-color: #c8c5c0; border: 2px outset #fff;
			padding: 3px 10px; }
a.bouton:hover {color:#000; background-color: #bbb;}

span span.survol {display: none;}
span:hover span.survol {display: block;	position: fixed; top:0; left:0;
			padding:0px; margin:0;
			color:#000;
			text-align:left; text-decoration:none;}