/*********************************************/
/* Feuille de style pour le thème Richie     */
/* Ce fichier est dans le domaine public.    */
/*********************************************/

/*Je ne sais pas si c'est utile, mais ça ne casse rien. */
#tout {
 position: relative;
}

#theme { 
	background: #3B376C;
 font-family: Arial, sans-serif;
 font-size: 100%;
 margin: 0;
  padding: 0;
   border: 0;
    position: absolute;
     left: 0;

}

/* ########################################################################
 * Barre de navigation à gauche
   ########################################################################
 */

#actualite { 
 left: 0.5em;
 position: absolute;
 top: 30px;
 width: 15em;
 margin: 0;
 z-index: 5;
}

#actualite h1 {
	font: normal "Trebuchet MS", Verdana, sans-serif;
	color: #FFFFFF;
        text-align: left;
	font-size: 100%;
	padding: 0;
	width: 140px;
        background-color: #3B376C;
	margin-left: 1em;
	font-weight: bold;
}

#actualite ul {
	background: #DADFFF;
 	border: solid 2px #3B376C;
	margin-left: 10px;
	border-color: #3b376c;
	border-style: solid;
	list-style-type: none;
	padding: 0;
}


#actualite li { 
 border-color: #3B376C;
 border-style: solid;
 border-width: 0;
 margin: 0;
 padding: 0;
 width: 100%;
}

#actualite li.active {
	font-size: 90%;
	padding: 0 5px 0 5px;
	font-weight: bold;
}


#actualite a { 
 color: #3B376C;
 display: block;
 font-family: "Trebuchet MS", Verdana, sans-serif;
 margin: 0;
 padding: 0 5px 0 5px;
 text-decoration: none;
}


/* Sous-menus (tables des matières) */
/*------------------------------------*/

#actualite ul.active {
	width: 200px;
	background: #FFFFCC;
 	border: solid 2px #3b376c;
	margin-top: 1em;
	margin-left: 10px;
	border-color: #3b376c;
	border-style: solid;
	list-style-type: none;
	padding: 0;
}

#actualite ul.active > li {
	font-size: 90%;
	margin-left: 2em;
}

#actualite ul.active > li.active {
	font-size: 100%;
	margin-left: 0em;
	font-weight: bold;
}



/* ################################################################### */
/* Liens de la barre de navigation */
/* ################################################################### */

#actualite a:hover { 
	font-size: 90%;
	background-color: #3B376C;
	color: #DADFFF;
	padding: 0 5px 0 5px;
	font-size: 100%;
}


#actualite a.linkOn { 
 font-weight: bold;
 }

#actualite a.linkOn:hover { 
 color: white; 
}


/*######################################################################*/
/* Corps du texte */
/* #######################################################################*/

#corps { 
 background-color: white;
 border-left: solid 4px #3B376C;
 margin-bottom: 0;
 margin-left: 15.5em;
 min-height: 300px;
 padding: 0 0 1px 0;
 /* position: absolute;
  max-width: 55em; largeur du texte limitée, supprimé à cause d'un bug
 * d'IE...*/
}


/* Définition du main : il s'agit du texte, titre excepté */

/* #main {
 padding-top: 0px;
 padding-left: 15px;
 margin: 0;
}
*/

/* ################################################################### */
/* Généralités */
/* ################################################################### */


/* Liens */

a { text-decoration: none; }

a:hover { text-decoration: underline }

a:link { color: blue; }   /* lien non encore visité */

/* Hiérarchisation : titres, sous-titres */


H1 {
	font: normal "Trebuchet MS", Verdana, sans-serif;
	clear: both;
	color: #FFFFFF;
        background-color: #3B376C;
        text-align: left;
	font-size:170%;
	font-weight: normal;
	padding-top: 5px;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	padding-left: 5px;
	padding-bottom: 5px;
}


H2 {
	font: normal "Trebuchet MS", Verdana, sans-serif;
	color: #3B376C;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: 120%;
	margin-left: 1em;
	padding: 0.5em;
	padding-left: 0;

}


h3 { 
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 140%;
  font-weight: bold;
  padding-left: 10px;
  clear: both;
}

/* Texte */

P { 
	text-align: justify;
 	padding-left: 1em;
 	padding-right: 1em;
}

p.logo {
	font-style: italic;
	font-size: 80%;
	text-align: right;
	float: right;
}

p.centre {
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	}

p.pied {
	text-align: right;
	font-style: italic;
	font-size: 80%;
	}


blockquote.nota {
	font-size: 90%;
	background-color: #FFFF44;
	padding: 1em;
 	border: dashed #3B376C;
}

blockquote.accueil {
	text-align: center;
	width: 50%;
	background-color: #DADFFF;
	margin: 2em;
	padding: .5em;
 	border: thin solid #3B376C;
}

dt {
	margin-top: 1em;
	}


/* -------------------------------------------- */
dl.annonce {
	border-color: #1e1e7f;
 	border-style: solid;
 	border-width: 2px;
	padding: 10px;
	padding-right: 2em;
	padding-left: 1em;
	margin: 1em;
	list-style-position: outside;
	}

dl.annonce > dt { 
	margin-top: .5em;
	font-weight: bold;
	color: #1e1e7f;
	}

dl.annonce > dd { 
	text-align: justify;
	margin-top: 1em;
	margin-bottom: 1em;
	}


dl.annonce > dd.important { 
	text-align: left;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	}


/* Pour toutes les listes */

LI { text-align: justify; }
/* Pour mettre en valeur des points dans le texte  */

UL { 
	margin: 1em;
}


UL.point { 
	padding: 1em;
	list-style-position: inside;
	list-style-image: url(bullet-bleu.gif);
}

UL.point > LI {
	margin-top: 1em;
	margin-left: 0;
}

UL.point OL {
	list-style-position: outside;
	list-style-type: decimal;
	list-style-image: none;
}

UL.point UL {
	list-style-position: outside;
	list-style-image: none;
}


/* Images */

img { 
 border-width: 0; /* pas de bordure sur les images */
}

/* -------------------------------------------- */
/* Richie Europa Newsletter */
/* -------------------------------------------- */

h2.REN { 
	font: normal "Trebuchet MS", Verdana, sans-serif;
	color: navy;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: 120%;
	margin-left: 0;
	margin-top: 2em;
	padding: 5px;
 	border: solid 2px;
	}

h3.REN { 
	font: normal "Trebuchet MS", Verdana, sans-serif;
	color: navy;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	font-size: 100%;
	margin-left: 0;
	margin-bottom: 2em;
	padding: 0;
}

blockquote.REN {
	margin-top: 1em;
	text-align: justify;
	padding: .5em;
	font-size: 90%;
}

dl.biblio {
	padding: 0.5em;
	list-style-position: outside;
	}

dl.biblio > dt { 
	margin-top: 1em;
	font-weight: bold;
	color: #1e1e7f;
	}

dl.biblio > dd { 
	text-align: justify;
	margin-bottom: .5em;
	}

P.signature {
	font-size: 90%;
	text-align: right;
}