/* =========================
   page.css - media="SCREEN"
   =========================
   spécifique à l'écran */
   
/* ---------- Page */
body {
	padding: 20px; /* Effet de bordure supprimé pour l'impression */
	background-color: #C0C0C0; /* Effet de bordure autour de #global (GRIS CLAIR) *******/
	width: 1150px;

}
/* Texte h1, h2, etc...  dans base.css & COULEUR.css */
/* Blocs : #global, #entete, #navigation et #contenu */
#global { /* Contient l'ensemble (#entete, #navigation et #contenu )  */
	width: 100%; /* empêche le dépassement des flottants */
	overflow: hidden; /* empêche le dépassement des flottants */
	min-width: 1120px;
	max-width: 1150px;
	/* background-color: #(CSS_COULEUR TRES CLAIR) /* fond commun avec #navigation */
	}
#entete {
	border-bottom-width: 1px; /* ligne au-dessus de #contenu et #navigation */
	border-bottom-style: solid; /* ligne au-dessus de #contenu et #navigation */
	padding: 20px 0 10px 20px;
	min-height: 80px;
	/* background-color: #(CSS_COULEUR CLAIR); */
	/* border-bottom-color: #(CSS_COULEUR STANDARD);  /* ligne au-dessus de #contenu et #navigation */
}
#navigation {
	width: 250px; /* Marge laissée par #contenu */
	float: right; /* A gauche de #contenu */
	margin-top: 1px; /* Descendre le menu si besoin */
	/* background-color: #(CSS_COULEUR TRES CLAIR) /* fond commun avec #global */
}
#contenu {
	margin-right: 250px; /* marge pour #navigation */
	padding: 2em; /* pas à l'impression */
    background-color: #FFF; /* blanc (commun a toutes les années/couleur) */
	border-right-width: 1px; /* ligne entre #contenu et #navigation (à droite) */
	border-right-style: solid; /* ligne entre #contenu et #navigation (à droite) */
    min-height: 750px;
	/* border-right-color:  #(CSS_COULEUR FONCE) /* ligne entre #contenu et #navigation (à droite) */
}
#AvAr {   /* Bloc pour raccourcis avec flèches avant & arrière */
	margin-right: 250px; /* marge pour #navigation */
	padding: 2em; /* pas à l'impression */
	background-color: #FFF; /* blanc */
	border-right-width: 1px; /* ligne entre #contenu et #navigation (à droite) */
	border-right-style: solid; /* ligne entre #contenu et #navigation (à droite) */
	/* border-right-color: #(CSS_COULEUR FONCE) /* ligne entre #contenu et #navigation (à droite) */
}
/* ---------- Dans #contenu */
#contenu > :first-child {
	margin-top: 10px; /* Dégage le haut */
}

/* ---------- Dans #navigation */
#navigation h2 {
	align: center;
}


#lecteur {
	style="position:absolute; 
	top: 20px; 
	width: 220px; 
	height: 100px; 
/*	background-color: #FCF; */
	margin-top: 0px; 
	margin-left: 15px; 
	padding-top: 10px;
}.gris_italique {
	font-style: italic;
	color: #AAA;
}

 
 
a.pb {
	background: url('../CD/img/note_0.gif');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	width: 20px;
	height:20px;
	display:block;
}

a.pb:hover {
   background-image: url('../CD/img/note_1.gif');
}