div #zoneRecit{
	width:275px;
	background-image: url(../../images/bg_DarkGray.jpg);
}

div #wrapperRecit{
	width:auto;
	padding:0px 10px 0px 10px;
	border:solid;
	border-width:0px 0px 0px 3px;
	border-color:#C1C2C1;
	height:100%;  /* Nécessaire pour la barre de scrolling */
	overflow:auto;
}

div .recitChapitre {
	padding: 8px;
	display:none;
	text-align:left;
	background-color:#EEEEEE;	
	background-image: url(../../images/WhitePaper.jpg);	
}

div .recitChapitre h1 {
	padding-bottom:0.25em;
	padding-top:0.25em;	
	color:WHITE;
	font-family: "Trebuchet MS",
             	"Segoe UI",
	             Verdana,
	             Candara,
 	            "Bitstream Vera Sans",
	             "DejaVu Sans",
 	            sans-serif;
	font-size:1.4em;
	text-align:left;
	text-indent:6px;
	background-color:#443A3A;
}

div .recitChapitre h2 {
	margin-top:2em;
	padding-bottom:0.25em;
	padding-top:0.25em;	
	color:#2b1d15;
	font-family: "Trebuchet MS",
             	"Segoe UI",
	             Verdana,
	             Candara,
 	            "Bitstream Vera Sans",
	             "DejaVu Sans",
 	            sans-serif;
	font-size:1.1em;
	text-align:left;
	text-indent:10px;
	background-color:#d5d2d2;
}

div .recitChapitre p {
	color:#01052e;
	font-family:Georgia,
             	"Nimbus Roman No9 L",
             	"New Century Schoolbook",
             	"Times New Roman",
             	"Liberation Serif",
             	serif;
	font-size:0.92em;
	line-height:1.4em;
	text-align:justify;
	text-indent:1em;
}

div .nextChapter{ /*Chapitre Suivant*/
	display:none;
	margin:10px;
	padding: 0 0 10px 0;
	float:right;
	cursor:pointer;
	color:white;
	text-align:right;
	font-family: Arial,
             	 Helvetica,
             	 sans-serif;
	font-size:1.2em;
	font-weight:bold;
}
div .nextChapter:hover{
	color:yellow;
}
#flecheNextChapter{ /*Chapitre Précédant. Identique à Suivant*/
	cursor:pointer;
	margin:0px 10px -15px 10px;
	padding:0 0 0 0;
	float:none;
}

 .previousChapter{ /*Chapitre Suivant*/
	display:none;
	margin:10px;
	padding: 0 0 10px 0;
	float:right;
	cursor:pointer;
	color:white;
	text-align:right;
	font-family: Arial,
             	 Helvetica,
             	 sans-serif;
	font-size:1.2em;
	font-weight:bold;
}
 .previousChapter:hover{
	color:yellow;
}
#flechePreviousChapter{ /*Chapitre Précédant. Identique à Suivant*/
	cursor:pointer;
	margin:0px 10px -15px 10px;
	padding:0 0 0 0;
	float:none;
}

.warningFooter {
	float:right;		
	color:#fac9ab;		/* MODIFIABLE */
	margin-left:60px;   /* MODIFIABLE : doit correspondre à la largeur des flèches next/prev */
	font-size:0.7em;
	font-style:italic;
	font-weight:bold;
	font-family: Arial,Helvetica,sans-serif;
}