html, body
	{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;}

body
	 { color: #699; font-size: 12px; font-family: "Andale Mono", "Lucida Console", "OCR A Extended", Sydnie, Verdana; background: #fff; text-align: center }
td {color: #699; font-size: 12px; font-family: "Andale Mono", "Lucida Console", "OCR A Extended", Sydnie, Verdana;}
#page
	{ 
	background: url(charte/fond-page.gif) repeat-y 0 0; 
	margin: 0 auto ; width: 550px; text-align: left; }
	
	
p 
	{margin: 0; 
	padding: 8px 0 0 0;}

a:link, a:visited { color: #36c; text-decoration: none; }
a:hover { color: blue; text-decoration: underline; }
a:active { color: red; }

.texte20	{ 
	font-size: 19px;
	}
.top {
	float: right;
	margin: 4px 8px 0 0 ;
	}
.vignette {float: right;
padding: 0 8px 5px 5px;
}


h1, h2, h3, h4, h5 {
margin: 0;
padding: 8px 0 0 13px;
font-weight: normal;
text-align: left;
}
h1, h2, h3 {
font-size: 20px;
}
h2 {
color: #9cc;
}

h3 {
color: #366;
}

h4 {font-size: 16px;
}

h5 {font-size: 14px;
color: #366;
}

p.article {
	padding: 8px 13px 0 13px;
}

.textegauche {width: 205px;
float: left;
text-align: right;}

.image 
	{
	margin: 0 0 0 7px;
	display: block;
	float: left;
	}

.mots {font-size: 11px; color: #ccc;}

.numeros_pages {padding: 0 0 10px 0;}

.contain {
margin: 15px 0 0 76px;
clear: left;
}

.g {float: left;
}
.copy {font-size: 10px;}

.r, body.r h2 {color: #966}
body.r h3, body.r h5 {color: #8c0000;}
body.r #page
	{ 
	background: url(charte/fond-page-r.gif) repeat-y 0 0; 
	}