/*
	Titre : Feuille de style du site pour l'impression
	Auteur : VALAT Didier
	Date de création : 23/11/08
	Version : 1.0
*/

/*
	------------------------------------------------------
	Début : Ré-initialisation des propriétés du navigateur
	------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
abbr,acronym { 
	border:0;
}
body {
	font:12px verdana,arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
}
select, input, textarea {
	font:99% verdana,arial,helvetica,clean,sans-serif;
}
pre, code {
	font:115% monospace;
}
body * {
	line-height:1.8em;
}
/*
	----------------------------------------------------
	Fin	: Ré-initialisation des propriétés du navigateur
	----------------------------------------------------
*/

/*
	-----------------------------
	Début : Mise en forme du site
	-----------------------------
*/
/*
	#################################
	Styles des balises HTML GENERALES
	#################################
*/
/* Style pour le corps de la page */
body {
	/* Couleur de l'écriture : "bleu foncé" */
	color:#003399;
	/* Fixation de l'image de fond */
	background-attachment:fixed;
}
/* Style pour les acronymes */
acronym {
	/* Soulignement : 1px avec des points de couleur "marron" */
	border-bottom:1px dotted #85220b;
}
/* Style pour les paragraphes */
p {
	/* Alignement du texte : justifié */
	text-align:justify;
	/* Indentation du texte : 2em */
	text-indent:2em;
}
/* Style pour les paragraphes précédés d'un paragraphe */
p + p {
	/* Marge en haut : 1em */
	margin-top:0.5em;
}
/* Style pour les titres "h2" précédés d'une liste */
ul + h2 {
	/* Marge en haut : 1em */
	margin-top:0.5em;
}
/* Style pour les titres "h2" précédés d'un paragraphe */
p + h2 {
	/* Marge en haut : 1em */
	margin-top:0.5em;
}
/* Style pour les emphases */
em {
	/* Soulignement */
	text-decoration:underline;
}
/* Style pour les parties en gras */
strong {
	/* Epaisseur de la police : gras */
	font-weight:bold;
}
/* Style pour les liens */
a {
	/* Epaisseur de la police : gras */
	font-weight:bold;
	/* Couleur de la police : "marron" */
	color:#85220b;
	/* Suppression du soulignement au niveau du lien */
	text-decoration:none;
}
/* Style pour les liens non-visités */
a:link {
	/* Couleur de la police : "marron" */
	color:#85220b;
}
/* Style pour les liens visités */
a:visited {
	/* Couleur de la police : "marron" */
	color:#85220b;
}
/* Style pour les liens au passage de la souris */
a:hover {
	/* Couleur de la police : "bleu foncé" */
	color:#000099;
	/* Soulignement : 1px avec des points de couleur marron */
	border-bottom:1px dotted #85220b;
}
/* Style pour les liens sélectionnés */
a:active {
	/* Couleur de la police : "bleu foncé" */
	color:#000099;
}
/*
	###############################
	Styles des balises PERSONNELLES
	###############################
*/
/* Style pour le bloc principal : "main" */
#main {
	/* Largeur du cadre */
	width:800px;
	/* Marges externes : 0 auto */
	margin:0 auto;
	/* 	
		Position : "relative" pour placer cet élément 
		dans le coin haut gauche du bloc et tous les autres par dessus
	*/
	position:relative;
	/* Bordures de tous les côtés de taille 1px solides et de couleur marron */
	border:1px solid #85220b;
}
/* Style pour le bloc en-tête : "header" */
#header {
	/* Affichage du bloc : non */
	display:none;
}
	/* Style pour les blocs qui suivent le bloc : "content" */
#content > div {
	/* Marges externes : 2em à droite et 1em à gauche */
	margin:0 2em 0 1em;
	/* Marges internes : 6em en haut, 1em à droite, 2em en bas et 1em à gauche */
	padding:1em 1em 2em 1em;
}
/* Le bloc menu : "menu" ne sera pas affiché */
#menu {
	/* Affichage du bloc : non */
	display:none;
}
/* Le bloc à gauche : "left" ne sera pas affiché */
#left {
	/* Affichage du bloc : non */
	display:none;
}
/* Style pour le bloc "arborescence" */
#right  #arborescence {
	/* Affichage du bloc : non */
	display: none;
}
/* Style pour le bloc "arborescence_content" */
#right  #arborescence_content {
	/* Affichage du bloc : non */
	display: none;
}
/* Style pour le titre "h1" du bloc de droite : "right" */
#right h1 {
	text-decoration:none;
	/* Taille de la police augmentée de 30% */
	font-size:130%;
	/* Couleur de la police : "blanc" */
	color:#fff;
	/* Distance entre les lignes : 1.28em */
	line-height:1.28em;
	/* Transformation du texte en capitales avec première lettre plus grosse que les autres */
	font-variant:small-caps;
	/* Epaisseur de la police : gras */
	font-weight:bold;
	/* Marge interne : 0.5em en haut et 0.5em en bas */
	padding:0.5em 0 0.5em 0;
}
/* Style pour le titre "h2" du bloc de droite : "right" */
#right h2 {
	text-decoration:none;
	/* Taille de la police augmentée de 20% */
	font-size:120%;
	/* Couleur de la police : "jaune" */
	color:#faed7d;
	/* Distance entre les lignes : 1.28em */
	line-height:1.28em;
	/* Epaisseur de la police : gras */
	font-weight:bold;
	/* Marges internes : 0.5em en bas et 1em à gauche */
	padding:0 0 0.5em 1em;
}
/* Style pour les listes "ul" du bloc de droite : "right" */
#right ul {
	/* Marge externe gauche : 2em */
	margin-left:2em;
	/* Image pour les listes */
	list-style-image:url('../img/arrow.png');
	/* Alignement du texte : justifié */
	text-align:justify;
}
/* Style pour les listes du bloc "ancre_haut" contenu dans le bloc "right" */
#right #ancre_haut li {
	/* Affichage du bloc : non */
	display:none;
}
/* Style pour les listes du bloc "ancre_bas" contenu dans le bloc "right" */
#right #ancre_bas li {
	/* Affichage du bloc : non */
	display:none;
}
/* Style pour les listes "ul" du bloc "contact" contenu dans le bloc "right" */
#right #contact li {
	/* Marge externe gauche : 4em */
	margin-left:4em;
	/* Image pour les listes */
	list-style-image:none;
}
/* Le bloc pied de page : "footer" ne sera pas affiché */
#footer {
	/* Affichage du bloc : non */
	display:none;
}
/* Style pour les sources de documents */
p.source {
	/* Alignement du texte au centre du bloc */
	text-align:right;
	/* Suppression de l'indentation */
	text-indent:0;
}
/* Style pour les légendes d'images */
p.legende {
	/* Alignement du texte au centre du bloc */
	text-align:center;
	/* Style de la police : italique */
	font-style:italic;
	/* Suppression de l'indentation */
	text-indent:0;
}
/* Style pour les images de la classe : "img_centre" */
img.img_centre {
	/* Affichage : "block" */
	display:block;
	/* Marges externes : 1em auto */
	margin:1em auto;
	/* Bordures de chaque côté : 1px solides de couleur "marron" */
	border:1px solid #85220b;
}
/* Style pour le bloc : "liste" */
div.liste dt {
	/* Marge externe gauche : 2em */
	margin-left:2em;
}
div.liste dd {
	/* Marge externe gauche : 10em */
	margin-left:10em;
	/* Alignement du texte : justifié */
	text-align:justify;
}
/*
	-----------------------------
	Fin : Mise en forme du site
	-----------------------------
*/