/* --- STYLES DE BASE --- */

/* Page */
HTML {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
BODY {
    margin: 0;
    padding: 1em; 
    color: black;
    background: white;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: normal; 
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin-top: .75em;
    margin-bottom: .75em;
 }

/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
    text-decoration: underline;
}
a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}





/*****************************************/
/* style commun aux listes horizontales */
/*****************************************/

UL.listhor
{
	margin:0;
	padding:0;
}
.listhor LI
{
	float:left;
	margin:0;
	padding:0;
	line-height:1em;
	list-style-type:none;
}
.listhor LI A
{
	display:block;
	float:left;
}
.listhor LI A:hover
{
	text-decoration:none;
}
.listhor LI#current A
{
	cursor:text;
}
.listhor LI A IMG
{
	border:0;
	padding:0;
}
UL.listvert
{
	margin:0;
	padding:0;
}
.listvert LI
{
	margin:0;
	padding:0;
	line-height:1em;
	list-style-type:none;
}
.listvert LI A
{
	display:block;
}
.listvert LI A:hover
{
	text-decoration:none;
}
.listvert LI#current A
{
	cursor:text;
}
.listvert LI A IMG
{
	border:0;
	padding:0;
}

.clearboth
{
	clear:both;
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0px;
}

.calage
{
	float:left;
	width:1px;
}

.petit
{
	font-size:90%;
}